feat(uti): Refactor styling

Signed-off-by: Peter Mikus <pmikus@cisco.com>
Change-Id: I7880e58b2b97b1c365da7755784d3f93e85568cc

1 files changed, 18 insertions, 0 deletions

diff --git a/resources/tools/dash/app/pal/trending/layout.py b/resources/tools/dash/app/pal/trending/layout.py
index afa459bf76..66af2f0de2 100644
--- a/resources/tools/dash/app/pal/trending/layout.py
+++ b/resources/tools/dash/app/pal/trending/layout.py
@@ -21,6 +21,7 @@ from dash import html
 from dash import callback_context, no_update
 from dash import Input, Output, State
 from dash.exceptions import PreventUpdate
+import dash_bootstrap_components as dbc
 from yaml import load, FullLoader, YAMLError
 from datetime import datetime, timedelta
 
@@ -136,6 +137,7 @@ class Layout:
                 id="div-main",
                 children=[
                     dcc.Store(id="selected-tests"),
+                    self._add_navbar(),
                     self._add_ctrl_div(),
                     self._add_plotting_div()
                 ]
@@ -146,6 +148,22 @@ class Layout:
             children="An Error Occured."
         )
 
+    def _add_navbar(self):
+        """Add nav element with navigation panel. It is placed on the top.
+        """
+        return dbc.NavbarSimple(
+            children=[
+                dbc.NavItem(
+                    dbc.NavLink("Continuous Performance Trending", href="#")
+                )
+            ],
+            brand="Dashboard",
+            brand_href="/",
+            color="dark",
+            dark=True,
+            fluid=True,
+        )
+
     def _add_ctrl_div(self):
         """Add div with controls. It is placed on the left side.
         """