X-Git-Url: https://gerrit.fd.io/r/gitweb?p=csit.git;a=blobdiff_plain;f=resources%2Ftools%2Fdash%2Fapp%2Fpal%2Ftrending%2Ftrending.py;h=1c64677eeadfbc015edc71b98b36fd898d4c25d5;hp=4edf83104504aef1fa57d4a33aff31c25d56998d;hb=6f2d3a207bd2ccad8001bfca328b7be5da8e29d0;hpb=b2cb835b34c7404b2aaee3ec30700c67537da66d diff --git a/resources/tools/dash/app/pal/trending/trending.py b/resources/tools/dash/app/pal/trending/trending.py index 4edf831045..1c64677eea 100644 --- a/resources/tools/dash/app/pal/trending/trending.py +++ b/resources/tools/dash/app/pal/trending/trending.py @@ -14,17 +14,12 @@ """Instantiate the Trending Dash applocation. """ import dash -from dash import dcc -from dash import html -from dash import dash_table -import numpy as np -import pandas as pd +import dash_bootstrap_components as dbc -from .data import create_dataframe from .layout import Layout -def init_trending(server): +def init_trending(server, time_period=None): """Create a Plotly Dash dashboard. :param server: Flask server. @@ -36,39 +31,18 @@ def init_trending(server): dash_app = dash.Dash( server=server, routes_pathname_prefix=u"/trending/", - external_stylesheets=[ - u"/static/dist/css/styles.css", - u"https://fonts.googleapis.com/css?family=Lato", - ], + external_stylesheets=[dbc.themes.LUX], ) - # Load DataFrame - df = create_dataframe() - - # Custom HTML layout layout = Layout( app=dash_app, - html_layout_file="pal/trending/html_layout.txt", - spec_file="pal/trending/spec_test_selection.yaml" + html_layout_file="pal/templates/trending_layout.jinja2", + graph_layout_file="pal/trending/layout.yaml", + data_spec_file="pal/data/data.yaml", + tooltip_file="pal/data/tooltips.yaml", + time_period=time_period ) dash_app.index_string = layout.html_layout dash_app.layout = layout.add_content() return dash_app.server - - -def create_data_table(df): - """Create Dash datatable from Pandas DataFrame. - - DEMO - """ - - table = dash_table.DataTable( - id=u"database-table", - columns=[{u"name": i, u"id": i} for i in df.columns], - data=df.to_dict(u"records"), - sort_action=u"native", - sort_mode=u"native", - page_size=10, - ) - return table