def modal_self_recording_review(app):
return html.Div([
html.H6("Review", style={
"font-size": "0.7rem",
"padding-top": "10px"
}),
dbc.Button(children=[
html.Img(src=app.get_asset_url("icon-laptop-play-video-100.png"),
style={
"height": "1.5rem",
"padding-top": "0px"
})
],
color="light",
style={"border-radius": "10rem"},
id='video-modal-review-button-open'),
dbc.Modal([
dbc.ModalHeader(id="video-modal-review-header"),
dbc.ModalBody(id="video-modal-review-body"),
dbc.ModalFooter(
dbc.Button("close",
id="video-modal-review-button-submit",
className="mr-2"), )
],
id="modal-selfrecording-review",
size='xl',
backdrop="static")
],
style={"text-align": "center"})
def modal_kccq_questionaire_answer(app):
return html.Div([
html.H6("Review", style={
"font-size": "0.7rem",
"padding-top": "10px"
}),
dbc.Button(children=[
html.Img(src=app.get_asset_url("icon-inspection-100.png"),
style={
"height": "1.5rem",
"padding-top": "0px"
})
],
color="light",
style={"border-radius": "10rem"},
id='kccq-modal-answer-button-open'),
dbc.Modal([
dbc.ModalHeader(id="kccq-modal-answer-header"),
dbc.ModalBody(modal_kccq_questionaire_body_answer(),
style={
"padding": "40px",
"margin-top": "-20px"
}),
dbc.ModalFooter(dbc.Button("Close",
id="kccq-modal-answer-button-submit",
className="mr-2",
style={"width": "160px"}),
style={"padding-right": "42%"})
],
id="kccq-modal-answer",
size='xl',
backdrop="static")
],
style={"text-align": "center"})
def image(file, identification, style=None):
return html.Img(
src=app.get_asset_url(file),
id=identification,
style={
"height": '65px',
"width": 'auto',
"margin-bottom": "30px",
}
)
def display_map_geo(page_content):
''' recupère la liste et emplacement des chantiers associés
à l'utilisateur connecté'''
with engine.connect() as con:
query = f"SELECT * FROM chantier where username = '******'"
# query = f"SELECT * FROM chantier where username = '******'"
df = pd.read_sql_query(query, con=con)
''' si aucun chantier associé ne retourne rien sinon
affiche la carte avec les positions des chanteirs'''
if df.shape[0] == 0:
return [], "Aucun chantier"
else:
fig = px.scatter_mapbox(
df,
lat="lat",
lon="lon",
hover_name="nom_chantier",
hover_data={
"lat": False,
"lon": False,
},
color_discrete_sequence=["#FF8C00"],
height=650,
zoom=4,
)
fig.add_layout_image(
dict(
source=app.get_asset_url("logo.png"),
x=0,
y=0.98,
))
fig.update_layout_images(
dict(
xref="paper",
yref="paper",
sizex=0.12,
sizey=0.12,
xanchor="left",
yanchor="top",
))
fig.update_layout(mapbox_style="dark", mapbox_accesstoken=mapbox_token)
fig.update_layout(
plot_bgcolor=colors["background"],
paper_bgcolor=colors["background"],
font_color=colors["text"],
margin=dict(l=0, r=0, t=10, b=0),
)
return dcc.Graph(id="map-geo",
config={"displayModeBar": False},
figure=fig), ""
def modal_kccq_questionaire(app):
return html.Div([
html.H6("Entry", style={
"font-size": "0.7rem",
"padding-top": "10px"
}),
dbc.Button(children=[
html.Img(src=app.get_asset_url("icon-test-100.png"),
style={
"height": "1.5rem",
"padding-top": "0px"
})
],
color="light",
style={"border-radius": "10rem"},
id='kccq-modal-button-open'),
dbc.Modal([
dbc.ModalHeader(
html.Div(
[
html.H1("KCCQ-12 Questionnaire",
style={"font-size": "1.6rem"}),
html.
H6("Instructions: The following questions refer to your heart failure and how it may affect your life. Please read and complete the following questions. There are no right or wrong answers. Please mark the answer that best applies to you."
),
],
style={
"width": "80%",
"padding-left": "40px",
"padding-right": "40px",
"padding-top": "10px",
"padding-bottom": "10px"
}), ),
dbc.ModalBody(modal_kccq_questionaire_body(),
style={
"padding": "40px",
"margin-top": "-20px"
}),
dbc.ModalFooter(dbc.Button("Submit",
id="kccq-modal-button-submit",
className="mr-2",
style={"width": "160px"}),
style={"padding-right": "42%"})
],
id="kccq-modal",
size='xl',
backdrop="static")
],
style={"text-align": "center"})
def return_navbar(profil):
navbar = dbc.Navbar(
[
html.A(
dbc.Row(
[
dbc.Col(
html.Img(src=app.get_asset_url("logo.png"), height="55px")
),
],
align="center",
no_gutters=True,
),
href="https://fr.enneade-ingenierie.com",
),
html.H4(id="title_chantier"),
return_buttons(profil),
],
color="dark",
dark=True,
style=dict(height=60),
)
return navbar
import dash_core_components as dcc
import dash_bootstrap_components as dbc
import dash_html_components as html
from dash.dependencies import Input, Output, State
#### import des librairies
from flask_login import login_user
from werkzeug.security import check_password_hash
from server import app, User
layout = dbc.Container([
html.Br(),
dbc.Row(
html.Img(src=app.get_asset_url("logo.png"), height="250px"),
justify="center",
),
html.Br(),
dbc.Container(
[
dcc.Location(id="url_login", refresh=True),
html.Div([
dbc.Container(
id="loginType",
children=[
dbc.Row(
dcc.Input(
placeholder="Nom d'utilisateur",
type="text",
id="uname-box",
nav=True,
in_navbar=True,
label="More",
),
],
brand="NavbarSimple",
brand_href="#",
color="primary",
dark=True,
)
report_title = html.Div([
dbc.Row([
dbc.Col(
html.Img(
src=app.get_asset_url("cool-logo.png"),
className="page-1a",
)),
dbc.Col(
[
html.H6("David Li"),
html.H5("Financial Report"),
html.H6(time.ctime()),
],
className="page-1b",
),
dbc.Col(
[
html.H6("Add Basic Auth"),
html.H5("Add Stuff Later"),
html.H6("Full Money Amount"),
def modal_self_recording_review_prior(app, filename, score, num):
submit_date = filename.split('_')[0]
d = submit_date.split('-')[1]+'/'+submit_date.split('-')[2]+'/'+submit_date.split('-')[0]
path = str('configure/') + current_user.email +str('/upload/') + filename
encoded_video = base64.b64encode(open(path, 'rb').read())
cap = cv2.VideoCapture(path)
if cap.isOpened():
rate = cap.get(5)
FrameNumber = cap.get(7)
duration = int(FrameNumber/rate)
size = round(os.path.getsize(path)/(1024*1024),1)
return html.Div(
[
html.H6("Review", style={"font-size":"0.7rem","padding-top":"10px"}),
dbc.Button(children = [html.Img(src=app.get_asset_url("icon-laptop-play-video-100.png"), style={"height":"1.5rem", "padding-top":"0px"})], color="light",style={"border-radius":"10rem"}, id = u'video-modal-review-prior-button-open-{}'.format(num)),
dbc.Modal(
[
dbc.ModalHeader(
html.Div(
[
html.H1("Berg Balance Scale",style={"font-size":"1.5rem"}),
dbc.Badge(d + " Completed", color="primary", className="mr-1",style={"font-family":"NotoSans-SemiBold","font-size":"1rem"}),
html.Div(style={"height":"20px"}),
dbc.Row(
[
dbc.Col(
[
html.H6("File Name : "+ filename),
html.H6("Duration : "+ str(duration)+' s'),
html.H6("Size : "+ str(size)+' MB'),
]
),
# dbc.Col(
# html.Div(
# [
# dbc.Badge("Total Score: ", color="warning", className="mr-1",style={"font-family":"NotoSans-SemiBold","font-size":"0.8rem"}),
# html.H1(score + "/56", style={"font-size":"2rem","color":"#ffc107"}),
# ]
# )
# ),
],
style={"width":"1600px"}
)
],
style={"padding-left":"40px","padding-right":"40px","padding-top":"10px","padding-bottom":"10px"}
)
),
dbc.ModalBody(
html.Div(
[
html.Video(src='data:image/png;base64,{}'.format(encoded_video.decode()), controls = True, style={"height":"25rem","border-bottom":"none", "text-align":"center"} ),
],
style={"text-align":"center"}
)
),
dbc.ModalFooter(
dbc.Button("close", id=u"video-modal-review-prior-button-submit-{}".format(num), className="mr-2"),
)
],
id = u"modal-selfrecording-review-prior-{}".format(num),
size = 'xl',
backdrop = "static"
)
]
)
fac.AntdTitle('1 Dash+fac开发环境的准备', id='1 Dash+fac开发环境的准备', level=2),
fmc.FefferyMarkdown(codeStyle='a11y-dark',
markdownStr=open(
'./documents/1 Dash+fac开发环境的准备.md',
encoding='utf-8').read()),
fac.AntdTitle('2 用Dash开发静态页面', id='2 用Dash开发静态页面', level=2),
fmc.FefferyMarkdown(codeStyle='a11y-dark',
markdownStr=open('./documents/2 用Dash开发静态页面.md',
encoding='utf-8').read(),
renderHtml=True),
fac.AntdTitle('3 用Dash开发交互应用', id='3 用Dash开发交互应用', level=2),
fmc.FefferyMarkdown(codeStyle='a11y-dark',
markdownStr=open('./documents/3 用Dash开发交互应用.md',
encoding='utf-8').read(),
renderHtml=True),
html.Div(fac.AntdImage(src=app.get_asset_url('imgs/玩转dash星球二维码.jpg'),
style={
'height': '400px',
'boxShadow':
'0 6px 16px rgb(107 147 224 / 14%)',
'borderRadius': '5px'
}),
style={
'display': 'flex',
'justifyContent': 'center'
})
],
style={
'flex': 'auto',
'marginBottom': '200px'
}),
# style={
# "height": "34",
# "background": "#119DFF",
# "border": "1px solid #119DFF",
# "color": "white",
# },
),
],
id="recording_div",
className="row",
style={"display": "inline"}),
html.Div(
[
html.Br(),
html.Video(
src=app.get_asset_url(
'Prawin_Sugumaran_mock_interview.mp4'),
width='320px',
height='180px',
controls='True',
)
],
className="row",
id="video_div",
style={"display": "none"},
),
html.Div(
[
html.Br(),
html.Br(),
html.Span(
"Submit Candidate",
def serve_layout():
# session_id = str(uuid.uuid4())
# App main form ****************************
controls = dbc.Card(
[
# Month Dropdown selector
dbc.FormGroup(
[
dbc.Label("Mois",style={'margin-right':'0.5rem','marging-top' : '3rem'}),
html.Br(),
dcc.Dropdown(
id="month_selector",
options=month_options,
placeholder="Select a month",
disabled=False,
multi=False,
value=MonthSupValue,
className="dash-bootstrap"
),
# dcc.DatePickerSingle(
# id='date_selector',
# min_date_allowed=date_inf,
# max_date_allowed=date_sup,
# initial_visible_month=current_date,
# date=current_date,
# display_format="DD/MM/YYYY",
# className="dash-bootstrap"
# ),
]
),
# Activity selector
dbc.FormGroup(
[
html.Hr(className="dash-bootstrap",style={'border-top': '1px dashed rgb(153,153,153)'}),
dbc.Label("Activités"),
dcc.Dropdown(
id="pos_activity_selector",
options=activity_options,
placeholder="Select POS activities",
disabled=True,
multi=True,
value=[ACTIVITIES[0]],
),
]
),
# Global pos status selector
dbc.FormGroup(
[
html.Br(),
dbc.Label("Statut global"),
dbc.Checklist(
options=status_options,
value=STATUS,
id="global_om_status_selector",
switch=True,
inline=True
),
]
),
# Cash In/Out status selector
dbc.FormGroup(
[
html.Br(),
# html.Hr(className="dash-bootstrap",style={'border-top': '1px dashed rgb(153,153,153)'}),
dbc.Label("Statut Cash in/Cash out"),
dbc.Checklist(
options=status_options,
value=STATUS,
id="cashx_status_selector",
switch=True,
inline=True
),
]
),
# Commission perf selector
dbc.FormGroup(
[
html.Br(),
# html.Hr(className="dash-bootstrap",style={'border-top': '1px dashed rgb(135,153,153)'}),
dbc.Label("Commissions mesnuelles ≥ 1 000F"),
dbc.Checklist(
options=[{'label': 'Oui', 'value': 'Oui'},{'label': 'Non', 'value': 'Non'}],
value=['Oui','Non'],
id="commission_status_selector",
# switch=True,
inline=True
),
]
),
# DACR selector
dbc.FormGroup(
[
html.Hr(className="dash-bootstrap",style={'border-top': '1px dashed rgb(153,153,153)'}),
# html.P('Filtres Géo',style={'margin-top':'0','text-align': 'right','font-style': 'italic','color':'red'}),
dbc.Label("Régions"),
dcc.Dropdown(
id="dacr_selector",
placeholder="Select DACR(S)...",
options=dacr_options,
multi=True,
value=['Maradi','Zinder','Tahoua']
),
]
),
# Zone selector
html.Br(),
dbc.FormGroup(
[
dbc.Label("Zones"),
dcc.Dropdown(
id="zone_selector",
placeholder="Select ZONE(S)...",
options=zone_options,
multi=True,
value=ZONES,
),
]
),
# Sector selector
html.Br(),
dbc.FormGroup(
[
dbc.Label("Secteurs"),
dcc.Dropdown(
id="sector_selector",
placeholder="Select SECTOR(S)...",
options=secteur_options,
multi=True,
value=SECTEURS,
),
]
),
# Submit button
dbc.FormGroup(
[
html.Hr(className="dash-bootstrap",style={'border-top': '1px dashed rgb(135,153,153)'}),
dbc.Button("Valider", id="submit_button", className="mr-2",style={'display': 'inline-block','float':'right'}),
# dbc.Button("Out", id="zzz", className="mr-2",style={'display': 'inline-block','float':'left'}),
# html.Span(id="example-output", style={"vertical-align": "middle"}),
]
),
],
body=True,
)
# App Visu tabs ****************************
# Overview tab content
tab1_content = dbc.Card(
dbc.CardBody(
[
# html.P("Overview", className="card-text"),
# dbc.Button("Click here", color="success"),
overview_layout,
],
id="visu_overview"
),
className="mt-3",
)
# Map tab content
tab2_content = dbc.Card(
dbc.CardBody(
[
dbc.FormGroup(
[
html.H4("Axe d'analyse ... ",className="card-title",style={'width':'50%','float':'left'}),
dcc.Dropdown(
id="map_theme_selector",
placeholder="Select theme",
options=map_theme_options,
multi=False,
value=MAP_THEMES_VALUES[0],
style={'width':'50%','float':'right'}
),
]
),
html.Br(),
html.Hr(className="dash-bootstrap",style={'border-top': '1px dashed rgb(200,200,200)'}),
html.Br(),
# html.P("Map", className="card-text"),
dcc.Graph(id="mapbox_fig"),
html.Br(),
html.Br(),
html.Hr(className="dash-bootstrap",style={'border-top': '1px dashed rgb(200,200,200)'}),
html.Br(),
dbc.Row(
[
dbc.Col(
html.H4(className="card-title",id="map_selection_tab_len"),
)
]
),
html.Br(),
html.Div(id="map_selected_tab_data",style={'height': '400px','overflow': 'scroll'}),
# html.Pre(id="map_selected_tab_data",style={'paddingTop': 35}),
],
id="visu_map"
),
className="mt-3",
)
# Export tab data to csv content
tab3_content = dbc.Card(
dbc.CardBody(
[
dbc.Row(
[
dbc.Col(
html.H4(className="card-title",id="export_tab_len"),
),
dbc.Col(
dbc.Button("Download", color="primary",style={"float":"right"},id="download_button",external_link=True),
# html.A("Download", style={"float":"right"},id="download_button"),
)
]
),
# html.P(id="tab_len_2"),
html.Br(),
html.Div(id="export_tab_data",style={'height': '600px','overflow': 'scroll'}),
# html.Div(id='intermediate_value', style={'display': 'none'}),
# html.Div(id='intermediate_value2', style={'display': 'none'}),
# dbc.Button("Click here", color="success"),
dcc.Store(id='intermediate_value', storage_type='session'),
dcc.Store(id='intermediate_value2', storage_type='session')
]
),
className="mt-3",
)
# All tabs toguether
tabs = dbc.Tabs(
[
dbc.Tab(tab1_content, label="Overview",tab_id="Overview"),
dbc.Tab(tab2_content, label="Map",tab_id="Map"),
dbc.Tab(tab3_content, label="Export",tab_id="Export")
],
card=True,
active_tab="Overview"
)
logout_button = dbc.Row(
[
# dbc.Col(dbc.Input(type="search", placeholder="Search")),
dbc.Col(
dbc.Button(id='logout_btn',children="Logout", color="danger", className="ml-2"),
width="auto",
),
],
no_gutters=True,
className="ml-auto flex-nowrap mt-3 mt-md-0",
align="center",
)
# Main top bar
navbar = dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(src=app.get_asset_url("logo_upsales.jfif"), height="60px"),md=3),
dbc.Col(dbc.NavbarBrand("Capillarité Orange Money | {0}".format(DateSup), className="ml-2",style={"font-weight": "bold","fontSize": "2rem"})),
],
align="center",
no_gutters=True
),
),
dbc.Collapse(logout_button, id="navbar-collapse", navbar=True)
],
color="light",
dark=False,
)
# main layout
final_layout = dbc.Container(
[
# logo,
# html.H1("Capillarité Orange Money",style={'margin': 0}),
dcc.Location(id='home-url',pathname='/home'),
navbar,
html.Br(),
html.Br(),
# html.Hr(className="dash-bootstrap",style={'margin-bottom':'2rem','border-top': '1px solid rgb(200,200,200)'}),
dbc.Row(
[
dbc.Col(controls, md=4),
dbc.Col(tabs, md=8),
],
align="top",
),
],
fluid=True
)
return final_layout
html.Span('简易看板示例，'),
html.Span('作者'),
html.A('费弗里', href='https://github.com/CNFeffery', target='_blank'),
html.Span('。')
],
id='index-desc',
style={
'margin': '50px 0 50px 50px'
}
),
html.Div(
[
html.Div(
[
html.Span('知识星球【我们谈论数据科学】：', style={'fontWeight': 'bold', 'fontSize': '10px'}),
html.Img(src=app.get_asset_url('img/zsxq.png'), style={'width': '100%'})
],
style={
'flex': 'none',
'width': '250px',
'marginRight': '75px'
}
),
html.Div(
[
html.Span('微信公众号【Python大数据分析】：', style={'fontWeight': 'bold', 'fontSize': '10px'}),
html.Img(src=app.get_asset_url('img/wxgzh.png'), style={'width': '100%'})
],
style={
'flex': 'none',
'width': '250px',
placeholder="Select Age",
multi=False)
dropdownhour = dcc.Dropdown(id="hour_dropdown",
options=[{
"label": hour,
"value": hour
} for hour in range(24)],
value=18,
placeholder="Select Hour",
multi=False)
#Loading an image
Addict_Img = html.Div(children=[
html.Img(
src=app.get_asset_url("addict-img.png"),
id="addict-image",
width=200,
height=200,
)
],
style={'textAlign': 'center'})
#Loading the logo
Logo_Img = html.Div(children=[
html.Img(src=app.get_asset_url("logo.png"), id="logo-image", height=130)
],
style={'textAlign': 'center'})
#Dummy graph for dashboard design
#dummygraph.update_layout(paper_bgcolor="#fffff0")
dropdownhour=dcc.Dropdown(
id="hour_dropdown",
options=[{"label":hour, "value":hour} for hour in range(24)],
value=18,
placeholder="Select Hour",
multi=False
)
#Loading an image
Addict_Img=html.Div(
children=[
html.Img(
src=app.get_asset_url("addict-img.png"),
id="addict-image",
width=200,
height=200,
)
], style={'textAlign': 'center'}
)
#Loading the logo
Logo_Img=html.Div(
children=[
html.Img(
src=app.get_asset_url("logo.png"),
id="logo-image",
def modal_self_recording(app):
return html.Div([
html.H6("Entry", style={
"font-size": "0.7rem",
"padding-top": "10px"
}),
dbc.Button(children=[
html.Img(src=app.get_asset_url("icon-upload-to-the-cloud-100.png"),
style={
"height": "1.5rem",
"padding-top": "0px"
})
],
color="light",
style={"border-radius": "10rem"},
id='video-modal-upload-button-open'),
dbc.Modal([
dbc.ModalHeader([
html.H1("Berg Balance Scale",
style={
"font-size": "1.2rem",
"padding-bottom": "10px"
}),
html.Div(
[
html.
H2("Instruction: Please perform the following 14 tasks and record in one video to upload:",
style={"font-size": "0.8rem"}),
html.
H6("1. Please stand up from sitting position. Try not to use your hands for support"
),
html.H6("2. Stand for 2 minutes without holding"),
html.H6("3. Please sit down from standing position"),
html.H6("4. Sit with arms folded for 2 minutes"),
html.
H6("5. Place your feet together and stand without holding"
),
html.H6(
"6. Close your eyes and stand still for 10 seconds"
),
html.H6(
"7. Please move from chair or bed and back again"),
html.
H6("8. Lift arm to 90 degrees. Stretch out your fingers and reach forward as far as you can"
),
html.
H6("9. Pick up the shoe which is placed in front of your feet"
),
html.
H6("10. Turn to look behind you over your left shoulder, repeat to the right"
),
html.
H6("11. Turn completely around in a full circle. Pause. Then turn a full circle in the other direction"
),
html.
H6("12. Place each foot alternately on the stool. Continue until each foot has touched the stool 4 times"
),
html.H6(
"13. Place one foot directly in front of the other"
),
html.
H6("14. Stand on one leg as long as you can without holding"
),
],
style={
"border-radius": "0.5rem",
"background": "#f5f5f5",
"padding": "20px"
}),
],
style={
"padding": "40px",
"wdith": "100%"
}),
dbc.ModalBody(video_modal_upload_body(), style={"padding": "40px"
}),
dbc.ModalFooter(dbc.Button("Submit",
id="video-modal-upload-button-submit",
className="mr-2",
style={"width": "160px"}),
style={"padding-right": "42%"})
],
id="modal-selfrecording-upload",
size='xl',
backdrop="static")
],
style={"text-align": "center"})
def header():
search_bar = dbc.Row(
[
dbc.Col(
dbc.Button("Log Out",
href="/logout",
outline=True,
color="dark",
style={
"border-radius": "10rem",
"width": "6rem",
"height": "2rem",
"font-size": "0.7rem"
},
id="user-logout"),
width="auto",
),
],
no_gutters=True,
className="ml-auto flex-nowrap mt-3 mt-md-0",
align="center",
)
header = dbc.Navbar(
[
html.A(
# Use row and col to control vertical alignment of logo / brand
dbc.Row(
[
dbc.Col(html.Img(
src=app.get_asset_url("profile_default3.png"),
style={
"height": "2.5rem",
"padding-top": "0px"
}),
style={"padding-right": "2rem"},
width="auto"),
dbc.Col(html.Div([
html.H1("Kevin Scott",
style={
"font-size": "1rem",
"line-height": "0.6"
}),
html.H6("68 | Male", style={"font-size": "0.8rem"
}),
],
style={"padding-top": "0.5rem"}),
width="auto"),
dbc.Col(),
],
align="center",
no_gutters=True,
), ),
dbc.NavbarToggler(id="navbar-toggler"),
dbc.Collapse(search_bar, id="navbar-collapse", navbar=True),
],
color="#fff",
sticky="top",
expand=True,
className="sticky-top",
style={
"box-shadow":
"0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05)",
"padding-left": "8rem",
"padding-right": "8rem",
"padding-top": "1rem",
"padding-bottom": "1rem"
}
# dark=True,
)
return header
import dash_html_components as html
import dash_core_components as dcc
import dash_bootstrap_components as dbc
from server import app
import pandas as pd
from datetime import datetime, timedelta
from plotly.subplots import make_subplots
import plotly.graph_objects as go
section_system_overview = html.Section([
html.H3('System Overview', className='col-12 mb-3'),
html.Img(src=app.get_asset_url('images/Proxa_Monwabisi.jpg'),
className='col-9 mx-auto d-block')
],
className='system-overview w-100')
section_date_range = html.Section([
html.H4('Data Range Selection', className='col-12 mb-3'),
dbc.Row([
html.Div(dcc.DatePickerSingle(
id='input_time_stamp_from',
date=(datetime.today() - timedelta(days=1)).strftime('%Y-%m-%d'),
max_date_allowed=datetime.today(),
display_format='MM / DD'),
className='d-flex flex-column m-2'),
html.Div(dcc.DatePickerSingle(
id='input_time_stamp_to',
date=datetime.today().strftime('%Y-%m-%d'),
max_date_allowed=datetime.today(),
display_format='MM / DD'),
className='d-flex flex-column m-2'),
def layout():
return html.Div(
[
dcc.Location(id='login-url',refresh=True,pathname='/login'),
html.Div(id='login-trigger',style=dict(display='none')),
html.Div(
[
html.Div(
html.Img(src=app.get_asset_url("coeus.png"),style={"height":"4rem"}),
style={"text-align":"center","padding":"4rem"}
),
html.Div(
html.H2("Patient Login",style={"font-size":"1.6rem","padding-left":"20px"}),
style={"text-align":"start"}
),
html.Div(id = 'store-location'),
dbc.Card(
dbc.CardBody(
[
html.Div(style={"padding-top":"20px"}),
# dbc.Collapse(children = ["\u2757", "Please check your username and password."],
# id = 'login-collapse-check',
# is_open = False,
# style={"text-align":"center"}
# ),
html.Div(id='login-alert'),
html.Div(
[
html.Form(
[
html.Div(
dbc.Input(placeholder="Username", type="text", style={"border-radius":"10rem"}, id = "login-username"),
style={"padding":"0.5rem"}
),
html.Div(
dbc.Input(placeholder="Password", style={"border-radius":"10rem"}, type = 'password', id = "login-password"),
style={"padding":"0.5rem"}
),
dbc.Row(
[
dbc.Col(
html.Div(),
),
dbc.Col(
[
dbc.Button(
"Log In",
# id = 'manager-button-openmodal-pmpm',
className="mb-3",
style={"background-color":"#38160f", "border":"none", "border-radius":"10rem", "font-family":"NotoSans-Regular", "font-size":"1rem","width":"6rem"},
id = "login-button"
),
],
width=3
),
dbc.Col(
html.Div(),
),
],
style={"padding-top":"2rem", "padding-right":"1rem"}
)
],
# action='/login',
# method='post'
)
]
)
],
style={"padding-left":"2rem","padding-right":"2rem"}
),
className="mb-3",
style={"box-shadow":"0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1)", "border":"none", "border-radius":"1rem"}
)
],
style={"background-color":"transparent", "border":"none", "width":"500px", "margin":"auto", "padding-top":"5vh"}
),
],
style={"background":"url(./assets/patient-login.png)","height":"100vh"},
id="login-layout"
)
def modal_kccq_questionaire_answer_prior(app, filename, num):
path = 'configure/' + current_user.email + '/' + filename
answer = json.load(open(path, encoding='utf-8'))
return html.Div([
html.H6("Review", style={
"font-size": "0.7rem",
"padding-top": "10px"
}),
dbc.Button(children=[
html.Img(src=app.get_asset_url("icon-inspection-100.png"),
style={
"height": "1.5rem",
"padding-top": "0px"
})
],
color="light",
style={"border-radius": "10rem"},
id=u'kccq-modal-answer-prior-button-open-{}'.format(num)),
dbc.Modal([
dbc.ModalHeader(
html.Div(
[
html.Div([
html.H1("KCCQ Questionnaire",
style={
"font-size": "1.6rem",
"padding-right": "30px"
}),
dbc.Badge(answer["answer-date"] + " Completed",
color="primary",
className="mr-1",
style={
"font-family": "NotoSans-SemiBold",
"font-size": "1rem"
}),
]),
html.
H6("Instructions: The following questions refer to your heart failure and how it may affect your life. Please read and complete the following questions. There are no right or wrong answers. Please mark the answer that best applies to you."
)
],
style={
"width": "80%",
"padding-left": "40px",
"padding-right": "40px",
"padding-top": "10px",
"padding-bottom": "10px"
})),
dbc.ModalBody(modal_kccq_questionaire_body_answer_prior(
answer, num),
style={
"padding": "40px",
"margin-top": "-20px"
}),
dbc.ModalFooter(
dbc.Button(
"Close",
id=u"kccq-modal-answer-prior-button-submit-{}".format(num),
className="mr-2"), )
],
id=u"kccq-modal-answer-prior-{}".format(num),
size='xl',
backdrop="static")
])
'background-color': "#2D2F3E",
'font-family': 'Circular Std',
'font-weight': 'bold',
'color': 'white'
}
# the styles for the main content position it to the right of the sidebar and
# add some padding.
CONTENT_STYLE = {
"margin-left": "22rem",
}
sidebar = html.Div([
html.Div([
html.Img(
src=app.get_asset_url("majelan-logo.png"),
id="majelan-logo",
style={
"height": "110px",
"width": "auto",
"margin-bottom": "0px",
},
),
dbc.Nav(
[
dbc.NavItem(dbc.NavLink("Katy", href="/katy/katy", id="katy")),
],
vertical=True,
pills=True,
),
],
# -*- coding: utf-8 -*-
from server import app, server
from sites.new_candidate import layout
import dash_core_components as dcc
import dash_html_components as html
app.layout = html.Div([
# header
html.Div([
html.Div(html.Img(src=app.get_asset_url('logo.png'), height="50%"),
style={
"margin": "auto",
"paddingTop": "20px",
"height": "70%",
"width": "100px"
})
],
className="row header",
style={
"backgroundColor": "#27303A",
"marginBottom": "30px"
}),
html.Div(layout,
id="full_content",
className="row",
style={
"marginBottom": "5px",
"textAlign": "center",
}),
html.Link(href="https://fonts.googleapis.com/css?family=Open+Sans",
rel="stylesheet"),
[
fac.AntdPopover(fac.AntdButton(
fac.AntdIcon(icon='antd-bulb'),
shape='circle',
style={
'zoom':
'1.25',
'boxShadow':
'0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d'
}),
placement='left',
content=[
fac.AntdText(
'微信扫码加我好友，备注【dash学习】加入学习交流群，更多灵感更快进步',
strong=True),
fac.AntdImage(src=app.get_asset_url(
'imgs/feffery-添加好友二维码.jpg'),
width=250,
preview=False)
],
overlayStyle={
'width': '300px',
'height': '408px'
})
],
style={
'position': 'fixed',
'right': '100px',
'bottom': '200px',
'zIndex': 99999
}),
fac.AntdText('（简称'),
fac.AntdText('fac', strong=True),
fac.AntdText('），基于著名的React UI组件库'),
fac.AntdText('ant design', strong=True),
fac.AntdText('进行二次开发，将'),
fac.AntdText('ant design', strong=True),
fac.AntdText('中的诸多实用组件及特性引入'),
fac.AntdText('Dash', italic=True),
fac.AntdText('，帮助开发者使用'),
fac.AntdText('极低', strong=True),
fac.AntdText('的纯'),
fac.AntdText('Python', strong=True),
fac.AntdText('代码量，即可快速开发出现代化的交互式web应用，将你有关web应用的美好憧憬✨高效地实现。'),
]),
html.Div([
html.Img(src=app.get_asset_url('imgs/react-logo.svg'),
style={'height': '150px'}),
fac.AntdText('+',
style={
'fontSize': '30px',
'color': 'rgba(170, 170, 170, 1)',
'padding': '0 15px 0 15px'
}),
html.Img(src=app.get_asset_url('imgs/antd-logo.svg'),
style={'height': '150px'}),
fac.AntdText('+',
style={
'fontSize': '30px',
'color': 'rgba(170, 170, 170, 1)',
'padding': '0 15px 0 15px'
}),