File size: 3,772 Bytes
b41424b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 |
import streamlit as st
import streamlit.components.v1 as c
from streamlit_elements import elements, mui, html
import hydralit_components as hc
import extra_streamlit_components as stx
from streamlit_extras.metric_cards import style_metric_cards
### 1. TITLE and SUBTITLE
def set_title(varTitle, varSubtitle):
st.markdown(f"""<span style="font-weight: bold; font-size: 2em; color:#00b084;">{varTitle} </span> <span style="font-weight: bold; color:#0096D7; font-size:1.3em;">{varSubtitle}</span>""", unsafe_allow_html=True)
st.divider()
def set_title_nodiv(varTitle, varSubtitle):
st.markdown(f"""<span style="font-weight: bold; font-size: 2em; color:#00b084;">{varTitle} </span> <span style="font-weight: bold; color:#0096D7; font-size:1.3em;">{varSubtitle}</span>""", unsafe_allow_html=True)
#st.divider()
### 2. Wording
def set_blue_header(varSubtitle):
st.markdown(f"""<span style="font-weight: bold; color:#0096D7; font-size:1.3em;">{varSubtitle}</span>""", unsafe_allow_html=True)
def set_green_header(varSubtitle):
st.markdown(f"""<span style="font-weight: bold; color:#00b084; font-size:1.3em;">{varSubtitle}</span>""", unsafe_allow_html=True)
### 3. PAGE OVERVIEW
def set_page_overview(varHeader, varText):
set_blue_header(varHeader)
st.markdown(f"{varText}")
st.divider()
### 4. HYDRALIT NAVBAR
def set_nav_bar():
navbar_menu_items = [
{'icon': "far fa-chart-bar", 'label':"Item1", 'ttip': "tooltip"},
{'icon': "fas fa-tachometer-alt", 'label':"Item2",'ttip':"tooltip"},
{'icon': "far fa-copy", 'label':"Item3", 'ttip': "Tooltip", 'submenu': [{'icon': "fa fa-paperclip", 'label': "Subitem1"}, {'icon': "fa fa-database", 'label': "subitem2"}, {'icon': "far fa-copy", 'label': "Subitem3"}]}
]
over_theme = {'txc_inactive': '#FFFFFF'}
menu_id = hc.nav_bar(
menu_definition = navbar_menu_items,
override_theme = over_theme,
home_name = "Home",
login_name = "Logout",
hide_streamlit_markers=False,
sticky_nav = True,
sticky_mode = "pinned"
)
### 5. TITLE + PAGE OVERVIEW
def set_title_pageoverview(varTitle, varSubtitle, varHeader, varSubheader):
container0 = st.container()
with container0:
set_title(varTitle, varSubtitle)
container1=st.container()
with container1:
set_page_overview(varHeader, varSubheader)
# 1. KPI METRIC STYLING - Create container with # of columns = to # of metrics in a metrics dictionary
def get_metric_container(varMetrics):
metrics = varMetrics #array of metrics dictionary {"lablel": "", "id": "", "value": #, "delta": #}
lenMetrics = len(metrics)
cols = st.columns(lenMetrics)
for idx, metric in enumerate(metrics):
cols[idx].metric(label=metric["label"], value=metric["value"], delta=metric["delta"])
style_metric_cards(
border_left_color="#0096D7",
border_color="#0096D7",
box_shadow=True
)
#"""
# Applies a custom style to st.metrics in the page
# Args:
# background_color (str, optional): Background color. Defaults to "#FFF".
# border_size_px (int, optional): Border size in pixels. Defaults to 1.
# border_color (str, optional): Border color. Defaults to "#CCC".
# border_radius_px (int, optional): Border radius in pixels. Defaults to 5.
# border_left_color (str, optional): Borfer left color. Defaults to "#9AD8E1".
# box_shadow (bool, optional): Whether a box shadow is applied. Defaults to True.
# """
#https://arnaudmiribel.github.io/streamlit-extras/extras/metric_cards/ |