Update app.py

app.py

@@ -1,108 +1,95 @@
 import panel as pn
-import pandas as pd
-import hvplot.pandas
 
-pn.extension("tabulator")
+pn.extension(sizing_mode="stretch_width", design="material")
 
-ACCENT="teal"
+BUTTON_WIDTH = 125
 
-styles = {
-    "box-shadow": "rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px",
-    "border-radius": "4px",
-    "padding": "10px",
-}
+# We use intslider to avoid teaching users pn.rx. Is that a good thing?
+state_changed_count = pn.widgets.IntInput()
+tasks = pn.Column()
 
-image = pn.pane.JPG("https://assets.holoviz.org/panel/tutorials/wind_turbines_sunset.png")
+def update_state_changed_count(*args):
+    state_changed_count.value += 1
 
-# Extract Data
+def remove_task(task, *args):
+    index = tasks.index(task)
+    tasks.pop(index)
 
-@pn.cache()  # only download data once
-def get_data():
-    return pd.read_csv("https://assets.holoviz.org/panel/tutorials/turbines.csv.gz")
+def remove_all_tasks(*args):
+    tasks.clear()
 
-# Transform Data
+def create_task(text):
+    state = pn.widgets.Checkbox(align="center", sizing_mode="fixed")
+    content = pn.pane.Markdown(text)
+    remove = pn.widgets.Button(width=BUTTON_WIDTH, icon="trash", sizing_mode="fixed")
+    task = pn.Row(state, content, remove, sizing_mode="stretch_width")
 
-source_data = get_data()
-min_year = int(source_data["p_year"].min())
-max_year = int(source_data["p_year"].max())
-top_manufacturers = (
-    source_data.groupby("t_manu").p_cap.sum().sort_values().iloc[-10:].index.to_list()
-)
+    pn.bind(remove_task, task, remove, watch=True)
+    # We have to bind the below after the above!
+    pn.bind(update_state_changed_count, state, remove, watch=True)
 
-def filter_data(t_manu, year):
-    data = source_data[(source_data.t_manu == t_manu) & (source_data.p_year <= year)]
-    return data
+    return task
 
-# Filters
+def add_task(text, *args):
+    if not text:
+        return
 
-t_manu = pn.widgets.Select(
-    name="Manufacturer",
-    value="Vestas",
-    options=sorted(top_manufacturers),
-    description="The name of the manufacturer",
-)
-p_year = pn.widgets.IntSlider(name="Year", value=max_year, start=min_year, end=max_year)
-
-# Transform Data 2
-
-df = pn.rx(filter_data)(t_manu=t_manu, year=p_year)
-count = df.rx.len()
-total_capacity = df.t_cap.sum()
-avg_capacity = df.t_cap.mean()
-avg_rotor_diameter = df.t_rd.mean()
-
-# Plot Data
-
-fig = (
-    df[["p_year", "t_cap"]].groupby("p_year").sum() / 10**6
-).hvplot.bar(
-    title="Capacity Change",
-    rot=90,
-    ylabel="Capacity (MW)",
-    xlabel="Year",
-    xlim=(min_year, max_year),
-    color=ACCENT, 
-)
+    new_task = create_task(text)
+    tasks.append(new_task)
 
-# Display Data
-
-indicators = pn.FlexBox(
-    pn.indicators.Number(
-        value=count, name="Count", format="{value:,.0f}", styles=styles
-    ),
-    pn.indicators.Number(
-        value=total_capacity / 1e6,
-        name="Total Capacity (TW)",
-        format="{value:,.1f}",
-        styles=styles,
-    ),
-    pn.indicators.Number(
-        value=avg_capacity/1e3,
-        name="Avg. Capacity (MW)",
-        format="{value:,.1f}",
-        styles=styles,
-    ),
-    pn.indicators.Number(
-        value=avg_rotor_diameter,
-        name="Avg. Rotor Diameter (m)",
-        format="{value:,.1f}",
-        styles=styles,
-    ),
-)
+    return tasks
+
+def get_state(*args):
+    total_tasks = len(tasks)
+    completed_tasks = sum(check[0].value for check in tasks)
+    return f"{completed_tasks} of {total_tasks} tasks completed"
+
+def can_add(value_input):
+    return not bool(value_input)
 
-plot = pn.pane.HoloViews(fig, sizing_mode="stretch_both", name="Plot")
-table = pn.widgets.Tabulator(df, sizing_mode="stretch_both", name="Table")
+def has_tasks(*args):
+    return len(tasks) > 0
 
-# Layout Data
 
-tabs = pn.Tabs(
-    plot, table, styles=styles, sizing_mode="stretch_width", height=500, margin=10
+add_task("Inspect the blades")
+add_task("Inspect the nacelle")
+add_task("Tighten the bolts")
+
+text_input = pn.widgets.TextInput(name="Task", placeholder="Enter a task")
+
+submit_task = pn.widgets.Button(
+    name="Add",
+    align="center",
+    button_type="primary",
+    width=BUTTON_WIDTH,
+    sizing_mode="fixed",
+    disabled=pn.bind(can_add, text_input.param.value_input)
+)
+clear = pn.widgets.Button(
+    name="Remove All",
+    button_type="primary",
+    button_style="outline",
+    width=BUTTON_WIDTH,
+    sizing_mode="fixed",
+    visible=pn.bind(has_tasks, state_changed_count)
 )
 
-pn.template.FastListTemplate(
-    title="Wind Turbine Dashboard",
-    sidebar=[image, t_manu, p_year],
-    main=[pn.Column(indicators, tabs, sizing_mode="stretch_both")],
-    main_layout=None,
-    accent=ACCENT,
+def reset_text_input(*args):
+    text_input.value = text_input.value_input = ""
+
+pn.bind(add_task, text_input, submit_task, watch=True)
+pn.bind(reset_text_input, text_input, submit_task, watch=True)
+pn.bind(remove_all_tasks, clear, watch=True)
+# We have to bind the below after the above!
+pn.bind(update_state_changed_count, text_input, submit_task, clear, watch=True)
+
+status_report = pn.bind(get_state, state_changed_count, tasks.param.objects)
+
+pn.Column(
+    "## WTG Task List",
+    status_report,
+    pn.Row(text_input, submit_task),
+    tasks,
+    pn.Row(pn.Spacer(), clear),
+    max_width=500,
 ).servable()