def init_tab_2():
return dcc.Tab(label='Add Transaction', className = 'custom-tab', selected_className="custom-tab--selected", children = [
html.Div([
#html.H3('Add Transaction'),
html.Div(id='input_section', children = tab2_build_inputs()),
html.Div([
dcc.ConfirmDialogProvider(
children = html.Button(
'Add',style = {'margin-left': 30, 'width': 100,'text-align': 'center'}
),
id = 'add',
message = 'Are you sure to continue?'),
dcc.ConfirmDialogProvider(
children = html.Button(
'Clear',style = {'width': 100, 'text-align': 'center'}
),
id = 'reset',
message = 'Are you sure to clear all inputs?'),
],style = {'padding': 10, 'display': 'flex', 'flex-direction': 'row-reverse','width': '90%',}),
html.Div(
dcc.ConfirmDialog(id = 'confirm', message = 'Please fill in all * fields!')
),
html.Div(id = 'tab2_table',
children = tab2_build_table(trade_table, user_list[0]),
style = {'height': 400,'margin': 'auto', 'width': '90%', 'margin-top': 15})
], style = {'margin-left': 30, 'margin-right': 30, 'margin-top': 20, 'margin-bottom': 30 })
])
def bot_right_div_1_preamble():
return [
html.Div(id='net-score-div'),
dcc.Input(placeholder='Enter your Score',
id='contribution-weight',
type='number',
value=0,
min=0,
max=10,
debounce=True,
className='four columns'),
html.Div([
html.Div([
dcc.ConfirmDialogProvider(children=html.Button(
'', className='twelve columns'),
id='background-button',
message=''),
dcc.ConfirmDialogProvider(children=html.Button(
'', className='twelve columns'),
id='score-button',
message=f'')
],
className='four columns'),
html.Div([
html.Div([
html.Div(children=''),
dcc.Input(placeholder='',
id='question-score',
type='number',
value='',
min=0,
max=10,
className='twelve columns')
],
className='six columns'),
html.Div([
html.Div(''),
dcc.Input(placeholder='',
id='question-weight',
type='number',
value='',
min=0,
max=10,
className='twelve columns')
],
className='six columns'),
html.Button(
'', id='score-sub-button', className='twelve columns')
],
className='eight columns')
],
className='twelve columns')
]
def top_Divs_Base():
div = html.Div(
id='top-background-div',
children=[
html.Button('Start Fresh TPL Assessment',
title='Click this to begin a new TPL Assessment',
id='standard-load-button',
style=buttonStyle,
className='four columns'),
html.Div(id='capabilities-dropdown-div',
children=[
dcc.Dropdown(
id='capabilities-dropdown',
options=[{
'label': 'No TPL Assessment Loaded',
'value': 'NoTPL'
}],
placeholder='No TPL Assessment Loaded',
)
],
style={'visible': False},
className='four columns'),
html.Div([
dcc.ConfirmDialogProvider(children=html.Button(
'TPL?', className='twelve columns'),
id='overview-button',
message=f'{tplOverview}')
],
id='overview-div',
className='two columns')
],
style={'background': '#F0FEFE'},
className='twelve columns')
return div
def issues_(iss, idx):
id_msg = str(idx) + '_message'
id_but = str(idx) + '_button'
print('\n' + id_msg + '\n' + id_but + '\n')
return (
html.Div(style={
'width': '80%',
'display': 'inline-block',
'float': 'left'
},
children=[
html.P(iss),
]),
html.Div(
style={
'width': '20%',
'display': 'inline-block',
'float': 'left'
},
children=[
dcc.ConfirmDialogProvider(
children=html.Button('Resolve this issue', ),
message='Danger danger! Are you sure you want to continue?',
id=id_but,
),
html.Div(id=id_msg),
]),
)
def test_confirm_dialog_provider(self):
app = dash.Dash(__name__)
app.layout = html.Div([
dcc.ConfirmDialogProvider(html.Button('click me', id='button'),
id='confirm',
message='Please confirm.'),
html.Div(id='confirmed')
])
self._test_confirm(app, 'ConfirmDialogProvider')
def test_confirm_without_callback(self):
app = dash.Dash(__name__)
app.layout = html.Div([
dcc.ConfirmDialogProvider(html.Button('click me', id='button'),
id='confirm',
message='Please confirm.'),
html.Div(id='confirmed')
])
self._test_confirm(app,
'ConfirmDialogProviderWithoutCallback',
add_callback=False)
def init_tab_2():
return dcc.Tab(label='Add Transaction', className = 'custom-tab', selected_className="custom-tab--selected", children = [
html.Div([
html.Div(id='input_section', children = tab2_build_inputs()), # using the init funciton earlier to build input field
# confirm dialog with button for both add and clear action, only shown when button is clicked
html.Div([
# confirm dialog with button for add transaction action
dcc.ConfirmDialogProvider(
children = html.Button(
'Add',style = {'margin-left': 30, 'width': 100,'text-align': 'center'}
),
id = 'add',
message = 'Are you sure to continue?'),
# confirm dialog with button for clear input action
dcc.ConfirmDialogProvider(
children = html.Button(
'Clear',style = {'width': 100, 'text-align': 'center'}
),
id = 'reset',
message = 'Are you sure to clear all inputs?'),
],style = {'padding': 10, 'display': 'flex', 'flex-direction': 'row-reverse','width': '90%',}),
# confirm dialog, only display when add button is clicked without all required inputs filled in
# serve to prevent trades with missing information to be added
html.Div(
dcc.ConfirmDialog(id = 'confirm', message = 'Please fill in all * fields!')
),
# dash table for display of trades accoridng to the user selected
html.Div(id = 'tab2_table',
# initializa to display the trades of the first user in the user list
children = tab2_build_table(trade_table, user_list[0]),
style = {'height': 400,'margin': 'auto', 'width': '90%', 'margin-top': 15})
], style = {'margin-left': 30, 'margin-right': 30, 'margin-top': 20, 'margin-bottom': 30 })
])
def test_confirm_dialog_provider(self):
app = dash.Dash(__name__)
app.layout = html.Div([
dcc.ConfirmDialogProvider(
html.Button("click me", id="button"),
id="confirm",
message="Please confirm.",
),
html.Div(id="confirmed"),
])
self._test_confirm(app, "ConfirmDialogProvider")
def test_confirm_without_callback(self):
app = dash.Dash(__name__)
app.layout = html.Div([
dcc.ConfirmDialogProvider(
html.Button("click me", id="button"),
id="confirm",
message="Please confirm.",
),
html.Div(id="confirmed"),
])
self._test_confirm(app,
"ConfirmDialogProviderWithoutCallback",
add_callback=False)
def build_banner():
"""
Création de la bannière commune
aux deux onglets de l'app
Returns:
div html définissant l'en-tête de l'app
"""
return html.Div(
[
html.Div([
html.A(html.Button("Home",
id="home-button",
style={"background-color": "#f9f9f9"}),
href="http://localhost:8050/home")
],
className="one-third column"),
html.Div([
html.Div([
html.H3("ANIMES Recommendation PROJECT",
style={"margin-bottom": "0px"},
id="textopaque"),
html.H5("Advance search & Recommendation by other titles",
style={"margin-top": "0px"})
])
],
className="pretty_container one-half column",
id="title",
style={
"background-color": "#f9f9f9",
"opacity": "0.85"
}),
html.Div(
[
dcc.ConfirmDialogProvider(
children=html.Button(
"Learn More",
id="learn-more-button",
style={"background-color": "#f9f9f9"}),
id='learn_popup',
message=popup,
)
#html.Button("Learn More", id="learn-more-button")
],
className="one-third column",
id="button"),
],
id="header",
className="row flex-display",
style={"margin-bottom": "25px"},
)
def create_layout(app, params):
# Page layouts
return html.Div(
[
html.Div([Header(app)]),
# page 1
html.Div(
[
# Row 3
html.Div(
[
html.Div(
[
html.H5("Warning"),
html.Br([]),
html.P(
'Contexts need to be obtained before move to Predictive Modeling.'
''
.format(
params["datasetdict"][params["dataname"]]),
style={"color": "#ffffff"},
className="row",
),
],
className="product",
),
html.Div([
dcc.ConfirmDialogProvider(
children=html.Button(
'Click here for more info.',
),
id='danger-danger',
message='List of all variables generated by XMAP \n' + str(params)
),
html.Div(id='output')
])
],
className="row",
),
],
className="sub_page",
),
],
className="page",
)
def get_layout(name):
return (html.Div(
id='main',
children=[
#html.Button("Display Data",style={'float':'left'},id=('display_id_data_button_' + name)),
html.Br(),
html.Br(),
html.Div(id=('display_id_data_' + name)),
html.Br(),
html.Br(),
html.Div(children=[
dcc.ConfirmDialogProvider(
children=html.Button('Permanently resolve this issue', ),
message=
'This will permanently close this issue. Are you sure you want to continue?',
id=('id_but_' + name),
),
html.Div(id=('id_msg_' + name)),
]),
html.Div(id=('output-confirm_' + name)),
html.Div(id=('display_id_data_2_' + name)),
]))
style={"display": "block",
#"margin-left": "auto",
#"margin-right": "auto",
#'width': '430px',
# "width":"60%"
}),
#html.Div(id='year-radio'),
], className='four columns'),
# button here
html.Div([
dcc.ConfirmDialogProvider(
children=html.Button(
'Οδηγίες Χρήσης',
#style={'float':'right',
# 'margin':'auto',}
# #'padding-left':'50px'}
style=simple_button_style
),
id='danger-danger-provider',
message=help_text,
),
html.Div(id='output-provider')
],style={'padding-top':'30px',
"margin-left": "auto",
"margin-right": "auto",},
className='four columns'),
], className='row',
style = {'padding-left' : '50px', 'display':'flex'}),#style= {'padding-left' : '50px'}), # closes the div for first line (matrix and year)
#html.Hr(),
html.Div([
# geospatial filters
def get_confirm(product):
return dcc.ConfirmDialogProvider(
children=html.Button('Click Me',),
id='danger-danger-provider',
message='Danger danger! Are you sure you want to continue?'),
'width': '40%',
'float': 'right'})
], style={'overflow': 'hidden',
'padding': '20px'}),
html.Div([
html.Div([
dcc.Link(html.Button(id='back-button',
children='Back',
style={'marginLeft':'5%','marginRight':'5%', 'float':'left'}),
href='/'),
dcc.ConfirmDialogProvider(
children=html.Button(
'submit',
style={'marginLeft':'5%','marginRight':'5%', 'float':'left'}
),
id='submit-button',
message='Document will be added to DataCentral. Are you sure you want to submit?'
),
dcc.ConfirmDialog(
id = 'submit-state',
message = 'Please fill in all required fields'
),
dcc.ConfirmDialog(
id = 'submit-confirm',
message = 'Document has been successfully submitted'
)
], style={'marginLeft':'5%',
'marginRight':'5%',
},
), # right side - end
]),
]),
html.Div( # new row under the add stuff to submit changes
id="bottom_row_full",
className="row",
children=[
html.Div(
id="left_final_row",
className="four columns",
children=[
html.Div([
dcc.ConfirmDialogProvider(
children=html.Button('Save to database'),
id='save-to-database-button',
message='This will be saved to the database. Sure?',
)
]),
],
style={
'textAlign':'center',
'color':colors['yellow'],
'backgroundColor':colors['background_element']
}
)],
),
html.Div(
id='new_purchase_status',
style={
'textAlign':'center',
maxDay = maxDate.day
maxMonth = maxDate.month
maxYear = maxDate.year
headerSize = 30
dataSize = 25
headerSizeMobile = 35
dataSizeMobile = 30
homeLayout = html.Div([
dcc.ConfirmDialogProvider(
children=html.Div(html.Button('#BLM - CLICK ME',
style={
'color': 'red',
'font-size': 30,
'font-family': 'Futura, system-ui'
}),
style={
'text-align': 'center',
'margin-top': '1.2em'
}),
id='popup',
message=
'Black Americans and other POC are disproportionately affected by COVID-19 due to a history of systemic racism in healthcare, housing, and city planning, among many other institutions. I will be donating all future proceeds from this website to organizations that help combat racism in America. I urge you to donate, sign petitions, and safely protest. \n\n #BlackLivesMatter'
),
html.Table(
[
html.Tr([
html.Td(
[
dcc.Markdown('''US Total Cases''',
style={
'font-size': headerSize,
def __init__(self, neo, parent=None):
self.app = dash.Dash("BeaconGraph")
self.app.title = "BeaconGraph"
elements = neo.initialQuery()
self.app.layout = html.Div(
className="container",
children=[
html.Div(className="pageDiv",
children=[
cyto.Cytoscape(
id='cytoscape',
layout={
'name': 'cose',
'weaver': True,
'componentSpacing': 130,
'nodeRepulsion': 150000,
'nodeOverlap': 200,
'idealEdgeLength': 100,
'nodeDimensionsIncludeLabels': True,
'padding': 200,
'fit': True
},
style={
'width': '100%',
'height': "100%"
},
elements={},
stylesheet=[{
'selector': 'node',
'style': {
'content': 'data(name)',
'color': 'white',
'font-family': 'Fira Mono',
'font-size': 12,
'text-valign': 'bottom',
'text-halign': 'center',
'background-fit': 'contain',
'background-clip': 'none',
'text-background-color': '#00001a',
'text-background-opacity': 0.7,
'text-background-padding': 2,
'text-background-shape':
'roundrectangle',
'min-zoomed-font-size': 8
}
}, {
'selector': 'edge',
'style': {
'width': '2px',
'target-arrow-shape':
'triangle-backcurve',
'target-arrow-color': 'white',
'target-arrow-fill': 'hollow',
'control-point-step-size': '140px',
'label': 'data(name)',
'color': 'white',
'font-size': '10',
'curve-style': 'bezier',
'text-rotation': 'autorotate',
'text-valign': 'top',
'text-margin-y': -10,
'text-background-color': '#00001a',
'min-zoomed-font-size': 8
}
}, {
'selector': 'core',
'style': {
'active-bg-color': 'blue'
}
}, {
'selector': 'node[type = "Client"]',
'style': {
'background-color': neo.CLIENT_COLOR
}
}, {
'selector': 'node[type = "Open"]',
'style': {
'background-color': neo.OPEN_COLOR
}
}, {
'selector': 'node[type = "WEP"]',
'style': {
'background-color': neo.WEP_COLOR,
}
}, {
'selector': 'node[type = "WPA"]',
'style': {
'background-color': neo.WPA_COLOR
}
}, {
'selector': 'node[type = "WPA2"]',
'style': {
'background-color': neo.WPA2_COLOR
}
}, {
'selector': 'node[type = "AP"]',
'style': {
'background-color': neo.AP_COLOR
}
}, {
'selector': 'edge[name = "Probes"]',
'style': {
'line-color': neo.PROBE_COLOR,
'line-style': 'dashed'
}
}, {
'selector': 'edge[name = "AssociatedTo"]',
'style': {
'line-color': neo.ASSOC_COLOR,
'width': 6
}
}])
]),
#Legend - bottom left
html.Div(id='legend-div', className='legend', children=[]),
#Tabs - upper right
html.Div([
dcc.Tabs(
id="data-tabs",
value='db-info',
parent_className='custom-tabs',
className='custom-tabs-container',
children=[
dcc.Tab(
label="Database",
value='db-info',
className='custom-tab',
children=[
html.Div(
id='db-content-div',
children=[
html.Pre(
id='db-content',
className="dbinfocontent"),
dcc.ConfirmDialogProvider(
id='deletedb-provider',
message=
'Are you sure you want to delete the DB?',
children=[
html.Button(
'Delete DB',
className="bgbutton")
]),
html.Div(id="hiddendb-div")
])
]),
dcc.Tab(
label="Node Info",
value="node-data",
className='custom-tab',
children=[
html.Div(
id='filter-search-div',
className='filtersearch',
children=[
html.Table(
id='filter-table',
className='filtertable',
children=[
html.
Tr(className="tablerows",
children=[
html.
Td(className=
"filtername",
children=[
dcc.Dropdown(
id=
'filtername-dropdown',
searchable
=False,
clearable
=False,
options=[{
'label':
'Name',
'value':
'name'
}, {
'label':
'BSSID',
'value':
'bssid'
}, {
'label':
'OUI',
'value':
'oui'
}, {
'label':
'Type',
'value':
'type'
}, {
'label':
'Auth',
'value':
'auth'
}, {
'label':
'Cipher',
'value':
'cipher'
}, {
'label':
'Channel',
'value':
'channel'
}, {
'label':
'Speed',
'value':
'speed'
}, {
'label':
'LAN IP',
'value':
'lan'
}],
value=
'name')
]),
html.
Td(className=
'filtervalue',
children=dcc.
Dropdown(
id=
'filtervalue-dropdown',
placeholder=
"Search",
multi=True,
options=neo.
names))
]),
]),
html.Div(id='node-content-div',
children=[
html.Pre(
id='node-content',
className=
"nodeinfocontent")
])
])
]),
dcc.Tab(label="Queries",
value="presets",
className='custom-tab',
children=[
html.Div(
id='queries-content-div',
children=[
html.Pre(
id='queries-content',
className="dbinfocontent")
])
]),
dcc.Tab(label="Settings",
value="settings",
className='custom-tab',
children=[
html.Div(id='settings-content-div',
children=[])
])
])
]),
#Lower right
html.Div(
id='log-div',
children=[html.Pre(id='log-content', className="logDiv")]),
#Icons - upper left
html.Div(
className="functionIcons",
children=[
dcc.Upload(
id="upload-data",
multiple=True,
children=[
html.I(id="upload-button",
className=
"material-icons md-24 md-light tooltip",
children=[
"cloud_upload",
html.Span(className="tooltiptext",
children="Upload Data")
])
])
#html.I(id="export-button", className="material-icons md-24 md-light tooltip", children=["camera_enhance",
#html.Span(className="tooltiptext", children="Export Data")])
]),
html.Div(id='hidden-upload-div')
])
@self.app.callback(Output('cytoscape', 'elements'),
[Input('filtervalue-dropdown', 'value')],
[State("filtername-dropdown", "value")])
def handleSearch(value, prop):
if value and not neo.INITIAL:
return neo.searchQuery(value, prop)
else:
return {}
@self.app.callback(
Output('node-content', 'children'),
[Input('cytoscape', 'tapNodeData'),
Input('data-tabs', 'value')])
def displayTapNodeData(data, tab):
if not data:
data = {}
content = html.Table(id='data-table',
className='nodetable',
children=[
makeTableRow("NAME",
data.get('name') or "-"),
makeTableRow("BSSID",
data.get('bssid') or "-"),
makeTableRow("OUI",
data.get('oui') or "-"),
makeTableRow("TYPE",
data.get('type') or "-"),
makeTableRow("AUTH",
data.get('auth') or "-"),
makeTableRow("CIPHER",
data.get('cipher') or "-"),
makeTableRow("CHANNEL",
data.get('channel') or "-"),
makeTableRow("SPEED",
data.get('speed') or "-"),
makeTableRow("LAN IP",
data.get('lan') or "-")
])
return content
@self.app.callback(Output('data-tabs', 'value'),
[Input('cytoscape', 'tapNodeData')])
def switchToNodeTab(data):
return "node-data"
def makeTableRow(name, value):
return html.Tr(className="tablerows",
children=[
html.Td(className="rowname", children=name),
html.Td(className="rowvalue", children=value)
])
@self.app.callback(Output('filtervalue-dropdown', 'options'), [
Input('cytoscape', 'elements'),
Input('filtername-dropdown', 'value'),
Input('hidden-upload-div', 'children'),
Input('hiddendb-div', 'children')
])
def updateSearchNames(eles, searchName, uploadEntry, hiddenDB):
searchOpts = {
'name': neo.getNames,
'bssid': neo.getBssids,
'oui': neo.getOUIs,
'type': neo.getTypes,
'auth': neo.getAuths,
'cipher': neo.getCiphers,
'channel': neo.getChannels,
'speed': neo.getSpeeds,
'lan': neo.getLanIPs
}
return [{
'label': opt,
'value': opt
} for opt in searchOpts[searchName]()]
@self.app.callback(Output('db-content', 'children'), [
Input('cytoscape', 'elements'),
Input('hidden-upload-div', 'children'),
Input('hiddendb-div', 'children')
])
def displayDBData(eles, uploadEntry, hiddenDB):
stats = neo.getDbStats()
content = html.Table(id='data-table',
className='nodetable',
children=[
makeTableRow("DB Address", neo.uri
or "-"),
makeTableRow("DB User", neo.user or "-"),
makeTableRow("Clients", stats['Client']
or "0"),
makeTableRow("Probed APs", stats['AP']
or "0"),
makeTableRow("WPA2", stats['WPA2']
or "0"),
makeTableRow("WPA", stats['WPA'] or "0"),
makeTableRow("WEP", stats['WEP'] or "0"),
makeTableRow("Open", stats['Open']
or "0"),
makeTableRow("Probes", stats['Probes']
or "0"),
makeTableRow("Associations",
stats['Assoc'] or "0")
])
return content
@self.app.callback(Output('legend-div', 'children'),
[Input('cytoscape', 'elements')])
def updateLegend(eles):
if eles.get('nodes'):
eleCounter = Counter(
[ele['data']['type'] for ele in eles['nodes']])
else:
eleCounter = {}
return html.Table(
id='data-table',
children=[
html.Tr(className="tablerows",
children=[
html.Td(className="legendindicator",
children=[
daq.Indicator(id='WPA2-led',
value="True",
color=neo.WPA2_COLOR)
]),
html.Td(className="legendvalue",
children="WPA2"),
html.Td(className="legendvalue",
children=eleCounter.get('WPA2') or "-")
]),
html.Tr(className="tablerows",
children=[
html.Td(className="legendindicator",
children=[
daq.Indicator(id='WPA-led',
value="True",
color=neo.WPA_COLOR)
]),
html.Td(className="legendvalue",
children="WPA"),
html.Td(className="legendvalue",
children=eleCounter.get('WPA') or "-")
]),
html.Tr(className="tablerows",
children=[
html.Td(className="legendindicator",
children=[
daq.Indicator(id='WEP-led',
value="True",
color=neo.WEP_COLOR)
]),
html.Td(className="legendvalue",
children="WEP"),
html.Td(className="legendvalue",
children=eleCounter.get('WEP') or "-")
]),
html.Tr(className="tablerows",
children=[
html.Td(className="legendindicator",
children=[
daq.Indicator(id='Open-led',
value="True",
color=neo.OPEN_COLOR)
]),
html.Td(className="legendvalue",
children="Open"),
html.Td(className="legendvalue",
children=eleCounter.get('Open') or "-")
]),
html.Tr(className="tablerows",
children=[
html.Td(className="legendindicator",
children=[
daq.Indicator(
id='Client-led',
value="True",
color=neo.CLIENT_COLOR)
]),
html.Td(className="legendvalue",
children="Client"),
html.Td(className="legendvalue",
children=eleCounter.get('Client')
or "-")
]),
html.Tr(className="tablerows",
children=[
html.Td(className="legendindicator",
children=[
daq.Indicator(id='AP-led',
value="True",
color=neo.AP_COLOR)
]),
html.Td(className="legendvalue",
children="AP"),
html.Td(className="legendvalue",
children=eleCounter.get('AP') or "-")
]),
])
@self.app.callback(Output('hidden-upload-div', 'children'),
[Input('upload-data', 'contents')])
def handleUpload(contentList):
if contentList is not None:
for content in contentList:
dType, *data = bg_parsers.parseUpload(content)
neo.handleIncomingData(dType, data)
return ""
@self.app.callback(Output('hiddendb-div', 'children'),
[Input('deletedb-provider', 'submit_n_clicks')])
def deleteDatabase(sub_clicks):
if not sub_clicks:
return ""
neo.deleteDB()
return ""
def create_layout(app):
# Page layouts
return html.Div([
dcc.Interval(id='interval-mlc', interval=5000, n_intervals=0),
#page1
html.H2('MLC System Info.'),
html.Label('Test ID'),
html.Div([
dcc.Dropdown(id='p2_DataID_mlc',
options=[{
'label': i,
'value': i
} for i in ID_value_list],
style={
'display': 'inline-block',
'width': '250px',
'vertical-align': 'middle'
}),
#dcc.Input( id='p2_DataID_mlc', value=dt.now().strftime("%Y%m%d%H%M%S"), type='number', style={'width': '12%', 'display': 'inline-block'}),
html.Button('Search',
id='search_button_mlc',
style={
'display': 'inline-block',
'vertical-align': 'middle'
}),
]),
html.Label('Test Date'),
html.Div([
dcc.DatePickerSingle(id='p2_mlc_date',
min_date_allowed=dt(2000, 1, 1),
max_date_allowed=dt(2099, 12, 31),
initial_visible_month=dt.today(),
style={'width': '60%'})
]),
html.Hr(),
html.Div(
[html.Label('Product Name'),
dcc.Dropdown(id='p2_mlc_product')],
style=drop_style),
html.Hr(),
html.Div([html.Label('CPU'),
dcc.Dropdown(id='p2_mlc_cpu')],
style=drop_style),
html.Div([
html.Label('CPU數量'),
dcc.Dropdown(
id='p2_mlc_cpu_c',
options=[
{
'label': 1,
'value': 1
},
{
'label': 2,
'value': 2
},
{
'label': 4,
'value': 4
},
],
)
],
style=drop_style),
html.Div([
html.Label('Topology'),
dcc.Dropdown(id='p2_mlc_cpu_ty',
options=[
{
'label': "NA",
'value': 'NA'
},
{
'label': "Ring",
'value': 'Ring'
},
{
'label': "Cross",
'value': 'Cross'
},
])
],
style=drop_style),
html.Hr(),
html.Div([html.Label('Memory'),
dcc.Dropdown(id='p2_mlc_mem')],
style=drop_style),
html.Div([
html.Label('Link Speed MT/s'),
dcc.Dropdown(
id='p2_mlc_mem_sp',
options=[{
'label': "2133",
'value': '2133'
}, {
'label': "2400",
'value': '2400'
}, {
'label': "2666",
'value': '2666'
}, {
'label': "2933",
'value': '2933'
}],
)
],
style=drop_style),
html.Div([
html.Label('Memory Location'),
dcc.Checklist(id='p2_mlc_mem_l',
options=[
{
'label': 'A1',
'value': 'A1'
},
{
'label': 'B1',
'value': 'B1'
},
{
'label': 'C1',
'value': 'C1'
},
{
'label': 'D1',
'value': 'D1'
},
{
'label': 'E1',
'value': 'E1'
},
{
'label': 'F1',
'value': 'F1'
},
{
'label': 'G1',
'value': 'G1'
},
{
'label': 'H1',
'value': 'H1'
},
{
'label': 'A2',
'value': 'A2'
},
{
'label': 'B2',
'value': 'B2'
},
{
'label': 'C2',
'value': 'C2'
},
{
'label': 'D2',
'value': 'D2'
},
{
'label': 'E2',
'value': 'E2'
},
{
'label': 'F2',
'value': 'F2'
},
{
'label': 'G2',
'value': 'G2'
},
{
'label': 'H2',
'value': 'H2'
},
{
'label': 'A3',
'value': 'A3'
},
{
'label': 'B3',
'value': 'B3'
},
{
'label': 'C3',
'value': 'C3'
},
{
'label': 'D3',
'value': 'D3'
},
{
'label': 'E3',
'value': 'E3'
},
{
'label': 'F3',
'value': 'F3'
},
{
'label': 'G3',
'value': 'G3'
},
{
'label': 'H3',
'value': 'H3'
},
],
labelStyle={'display': 'inline-block'},
value=['A1']),
],
style={
'width': '23%',
'height': '10%'
}),
#row1
html.Div([
html.Label('Balance / Unbalance'),
dcc.Dropdown(id='p2_mlc_blance',
options=[{
'label': 'Balance',
'value': 'Balance'
}, {
'label': 'Unbalance',
'value': 'Unbalance'
}])
],
style=drop_style),
html.Div([
html.Label('Total Channel #'),
dcc.Dropdown(id='p2_mlc_ch',
options=[
{
'label': '1',
'value': '1'
},
{
'label': '2',
'value': '2'
},
{
'label': '4',
'value': '4'
},
{
'label': '8',
'value': '8'
},
])
],
style=drop_style),
html.Div([
html.Label('Total DIMM #'),
dcc.Dropdown(id='p2_mlc_dimm',
options=[
{
'label': '1',
'value': '1'
},
{
'label': '2',
'value': '2'
},
{
'label': '4',
'value': '4'
},
{
'label': '8',
'value': '8'
},
])
],
style=drop_style),
html.Div([
html.Label('MLC Version'),
dcc.Input(
id='p2_mlc_ver',
type='text',
value='',
)
]),
#row3
html.Div([
html.Label('Comment'),
dcc.Input(id='p2_mlc_comment',
placeholder='Enter comment',
type='text',
value='N/A')
]),
html.Hr(),
html.H2('MLC Test Data'),
#row4
html.Div([
html.Div(generate_table(df2)),
]),
#row5
html.Div([
dcc.ConfirmDialogProvider(
children=html.Button('Submit', ),
id='p2_provider_mlc',
message='Do you want to update the information?'),
]),
#row5
html.Div([html.Div(id='p2_output-provider_mlc')]),
html.Br(),
])
html.P([
"I wonder what ",
html.Span("floccinaucinihilipilification",
id="tooltip-target",
className="text-info"),
" means?",
]),
dbc.Tooltip(
"Noun: rare, the action or habit of estimating something as worthless.",
target="tooltip-target",
placement="auto", # top, left, bottom, right
),
],
className="mt-2"),
html.Div(children=dcc.ConfirmDialogProvider(
id="confirm",
children=dbc.Button("ConfirmDialogProvider", color="primary"),
message="Danger danger! Are you sure you want to continue?"),
className="mt-2"),
html.Div(children=dbc.Row(children=[
dbc.Col(dbc.DropdownMenu(
label="Menu-sm", bs_size="sm", children=drop_down_list),
className="mr-2"),
dbc.Col(dbc.DropdownMenu(
label="Menu-md", bs_size="md", children=drop_down_list),
className="mr-2"),
dbc.Col(dbc.DropdownMenu(
label="Menu-md", bs_size="lg", children=drop_down_list),
className="mr-2"),
dbc.Col(dbc.DropdownMenu(
label="Menu-down", direction="down", children=drop_down_list),
className="mr-2"),
"margin-left": 314
}),
html.Br(),
html.Div(dcc.Input(id='phone',
placeholder='Enter Phone Number...',
type='text'),
style={
"height": "auto",
"margin-left": 314
}),
html.Br(),
dbc.Row([dbc.Col(graph_card, width=8)], justify="around"),
dcc.ConfirmDialogProvider(
html.Button('Submit to sNLP',
style={
"height": "auto",
"margin-left": 314
}),
id='submit_button'
), #message='Danger danger! Are you sure you want to continue?'
dbc.Row([
html.Div(id='textoutput',
style={
'whiteSpace': 'pre-line',
'margin-left': 320
})
])
])
@app.callback(Output('textoutput', 'children'), [
Input('submit_button', 'submit_n_clicks'),
"float": 'left',
"background-color": "white",
"border": "solid black"
}),
html.Div(
[
#html.H4('Click here'),
dcc.ConfirmDialogProvider(children=html.Button(
'X -ve',
id='xnbutton',
style={
"z-index": "0",
"margin-top": "15px",
"margin": "1px",
"outline": "0",
"background": "#03A9F4",
"width": "49%",
"border": "0",
"padding": "5px",
"color": "#FFFFFF",
"font-size": "14px",
"float": "left"
}),
message="Sent to X -VE"),
dcc.ConfirmDialogProvider(children=html.Button(
'X +ve',
id='xpbutton',
style={
"z-index": "0",
"margin-top": "15px",
"margin": "1px",
def init_tab_2():
return dcc.Tab(label='Add Transaction', className = 'custom-tab', selected_className="custom-tab--selected", children = [
html.Div([
#html.H3('Add Transaction'),
html.Div([
html.Div([
html.Div(
dcc.Input(id = 'user', className = "text_input", type = 'text', placeholder = 'User'),
className = "three columns"),
html.Div(
dcc.Input(id = 'portfolio', className = "text_input", type = 'text', placeholder = 'Portfolio'),
className = "three columns"),
html.Div(
dcc.DatePickerSingle(
id = 'timestamp',
placeholder = 'Date'),
className = "three columns", style = {'width': 270}),
html.Div(
dcc.Input(id = 'type', type = 'text', className = "text_input", placeholder = 'Type of Trade'),
className = "three columns"),
], className = "twelve columns", style = {'padding': 10}),
html.Div([
html.Div(
dcc.Input(id = 'product', type = 'text', className = "text_input", placeholder = 'Product'),
className = "three columns"),
html.Div(
dcc.Dropdown(id='direction',
options=[{'label': 'Long', 'value': 'Long'},
{'label': 'Short', 'value': 'Short'}],
placeholder = 'Direction'),
className = "three columns", style = {'width': 200, 'margin-right': 65}),
html.Div(
dcc.Input(id = 'price', type = 'number', className = "text_input", placeholder = 'Price'),
className = "three columns", style = {'margin-right': 5}),
html.Div(
dcc.Input(id = 'size', type = 'number', className = "text_input", placeholder = 'Size/Notional'),
className = "three columns"),
], className = "twelve columns", style = {'padding': 10}),
html.Div([
html.Div(
dcc.Input(id = 'tenor', type = 'text', className = "text_input", placeholder = 'Tenor'),
className = "three columns"),
html.Div(
dcc.Input(id = 'risk', type = 'number', className = "text_input", placeholder = 'Amount to Risk'),
className = "three columns"),
html.Div(
dcc.Input(id = 'timeframe', type = 'text', className = "text_input", placeholder = 'Timeframe'),
className = "three columns")
], className = "twelve columns", style = {'padding': 10}),
html.Div([
dcc.Input(id = 'strategy', type = 'text', placeholder = 'Strategy Type', style = {'width': 800, 'height': 100})
], className = "twelve columns", style = {'padding': 10}),
], style = {'margin-left': 120}),
html.Div([
dcc.ConfirmDialogProvider(
children = html.Button(
'Add',
),
id = 'add',
message = 'Are you sure to continue?'),
# dcc.ConfirmDialogProvider(
# children = html.Button(
# 'Reset',
# ),
# id = 'reset',
# message = 'Are you sure to clear all inputs?'),
],style = {'padding': 10,'margin-right': 200, 'display': 'flex', 'flex-direction': 'row-reverse'}),
html.Div(
dcc.ConfirmDialog(id = 'confirm', message = 'There are blank fields!')
),
html.Div(id = 'tab2_table',
children = tab2_build_table(trade_table, user_list[0]),
style = {'height': 400,'margin-left': 50, 'width': 1200, 'margin-top': 15})
], style = {'margin-left': 30, 'margin-top': 20, 'margin-bottom': 30})
])
multi=True,
),
html.Label('Dataset'),
dcc.Dropdown(id='dropdown-dataset', multi=True),
html.Div([
html.Label('X variable'),
dcc.Dropdown(id='dropdown-x', multi=False),
html.Label('Y variable'),
dcc.Dropdown(id='dropdown-y', multi=False),
html.Label('Map line index'),
dcc.Dropdown(id='dropdown-z', multi=False),
],
style={'columnCount': 3}),
dcc.Graph(id="main-graph"),
dcc.ConfirmDialogProvider(children=html.Button('Code', ),
id='clipboard',
message=''),
html.H3(id='attrs'),
dash_table.DataTable(id='table'),
html.H3('')
])
@app.callback(Output('dropdown-year', 'options'),
Output('dropdown-year', 'value'), Input('refresh', 'n_clicks'),
State('dropdown-year', 'value'))
def refresh(n_clicks, year_value):
return [{
'label': os.path.basename(d),
'value': d
} for d in listdir(__data_dir__)], year_value
}),
html.Div(
[
dbc.Button(
'Submit',
id='button',
style={
'textAlign': 'center',
'float': 'center'
},
),
# just in case you want to use
dcc.ConfirmDialogProvider(
children=html.Button('Submit', ),
id='danger-danger',
message=
'Danger danger! Are you sure you want to continue?'
),
# ##############################
],
className="col")
],
className="row",
),
#########################################################################
html.Br(),
html.Div(
[
html.Div([
html.Label(children='Rebalance Type',
id = "filter_lable"),
className="six columns")
],className="row"), className="six columns"),
html.Div(
html.Div(children=[
# Construct the drop down menu responsible for the ording selection
html.Div(
dcc.Dropdown(id = "order",
options= [{ "label" : key, "value" : key} for key,value in d.items()]),
className ="ten columns"),
# Construct the button to uppdate data
html.Div([
dcc.ConfirmDialogProvider(
children=html.Button('Uppdate',style={"background-color" : "white"}),
id='uppdate',
message='"Uppdating"'
),
html.Div(id='output-provider')
],className ="two columns")
],className="row"), className="six columns"
)
], className="row", style= { "padding-bottom" : 20}),
# Table that show the available stocks.
html.Div([
dcc.Graph(id = "information_stocks",
figure= go.Figure(data=[go.Table(
header=dict(values=["Namn", "Bransch", "Kurs/eget kapital", "Omsättning/aktie SEK", "P/E-tal", "P/S-tal"], align='left'),
cells= dict(values=[stock_info.index,
def create_layout(app):
return html.Div([
dcc.Interval(
id='interval-rmt',
interval=5000,
n_intervals=0
),
html.H2('RMT Info.'),
html.Label('Test ID'),
html.Div([
dcc.Dropdown(
id='DataID_RMT',
options=[{'label': i , 'value': i} for i in ID_value_list]
)
]),
html.Div(id='p2_rmt_addmessage'),
html.Div([
html.Label('PCB Name'),
dcc.Dropdown(
id='p2_rmt_pcb'
)
]),
html.Div([
dcc.Input(
id='pcb_input'
),
html.Button('Add PCB Name', id='pcb_add', n_clicks=0),
]),
html.Div([
html.Label('Memory Part Number'),
dcc.Dropdown(
id='p2_rmt_mem'
)
]),
html.Div([
html.Label('Memory Frequency'),
dcc.Dropdown(
id='p2_rmt_freq',
options=[{'label': i , 'value': i} for i in df_memory_type_list['mem_list']]
)
]),
html.Div([
html.Label('Test Set'),
dcc.Dropdown(
id='p2_rmt_set',
options=[
{'label': '1x1x3', 'value': '1x1x3'},
{'label': '3x3x3', 'value': '3x3x3'},
{'label': '2x5x3', 'value': '2x5x3'}
],
value='1x1x3',
clearable = False
),
]),
html.Div([
html.Div(generate_table2(df_guide)),
]),
html.Br(),
dcc.Upload(
id='upload-data',
children=html.Div([
'Upload RMT Reuslt',
html.A('Select Files')
]),
style={
'width': '100%',
'height': '60px',
'lineHeight': '60px',
'borderWidth': '1px',
'borderStyle': 'dashed',
'borderRadius': '5px',
'textAlign': 'center',
'margin': '10px'
},
# Allow multiple files to be uploaded
multiple=True
),
html.Div([
html.Div(generate_table(df_rmt)),
]),
#html.Button('Upload', id='Upload_button', style={'display': 'inline-block', 'vertical-align': 'middle'}),
html.Div([
dcc.ConfirmDialogProvider(
children=html.Button(
'Upload',
),
id='p2_provider_rmt',
message='Do you want to update the information?'
),
]),
html.Div(id='p2_output-provider_rmt'),
html.Div(id='output-data-upload')
])
value="sat",
labelStyle={"display": "inline-block"},
className="dcc_control"),
html.A(
html.Button('Get Route'),
#href='https://github.com/czbiohub/singlecell-dash/issues/new',
id='map_dir',
target='_blank',
),
html.Div(
[
dcc.ConfirmDialogProvider(
children=html.Button(
'Confirm: Leak Checked',
id='submit_button',
),
id='danger-provider',
message=
'Danger danger! Are you sure you want to continue?'
),
html.Div(id='output-provider')
],
className='dcc_control')
],
className="pretty_container four columns",
id="cross-filter-options-state",
),
html.Div(
[
html.Div(
[
def app_layout(app):
return html.Div(
className="container",
children=[
dcc.Store(id="local-store", storage_type="local"),
dcc.Interval(id="db-interval", interval=5000, n_intervals=0),
html.Div(className="pageDiv", children=[cyto]),
#Legend - bottom left
html.Div(
id='icon-div',
className='legend',
children=[
html.Div(
id='legend-div',
className='legend',
children=[
html.Img(id="layout-button",
src=app.get_asset_url("graph.png"),
className="icon"),
# html.Img(id="settings-button", src=app.get_asset_url("settings.png"), className="icon"),
daq.BooleanSwitch(id="cypher-switch",
label="QUERY",
vertical=True,
color="#0983af",
labelPosition="bottom"),
dbc.Tooltip(
"Graph Layout\n(Current: cose-bilkent)",
id="layout-tt",
target="layout-button",
placement="right",
className="tooltip"),
# dbc.Tooltip("Settings", id="settings-tt", target="settings-button",
# placement="right", className="tooltip")
]),
html.Div(id='cypher-div',
className='cypher',
style={'display': 'none'},
children=[
dbc.Input(
id="cypher-input",
debounce=True,
className="cypher",
placeholder="Enter Raw Query",
value="MATCH (n) RETURN n LIMIT 50"),
]),
]),
#Tabs - upper right
html.Div([
dcc.Tabs(
id='data-tabs',
value='node-data',
parent_className='custom-tabs',
className='custom-tabs-container',
children=[
dcc.Tab(
label="Database",
value='db-info',
className='custom-tab',
children=[
html.Div(
id='db-content-div',
children=[
html.Pre(
id='db-content',
className="dbinfocontent"),
dcc.ConfirmDialogProvider(
id='deletedb-provider',
message=
'Are you sure you want to delete the database?',
children=[
html.Button(
'Delete DB',
className="bgbutton")
]),
html.Div(id="hiddendb-div")
])
]),
dcc.Tab(
label="Node/Edge Info",
value="node-data",
className='custom-tab',
children=[
html.Div(
id='filter-search-div',
className='filtersearch',
children=[
html.Table(
id='filter-table',
className='filtertable',
children=[
html.
Tr(className="tablerows",
children=[
html.
Td(id="filter-td",
className=
"filtername",
children=[
dcc.Dropdown(
id=
'filter-name',
className=
"filtername",
clearable=
False,
options=[])
]),
]),
html.
Tr(className="tablerows",
children=[
html.
Td(className=
"filtername",
children=[
dcc.Dropdown(
id=
'filter-key',
clearable=
False)
]),
html.
Td(children=dbc.Input(
id='filter-value',
placeholder="Search",
className=
"filtervalue",
debounce=True)),
html.
Td(children=html.
Button(html.Img(
id=
"filter-button",
src=app.
get_asset_url(
"filter.png"
),
className="icon"
),
className=
'filterbutton'
))
])
]),
html.Div(
id='node-content-div',
className="nodeinfocontent",
children=[
#html.Pre(id='raw-data', className="nodeinfocontent"),
]),
daq.BooleanSwitch(
id='raw-switch',
label="Raw Data",
color="#770f00",
labelPosition="bottom",
on=False,
className="bgbutton")
])
]),
dcc.Tab(
label="Queries",
value="presets",
className='custom-tab',
children=[
html.Div(
id='queries-content-div',
children=[
html.Pre(
id='queries-content',
className="dbinfocontent",
children=[
html.Pre([
html.P(k,
className="rowname",
style={
'padding': "0",
'margin': "0"
}),
html.P(
v,
className="rowvalue",
style={
'padding': "0",
'margin': "0"
}),
]) for k, v in
PRESET_QUERIES.items()
])
])
]),
])
]),
])
html.Br(),
html.Br(),
#Addition dcc and html we include to meet the requirement. Basically it is a textbox allows users to input a message. We add a button allow user submit text. This feature is thus there to add to the variery of dcc and html components used
#define the textbox
html.Div(
dcc.Textarea(
placeholder='Enter a value...',
value=
'If you want more information on a certain team, please list those teams here and send us a request',
style={'width': '88%'})),
#confirmation log, just like a warning or confirmation button
dcc.ConfirmDialogProvider(children=html.Button('Submit'),
id='Submit',
message='Do you want to send your inquiry?'),
html.Br(),
html.Br(),
#add in an external link
html.A("For business enquiry contact us at",
href='https://haslam.utk.edu/',
target="_blank")
] # Closes out the children of outermost html.Div of app.layout
) # closes app.layout outermost html.Div
# 1st callback is for the 1st plot, showing the attendance and viewership for all the games that a team play in a season
#this callback depends on 1st radio button, the dropdown and the first year slider
