Adds UI

Author: amarvin

ui/app.py

@@ -0,0 +1,14 @@
+import dash_bootstrap_components as dbc
+from dash import Dash
+
+LEAGUE = 209760
+POSITIONS = "QB, WR, WR, WR, RB, RB, TE, W/R/T, K, DEF, BN, BN, BN, BN, IR"
+TEAM = 8
+
+app = Dash(
+    __name__,
+    external_stylesheets=[dbc.themes.BOOTSTRAP],
+    prevent_initial_callbacks=True,
+    title="ffbot",
+)
+server = app.server

ui/components/__init__.py

@@ -0,0 +1,12 @@
+import dash_bootstrap_components as dbc
+
+from components.optimize import optimize
+from components.scrape import scrape
+
+body = dbc.Container(
+    [
+        scrape,
+        optimize,
+    ],
+    fluid=True,
+)

ui/components/body.py

@@ -0,0 +1,9 @@
+import dash_bootstrap_components as dbc
+from dash import html
+
+footer = html.Footer(
+    dbc.Container(
+        html.P("© 2021 - Alex Marvin"),
+        fluid=True,
+    )
+)

ui/components/footer.py

@@ -0,0 +1,9 @@
+import dash_bootstrap_components as dbc
+
+navbar = dbc.NavbarSimple(
+    brand="ffbot",
+    brand_href="#",
+    color="primary",
+    dark=True,
+    fluid=True,
+)

ui/components/navbar.py

@@ -0,0 +1,57 @@
+import dash_bootstrap_components as dbc
+import ffbot
+import pandas as pd
+from dash import Input, Output, State, dash_table, html
+from dash.dash_table.Format import Format, Scheme
+
+from app import POSITIONS, TEAM, app
+
+optimize = html.Div(
+    [
+        html.H1("Optimize"),
+        dbc.Button(
+            "Optimize",
+            color="primary",
+            id="optimize-button",
+        ),
+        dash_table.DataTable(
+            id="optimize-table",
+            fill_width=False,
+            filter_action="native",
+            page_action="native",
+            page_current=0,
+            page_size=10,
+            sort_action="native",
+            style_as_list_view=True,
+        ),
+    ]
+)
+
+
+@app.callback(
+    Output("optimize-table", "columns"),
+    Output("optimize-table", "data"),
+    Input("optimize-button", "n_clicks"),
+    State("scrape-table", "data"),
+    State("week", "children"),
+)
+def run_optimize(_, data, week):
+    # Load data
+    df = pd.DataFrame(data)
+    week = int(week)
+
+    # Run optimizer
+    df_opt = ffbot.optimize(df, week, TEAM, POSITIONS)
+    columns_opt = [
+        dict(id=i, name=i)
+        if i in ["Add", "Drop"]
+        else dict(
+            format=Format(precision=2, scheme=Scheme.fixed),
+            id=i,
+            name=i,
+            type="numeric",
+        )
+        for i in df_opt.columns
+    ]
+    data_opt = df_opt.to_dict("records")
+    return columns_opt, data_opt

ui/components/optimize.py

@@ -0,0 +1,60 @@
+import dash_bootstrap_components as dbc
+import ffbot
+from dash import Input, Output, dash_table, html
+
+from app import app
+
+scrape = html.Div(
+    [
+        html.H1("Scrape"),
+        dbc.Row(
+            dbc.Col(
+                dbc.Button(
+                    "1. Scrape",
+                    className="me-1",
+                    color="primary",
+                    id="scrape-scrape-button",
+                ),
+            ),
+        ),
+        html.Br(),
+        dbc.Row(
+            dbc.Col(
+                dbc.Button(
+                    "2. Load",
+                    color="primary",
+                    id="scrape-load-button",
+                ),
+            ),
+        ),
+        html.Div(
+            [
+                html.Span("Week "),
+                html.Span(id="week"),
+            ]
+        ),
+        dash_table.DataTable(
+            id="scrape-table",
+            filter_action="native",
+            page_action="native",
+            page_current=0,
+            page_size=10,
+            sort_action="native",
+            style_as_list_view=True,
+            style_table={'overflowX': 'auto'},
+        ),
+    ]
+)
+
+
+@app.callback(
+    Output("week", "children"),
+    Output("scrape-table", "columns"),
+    Output("scrape-table", "data"),
+    Input("scrape-load-button", "n_clicks"),
+)
+def load(_):
+    df, week = ffbot.load()
+    columns = [dict(id=i, name=i) for i in df.columns]
+    data = df.to_dict("records")
+    return week, columns, data

ui/components/scrape.py

@@ -0,0 +1,17 @@
+from dash import html
+
+from app import app
+from components.body import body
+from components.footer import footer
+from components.navbar import navbar
+
+app.layout = html.Div(
+    [
+        navbar,
+        body,
+        footer,
+    ],
+)
+
+if __name__ == "__main__":
+    app.run_server(debug=True)

ui/data/.gitkeep

@@ -0,0 +1,3 @@
+dash~=2.0
+dash-bootstrap-components~=1.0
+ffbot