def generate_activity_gathering_children(id_index):
children = [html.Div([
html.P(''),
dbc.Label(activity_gathering_full[id_index], color='secondary'),
html.Header(activity_gaterhing_detail[0], className='card-text'),
dbc.Input(id=id_activity_no_place[id_index], placeholder=activity_gathering_required[id_index], type='number', min=0, max=1000, step=1, bs_size='sm', style={'margin-bottom':'25px'}),
html.Header(activity_gaterhing_detail[1], className='card-text'),
dbc.Input(id=id_activity_no_person[id_index], placeholder=activity_gathering_required[id_index], type='number', min=0, max=100000, step=1, bs_size='sm', style={'margin-bottom':'25px'}),
html.Header(activity_gaterhing_detail[2], className='card-text'),
dbc.Input(id=id_activity_no_visit[id_index], placeholder=activity_gathering_required[id_index], type='number', min=0, max=100, step=1, bs_size='sm', style={'margin-bottom':'25px'}),
], style={'margin-left':'25px', 'margin-right':'25px', 'margin-bottom':'20px'})]
return children
def Header(children=None, **kwargs):
return html.Header(
html.H1(children=[
Link(server.config['TITLE'],
href=server.config['URL_BASE_PATHNAME'])
],
**kwargs))
def header(logo_url: str, title: str) -> html.Header:
return html.Header(
className="py-2 float ms-auto",
children=[
html.A(
className="",
href="#",
target="_blank",
children=[
html.Img(
src=logo_url,
style={"height": "40px"},
),
],
),
html.H3(
title,
className="text-center chart-title",
style={
"fontSize": "36px",
"color": settings.PALETTE.header_text_color,
},
),
],
)
def create_header(some_string):
header_style = {
'background-color': theme['background-color'],
'padding': '1.5rem',
}
header = html.Header(html.H1(children=some_string, style=header_style))
return header
def create_database_selection_pane():
url_input = dcc.Input(id='url_input',
value='mongodb://localhost:27017/',
type='text')
client = MongoClient(url_input.value)
dbs = [n for n in client.database_names() if n.startswith("HoboCI")]
db_dropdown = dcc.Dropdown(id='db_dropdown',
options=[{
'label': i,
'value': i
} for i in dbs],
value=dbs[0])
db = client[db_dropdown.value]
collection_names = [
n for n in db.collection_names() if n not in ['system.indexes']
]
return html.Header([
html.Div([
html.Div(
[url_input], className='two columns', style={'width': '45%'}),
html.Div(
[db_dropdown], className='two columns', style={'width': '45%'})
],
className='row')
],
style={'textAlign': 'center'})
def return_html():
return html.Div([
html.Div([
dcc.Location(id='url', refresh=False),
html.Header(
className="site-header",
children=[
html.Nav(
className=
"navbar navbar-expand-md navbar-dark bg-steel",
children=[
html.Div(
className="container",
children=[
html.Nav(
className="navbar-nav",
children=[
dcc.Link(
'Home',
href=('/index'),
refresh=True,
className="nav-item nav-link"),
dcc.Link(
'Database',
href=('/db'),
refresh=True,
className="nav-item nav-link")
])
])
])
])
]),
html.Div(id='Dropdowns', children=[], style=SIDEBAR_STYLE),
html.Div(id='content', children=[], style=CONTENT_STYLE)
])
def create_header():
header_style = {
"background-color": theme["background-color"],
"padding": "1.5rem"
}
header = html.Header(html.H1(children=app_name, style=header_style))
return header
def create_header(some_string):
header_style = {
'background-color': '#584b42',
'padding': '1.5rem',
'display': 'inline-block',
'width': '100%'
# 'border-style': 'dotted'
}
logo_trich = html.Img(
src='/assets/fundo_transp-b.png',
className='three columns',
style={
'height': 'auto',
'width': '140px', # 'padding': 1
'float': 'right', #'position': 'relative'
'margin-right': '66px', #'border-style': 'dotted'
'display': 'inline-block'
})
title = html.H1(children=some_string,
className='eight columns',
style={
'margin': '0 0 0 36px',
'color': '#ffffff',
'font-size': '35px'
})
header = html.Header(html.Div([title, logo_trich]), style=header_style)
return header
def generate_layout():
return html.Div(id='main_div',
children=[
html.Header(children=html.H1('Hashemi Lab', )),
generate_body(),
html.Footer(children="FOOTER")
])
def setLayout(self, options):
self.layout = html.Div([
html.Header([
html.A(html.Img(src='assets/hexa.png', id='logo')),
html.H1('ANALYSIS'),
dcc.Dropdown(
id='dropdown-1',
options=[{
'label': i,
'value': i
} for i in options],
value='',
),
html.Div(id='depDropdown'),
html.Button('Actualiser les données', id='button-1'),
]),
html.Div(id='output'),
visdcc.Run_js(id='javascript-1'),
html.Footer([
html.Nav([
html.Ul([
html.Li(html.Div(id='case-1')),
html.Li(html.Div(id='case-2')),
html.Li(html.Div(id='case-3'))
])
]),
html.Button(id='invisible_button', style={'display': 'none'}),
visdcc.Run_js(id='javascript-2'),
],
id='footer')
])
def sources(s, without_geo=None):
if not without_geo:
without_geo = s.isnull().sum()
return html.Header(
className="media-card__byline",
style={"textAlign": "left"},
children=[
html.H4(className="",
children="Source for location (number of grants)"),
html.Ul(
className="",
children=[
html.Li(
className="",
children=[
SOURCES.get(k, k), ": ", "{:,.0f}".format(v)
],
) for k, v in s.value_counts().iteritems()
] + ([
html.Li(
className="",
children=[
"No geographical data available: ",
"{:,.0f}".format(without_geo),
],
)
] if without_geo else []),
),
],
)
def create_header(some_string):
header_style = {
'background-color': '#3C4240',
'padding': '1.5rem',
'display': 'inline-block',
'width': '100%'
}
# logo_trich = html.Img(
# src=link_logo,
# className='three columns',
# style={
# 'height': 'auto',
# 'width': '140px', # 'padding': 1
# 'float': 'right', #'position': 'relative'
# 'margin-right': '66px', #'border-style': 'dotted'
# 'display':'inline-block'})
title = html.H1(children=some_string,
className='eight columns',
style={
'margin': '0 0 0 36px',
'color': '#ffffff',
'font-size': '35px'
})
header = html.Header(
html.Div([
title, #logo_trich
]),
style=header_style)
return header
def create_header(some_string):
header_style = {
'background-color': '#BF3E22',
'padding': '1rem',
'display': 'inline-block',
'width': '100%',
'font-weight': 'bold'
}
su = html.Img(
src=
'https://www.logolynx.com/images/logolynx/3b/3b431fa20a112a5bec8fb33c1d039a10.jpeg',
className='three columns',
style={
'height': 'auto',
'width': '120px', # 'padding': 1
'float': 'right', #'position': 'relative'
'margin-right': '20px', #'border-style': 'dotted'
'display': 'inline-block'
})
title = html.H1(children=some_string,
className='eight columns',
style={
'margin': '25px',
'color': '#ffffff',
'font-size': '50px'
})
header = html.Header(html.Div([title, su]), style=header_style)
return header
def header():
return html.Header(children=[
html.Nav(
className="grey darken-3",
children=[
html.Div(
className="nav-wrapper",
children=[
html.A(style={"margin-left": "1%"},
href="#",
className="brand-logo",
children="De olho no Metrô"),
html.Ul(className="right hide-on-med-and-down",
children=[
html.Li(className="active",
children=html.A(
href="",
children="Relatório dia")),
html.Li(children=html.A(
href="", children="Relatório mês")),
html.Li(children=html.A(href="",
children="Sobre")),
html.Li(children=html.A(
className=
"waves-effect waves-light btn",
href="",
children="Baixar os dados")),
])
])
]),
])
def add_topbar(title):
content = html.Header(
className="header",
children=[
html.Div(
className="header__logos col-lg-9",
children=[
html.Div(
className="header__logo",
children=[
html.Img(
className="logo-carol",
src=
'https://raw.githubusercontent.com/totvslabs/MDMStatic/master/reports/carol--type-white.png'
),
])
]),
html.Div(
id="header__title col-lg-3",
className="",
children=[
html.H1(className="header__label", children=title),
html.Div(
className="class-rightbutton",
children=[
html.A("Logout",
href='/logout',
className="logout_btn") #,
#html.A("Reload Data", href='/', className="logout_btn", id='reload')
]),
])
])
return content
def create_header(some_string):
header_style = {
"backgroundColor": theme["backgroundColor"],
"padding": "1.5rem",
}
header = html.Header(html.H1(children=some_string, style=header_style))
return header
def layout(pathname='/'):
header_links = [
{
'href': "",
'title' : "",
'text': "Github"
}
]
tab_links = [
{
'href': "/",
'title' : "",
'text': "Home"
},
{
'href': "/about",
'title' : "",
'text': "About Magicbox Reports"
}
]
return html.Header(
children= [
html.A( className="skip", href="#contents", tabIndex="0", children=["Skip content"]),
html.Nav(className="navbar navbar-expand-md flex-md-row bd-navbar p-0",
children=[
html.A( className="navbar-brand navbar-line mr-3", href="/", title="Go home",
children=[
html.Img(className="img-fluid d-none d-lg-block", alt="", src="/assets/unicef-logo.svg")
]),
html.A(className="navbar-brand mr-0", href="/", title="Go home",
children=[ "Magicbox Reports"
]),
header_links_layout(header_links),
html.Button(
className='navbar-toggler',
type="button" ,
**{
'data-toggle': "collapse",
'data-target': "#navbarSupportedContent",
'aria-controls': 'navbarSupportedContent',
'aria-expanded': 'false',
'aria-expanded': 'Toggle navigation'
},
children=[
html.Span(className="navbar-toggler-icon", children=[
html.I(className="fa fa-bars")
])
]) # Button
]), # Nav
tab_links_layout(tab_links, pathname)
]) # Header
#<button class="navbar-toggler" type="button" data-toggle="collapse"
# data-target="#navbarSupportedContent"
# aria-controls="navbarSupportedContent"
# aria-expanded="false"
# aria-label="Toggle navigation">
# <span class="navbar-toggler-icon"><i class="fas fa-bars"></i></span>
# </button>
def Header(children=None, **kwargs):
return html.Header(
html.H1(children=[
Fa('bar-chart'),
dcc.Link(server.config['TITLE'],
href=server.config['ROUTES_PATHNAME_PREFIX'])
],
**kwargs))
def get_main_page():
return html.Div([
dcc.Location(id='url', refresh=False),
html.Header(id='page-header', children=get_header()),
get_log_in_div(),
html.Div(id='page-body'),
html.Footer(id='page-footer', children=get_footer())
])
def Header(children=None, **kwargs):
return html.Header(
html.H1(children=[
Fa('bar-chart'),
dcc.Link(server.config['TITLE'],
href=app.config.routes_pathname_prefix)
],
**kwargs))
def create_header(some_string):
header_style = {
'backgroundColor': '#333',
'padding': '1.5rem',
'color':'#fff'
}
header = html.Header(html.H1(children=some_string, style=header_style))
return header
def make_brand(**kwargs):
return html.Header(
className="brand",
children=dcc.Link(
href=get_url(""),
children=html.H1([server.config["TITLE"]]),
),
**kwargs,
)
def children(self):
return [html.Section(children=str(self.context)),
html.Section(className='todoapp',
children = [html.Header(dbc.Input(id='add-todo', className='new-todo', placeholder='What do you want to do today?'), className='header'),
html.Section(html.Div(self.items), className='main'),
html.Footer([html.Span(className='todo-count'),
html.Ul([TodoFilter(children='All', id='filter1', key='0'),
TodoFilter(children='Active', id='filter2', key='1')], className='filters')])])]
def make_brand(**kwargs):
return html.Header(
className="brand",
children=dcc.Link(
href=get_url(""),
children=html.H3([fa("far fa-chart-bar"), server.config["TITLE"]]),
),
**kwargs,
)
def get_not_permitted_layout(href):
parsed = urlparse.urlparse(href)
layout = html.Div(
[
html.Div(className='modal-background', ),
html.Div(
[
html.Header(
[
html.P(
'Not Permitted',
className='modal-card-title',
),
html.Img(
# TODO: change to dynamic url
src=
'http://site1.local:8000/assets/dash_dashboard/images/eucerin_logo.svg',
style={'height': '24px'},
),
],
className='modal-card-head',
),
html.Section(
[
html.P(
'You are not permitted to access this page',
className='modal-card-title',
),
],
className='modal-card-body',
style={
'border-bottom-right-radius': 0,
'border-bottom-left-radius': 0,
},
),
html.Section(
html.A(
'Login',
href='/dashboard?{}'.format(parsed.query),
className='button is-small is-info',
style={
'background-color': '#83868c',
},
),
className='modal-card-foot',
style={
'padding': '12px 16px',
},
),
],
className='modal-card',
)
],
className='modal db-modal is-active',
)
return layout
def profile():
if current_user and not current_user.is_anonymous:
name = current_user.name
else:
name = 'Guest'
return html.Header([big_center("Dash/SPA Welcomes"),
big_center(name)],
className='jumbotron my-4')
def make_brand(**kwargs):
return html.Header(
className="brand",
children=dcc.Link(href=get_url(""),
children=[
dcc.Markdown(server.config["TITLE2"]),
html.H4("Daniel Lemchak & Ryan Shtirmer"),
html.H4("Published online December 8th, 2019")
]),
**kwargs,
)
def generate_header(self):
return html.Header(html.Div(html.Div([
html.A(html.Img(src="assets/img/logo%s.png" % self.page_suffix,
className="headerlogo"),
className='navbar-brand',
href='#'),
html.Span(self.get_header_subtext(), className="headersubtext"),
],
className='navbar-header'),
className='top-left'),
className='header')
def generate_html_age_group(age, id_age_popu, age_perc, total_popu):
return html.Div(
[
html.Header(''),
html.Header([str(age)], className='card-text'),
dbc.Input(id={
'type': 'age-popu-input',
'index': id_age_popu
},
placeholder='',
type='number',
value=0,
min=0,
max=total_popu,
step=1,
bs_size='sm',
style={
'justify': 'right',
'margin-bottom': '5px'
}),
dcc.Slider(id={
'type': 'age-popu-slider',
'index': id_age_popu
},
value=0,
min=0,
max=total_popu,
step=1,
updatemode='drag'),
dbc.Label(str(age_perc) + '%',
id={
'type': 'age-perc-label',
'index': id_age_popu
}),
],
id=id_age_popu,
style={
'display': 'grid',
'grid-template-columns': '5% 20% 20% 43% 12%',
'margin-bottom': '5px'
})
def _get_page_header():
header = html.Header([
html.H1("Interpretable Machine Learning"),
html.P("В современном мире машинное обучение способно решать целый спектр разнообразных задач:"
" от предсказания курса доллара"
" и перевода текста между языками"
" до распознавания пешеходов беспилотными автобилями."
" И, казалось бы, всё хорошо – да, работает не всегда идеально, но работает же!"
" Можно даже не разбираться, почему и как. Или нельзя?"),
], className="article-header")
return header