import dash import dash_bootstrap_components as dbc import dash_html_components as html import dash_core_components as dcc import plotly.graph_objects as go from dash.dependencies import Input, Output import locale locale.setlocale(locale.LC_TIME, "de_DE.utf8") #from dash.dependencies import Input, Output import datetime import time import xmltodict import requests import emoji class DashBoard(): """""" def __init__(self, host_ip, prst): ## pre-sets self.inter_margin = "1em" self.persistence = prst self.host_ip = host_ip ex_css = [dbc.themes.BOOTSTRAP] self.app = dash.Dash(__name__, external_stylesheets=ex_css) self.app.layout = html.Div([ html.Div(id = 'layout-update', className = "content", style={"padding":self.inter_margin},), dcc.Interval( id='interval-component', interval=3600*1000, # in milliseconds n_intervals=0 ) ]#,style={'background-image':'url("static/background.jpg")'} ) @self.app.callback(Output('layout-update','children'), Input('interval-component','n_intervals')) def update_layout(n): kids = [ self.card_header(), dbc.CardColumns([ self.card_weather(), *self.cards_lists(), self.card_bot_stats(), self.card_news(), self.card_xkcd(), ]) ] return kids def launch_dashboard(self): self.app.run_server(host=self.host_ip, port=80)#, debug=True) def card_header(self): today = datetime.date.today().strftime("%A, der %d. %B %Y") card = dbc.Card( [ dbc.CardImg(src="static/header.jpg", top=True, bottom=False, title="Header", alt='Header image'), dbc.CardBody([html.H3(today, className="card-title")]), ], color="dark", style = {"width" : "100%", "margin-bottom":self.inter_margin}, inverse=True, ) return card def cards_lists(self): ret = [] for l in self.persistence["global"]["lists"].keys(): l_content = self.persistence["global"]["lists"][l] html_content = [html.A(t, href="#", className="list-group-item bg-dark list-group-item-action text-light") for t in l_content] card = dbc.Card( [ dbc.CardBody([ html.H4("Liste '" + l + "':", className="card-title"), dbc.ListGroup(html_content, flush=True, style={"color":"black"}) ]), ], color="dark", inverse=True, ) ret.append(card) return ret def card_bot_stats(self): def cleanse_graph(category): x = self.persistence["bot"][category]["hour"] y = self.persistence["bot"][category]["count"] xn = range(x[0], x[-1]+1) yn = [] count = 0 for x_i in xn: if x_i in x: yn.append(y[count]) count += 1 else: yn.append(0) xn = [i - int(x[0]) for i in xn] return xn, yn xs, ys = cleanse_graph("send_activity") xr, yr = cleanse_graph("receive_activity") xe, ye = cleanse_graph("execute_activity") fig = go.Figure() fig.add_trace(go.Scatter(x=xr, y=yr, mode="lines", text="Gelesen", line=dict(width=4))) fig.add_trace(go.Scatter(x=xs, y=ys, mode="lines", text="Gesendet", line=dict(width=4))) fig.add_trace(go.Scatter(x=xe, y=ye, mode="lines", text="Ausgeführt", line=dict(width=4))) fig.update_xaxes(showgrid=False) fig.update_yaxes(showgrid=False) fig.layout.update( xaxis = { 'showgrid': False, # thin lines in the background 'zeroline': False, # thick line at x=0 'visible': False, # numbers below }, # the same for yaxis yaxis = { 'showgrid': False, # thin lines in the background 'zeroline': False, # thick line at x=0 'visible': False, # numbers below }, # the same for yaxis showlegend=False, margin=dict(l=0, r=0, t=0, b=0), paper_bgcolor='rgba(0,0,0,0)', plot_bgcolor='rgba(0,0,0,0)', ) card = dbc.Card( [ dbc.CardBody([ html.H4("Statistiken", className="card-title"), dcc.Graph(figure=fig,config={'displayModeBar': False}) ]), ], color="dark", inverse=True, ) return card def card_weather(self): try: body = [html.H4("Wetter", className="card-title")] content = self.bot.weather.show_weather([47.3769, 8.5417]) # still zürich wt = content.pop(0) body.append(html.Span(children=[ html.H6("Jetzt: " + wt["short"]), html.P(emoji.emojize(":thermometer: ") + str(wt["temps"][0]) + "°") ])) days = ["Montag", "Dienstag", "Miitwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"] today = datetime.datetime.today().weekday() for i, day in enumerate(content): tmp = [] if i == 0: tmp.append(html.H6("Heute: "+ day["short"])) else: tmp.append(html.H6(days[(today + i + 1) % 7] + ": " + day["short"])) tmp.append(html.P(emoji.emojize(":thermometer: :fast_down_button: " + str(day["temps"][0]) + "° , :thermometer: :fast_up_button: " + str(day["temps"][1]) + "°"))) body.append(html.Span(children=tmp)) card = dbc.Card( [dbc.CardBody(body)], color="dark", inverse=True, ) except: card = card = dbc.Card([ dbc.CardBody([ html.H4("Could not load WEATHER", className="card-title"), ]) ], color="dark", inverse=True, ) return card def card_news(self): try: card = dbc.Card([ dbc.CardBody([html.Iframe(src="https://nzz.ch", style={"border":"none", "min-height":"30em", "width":"100%"})]) ], color="dark", inverse=True, ) except: card = card = dbc.Card([ dbc.CardBody([ html.H4("Could not load NEWS", className="card-title"), ]) ], color="dark", inverse=True, ) return card def card_xkcd(self): try: xml = requests.get("https://xkcd.com/atom.xml").content feed = xmltodict.parse(xml) title = feed["feed"]["entry"][0]["title"] img = feed["feed"]["entry"][0]["summary"]["#text"] i1 = img.find('"') +1 i2 = img.find('"', i1+1) i3 = img.find('"', i2+1) + 1 i4 = img.find('"', i3+1) img_src = img[i1:i2] img_alt = img[i3:i4] card = dbc.Card([ dbc.CardBody([ html.H4(title, className="card-title"), html.Img(src=img_src, style={"width":"100%"}), html.P(img_alt) ]) ], color="dark", inverse=True, ) except: card = card = dbc.Card([ dbc.CardBody([ html.H4("Could not load XKCD", className="card-title"), ]) ], color="dark", inverse=True, ) return card