remoll/tbot-with-extras
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Negative temperature fixed

Browse Source
This commit is contained in:
Remy Moll
2020-11-29 21:52:28 +01:00
parent 1fa1d7cb67
commit eb817ac2ee
12 changed files with 283 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

167
dashboard/main.py
View File

@@ -2,84 +2,125 @@ import dash
import dash_bootstrap_components as dbc
import dash_html_components as html
import dash_core_components as dcc
import locale
locale.setlocale(locale.LC_TIME, "de_DE")
#from dash.dependencies import Input, Output
import datetime
ex_css = [dbc.themes.BOOTSTRAP, "static/test.css"]
app = dash.Dash(__name__, external_stylesheets=ex_css)
card_main = dbc.Card(
[
#dbc.CardImg(src="/assets/ball_of_sun.jpg", top=True, bottom=False,
# title="Image by Kevin Dinkel", alt='Learn Dash Bootstrap Card Component'),
dbc.CardBody(
class DashBoard():
""""""
def __init__(self, host_ip):
## pre-sets
self.today = datetime.date.today().strftime("%A, der %d. %B %Y")
self.inter_margin = "1em"
ex_css = [dbc.themes.BOOTSTRAP]
self.app = dash.Dash(__name__, external_stylesheets=ex_css)
self.set_layout()
self.app.run_server(host=host_ip)
def set_layout(self):
card_placeholder = dbc.Card(
[
html.H4("Learn Dash with Charming Data", className="card-title"),
html.H6("Lesson 1:", className="card-subtitle"),
html.P(
"Choose the year you would like to see on the bubble chart.",
className="card-text",
#dbc.CardImg(src="/assets/ball_of_sun.jpg", top=True, bottom=False,
# title="Image by Kevin Dinkel", alt='Learn Dash Bootstrap Card Component'),
dbc.CardBody(
[
html.H4("Learn Dash with Charming Data", className="card-title"),
html.H6("Lesson 1:", className="card-subtitle"),
html.P(
"Choose the year you would like to see on the bubble chart. Test this is a very long text that should hopefully have a line break.",
className="card-text",
),
html.P(
"Choose the year you would like to see on the bubble chart.",
className="card-text",
),
html.P(
"Choose the year you would like to see on the bubble chart.",
className="card-text",
),
html.P(
"Choose the year you would like to see on the bubble chart.",
className="card-text",
),
dbc.Button("Still not live I guess?", color="primary"),
dbc.CardLink("GirlsWhoCode", href="https://girlswhocode.com/", target="_blank"),
]
),
],
color="dark", # https://bootswatch.com/default/ for more card colors
inverse=True, # change color of text (black or white)
outline=False, # True = remove the block colors from the background and header
)
dbc.Button("Still not live I guess?", color="primary"),
# dbc.CardLink("GirlsWhoCode", href="https://girlswhocode.com/", target="_blank"),
]
),
],
color="dark", # https://bootswatch.com/default/ for more card colors
inverse=True, # change color of text (black or white)
outline=False, # True = remove the block colors from the background and header
)
card_weather = dbc.Card(
card_question = dbc.Card(
[
dbc.CardBody([
html.H4("Question 1", className="card-title"),
html.P("What was India's life expectancy in 1952?", className="card-text"),
dbc.ListGroup(
[
dbc.ListGroupItem("A. 55 years"),
dbc.ListGroupItem("B. 37 years"),
dbc.ListGroupItem("C. 49 years"),
], flush=True)
]),
], color="warning",
)
)
card_bot_stats = dbc.Card(
)
today = datetime.date.today().strftime("%d.%m.%Y")
tag = ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"][datetime.datetime.today().weekday()]
card_header = dbc.Card(
[ dbc.CardImg(src="static/header.jpg", top=True, bottom=False,
title="Header", alt='Header image'),
dbc.CardBody([html.H4(self.today, className="card-title")]),
],
color="dark",
style = {"width" : "100%", "margin-bottom":self.inter_margin},
inverse=True,
)
string_header = tag + ", der " + today
card_shopping_list = dbc.Card(
[
dbc.CardBody([
html.H4("Shopping list:", className="card-title"),
# html.P("What was India's life expectancy in 1952?", className="card-text"),
dbc.ListGroup(
[
dbc.ListGroupItem("test"),
dbc.ListGroupItem("B. 37 years"),
dbc.ListGroupItem("C. 49 years"),
], flush=False)
]),
],
color="dark",
style = {"width" : "100%", "margin-bottom":self.inter_margin},
inverse=True,
)
app.layout = html.Div([
html.Header(children = [
html.H1(string_header)
],),
html.Div(
className = "content",
style = {"padding-top" : "32em"},
children = [
# dbc.Row([dbc.Col(card_main, width=3),
# dbc.Col(card_question, width=3)], justify="around"), # justify="start", "center", "end", "between", "around"
# dbc.CardGroup([card_main, card_question, card_graph]) # attaches cards with equal width and height columns
# dbc.CardDeck([card_main, card_question, card_graph]) # same as CardGroup but with gutter in between cards
dbc.CardColumns([ # Cards organised into Masonry-like columns
card_main,
card_question,card_question,card_question,card_question,
# card_graph,
# card_question,
# card_question,
])
])
])
self.app.layout = html.Div([
html.Div(
className = "content",
style={"padding":self.inter_margin},
children = [
# dbc.Row([dbc.Col(card_main, width=3),
# dbc.Col(card_question, width=3)], justify="around"), # justify="start", "center", "end", "between", "around"
card_header,
dbc.CardColumns([
card_shopping_list,
card_placeholder,
card_placeholder,
card_placeholder,
card_placeholder,
card_placeholder,
]),
])
])
if __name__ == "__main__":
app.run_server(host="0.0.0.0")
5
test = DashBoard(host_ip="0.0.0.0")

BIN
dashboard/static/header.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 809 KiB

2
dashboard/static/test.css
View File

@@ -25,7 +25,7 @@ header::before {
h1 {
font-size: calc(2.8em + 2.6vw);
font-weight: 650;
font-weight: 500;
letter-spacing: .01em;
padding: 6rem 0 0 4.5rem;
text-shadow: .022em .022em .022em #111;