diff options
| author |   Tibor Frank <tifrank@cisco.com> | 2022-04-14 10:38:58 +0200 |
|---|---|---|
| committer | Tibor Frank <tifrank@cisco.com> | 2022-04-14 10:41:42 +0200 |
| commit | 7defeac4294b57c5f8d7523cc739c94083b13dde (patch) | |
| tree | d315c4bb09274e9938e0bc08c87f57cc1f9009af /resources/tools/dash/app/pal/trending | |
| parent | 1832b3e0127df9fefc4421502b5cd8da288ff576 (diff) | |
feat(uti): Refactor plotting area
Change-Id: Ib3fce8f8f011b50919c1abebed21c7e962913650
Signed-off-by: Tibor Frank <tifrank@cisco.com>
Diffstat (limited to 'resources/tools/dash/app/pal/trending')
| -rw-r--r-- | resources/tools/dash/app/pal/trending/layout.py | 110 |
1 files changed, 76 insertions, 34 deletions
diff --git a/resources/tools/dash/app/pal/trending/layout.py b/resources/tools/dash/app/pal/trending/layout.py index 4456b88f81..0cf1a9a942 100644 --- a/resources/tools/dash/app/pal/trending/layout.py +++ b/resources/tools/dash/app/pal/trending/layout.py @@ -224,7 +224,37 @@ class Layout: return dbc.Col( id="col-plotting-area", children=[ - # Empty for now + dbc.Row( # Throughput + id="row-graph-tput", + className="g-0", + children=[ + dcc.Loading( + dcc.Graph(id="graph-tput") + ) + ] + ), + dbc.Row( # Latency + id="row-graph-lat", + className="g-0", + children=[ + dcc.Loading( + dcc.Graph(id="graph-latency") + ) + ] + ), + dbc.Row( # Download + id="div-download", + className="g-0", + children=[ + dcc.Loading(children=[ + dbc.Button( + id="btn-download-data", + children=["Download Data"] + ), + dcc.Download(id="download-data") + ]) + ] + ) ], width=9, ) @@ -267,17 +297,21 @@ class Layout: className="g-0", children=[ dbc.Label("Number of Cores"), - dbc.Checklist( - id="cl-ctrl-core-all", - options=[{"label": "All", "value": "all"}, ], - inline=True, - switch=False - ), - dbc.Checklist( - id="cl-ctrl-core", - inline=True, - switch=False - ) + dbc.Col([ + dbc.Checklist( + id="cl-ctrl-core-all", + options=[{"label": "All", "value": "all"}, ], + inline=False, + switch=False + ), + ], width=3), + dbc.Col([ + dbc.Checklist( + id="cl-ctrl-core", + inline=True, + switch=False + ) + ]) ] ), dbc.Row( @@ -285,17 +319,21 @@ class Layout: className="g-0", children=[ dbc.Label("Frame Size"), - dbc.Checklist( - id="cl-ctrl-framesize-all", - options=[{"label": "All", "value": "all"}, ], - inline=True, - switch=False - ), - dbc.Checklist( - id="cl-ctrl-framesize", - inline=True, - switch=False - ) + dbc.Col([ + dbc.Checklist( + id="cl-ctrl-framesize-all", + options=[{"label": "All", "value": "all"}, ], + inline=True, + switch=False + ), + ], width=3), + dbc.Col([ + dbc.Checklist( + id="cl-ctrl-framesize", + inline=True, + switch=False + ) + ]) ] ), dbc.Row( @@ -303,17 +341,21 @@ class Layout: className="g-0", children=[ dbc.Label("Test Type"), - dbc.Checklist( - id="cl-ctrl-testtype-all", - options=[{"label": "All", "value": "all"}, ], - inline=True, - switch=False - ), - dbc.Checklist( - id="cl-ctrl-testtype", - inline=True, - switch=False - ) + dbc.Col([ + dbc.Checklist( + id="cl-ctrl-testtype-all", + options=[{"label": "All", "value": "all"}, ], + inline=True, + switch=False + ), + ], width=3), + dbc.Col([ + dbc.Checklist( + id="cl-ctrl-testtype", + inline=True, + switch=False + ) + ]) ] ), dbc.Row( |