Update app.py

app.py

@@ -1,95 +1,133 @@
-import panel as pn
-
-pn.extension(sizing_mode="stretch_width", design="material")
-
-BUTTON_WIDTH = 125
-
-# We use intslider to avoid teaching users pn.rx. Is that a good thing?
-state_changed_count = pn.widgets.IntInput()
-tasks = pn.Column()
-
-def update_state_changed_count(*args):
-    state_changed_count.value += 1
-
-def remove_task(task, *args):
-    index = tasks.index(task)
-    tasks.pop(index)
-
-def remove_all_tasks(*args):
-    tasks.clear()
-
-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")
-
-    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)
-
-    return task
-
-def add_task(text, *args):
-    if not text:
-        return
+"""The FeatureInput enables a user to select from a list of features and set their values"""
 
-    new_task = create_task(text)
-    tasks.append(new_task)
+import param
 
-    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)
-
-def has_tasks(*args):
-    return len(tasks) > 0
-
-
-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)
-)
-
-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)
+import panel as pn
 
-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()
+class FeatureInput(pn.widgets.CompositeWidget):
+    """The FeatureInput enables a user to select from a list of features and set their values
+
+    ## Example
+
+    ```python
+    features = {
+        "A": 1.0,
+        "B": 2.0,
+        "C": 3.0,
+        "D": 4.0,
+    }
+    selected_features = ["A", "C"]
+    widget = FeatureInput(features=features, selected_features=selected_features)
+    ```
+    """
+
+    value = param.Dict(
+        doc="The names of the features selected and their set values", allow_None=False
+    )
+
+    features = param.Dict(
+        doc="The names of the available features and their default values",
+        allow_None=False,
+    )
+    selected_features = param.ListSelector(
+        doc="The list of selected features", allow_None=False
+    )
+
+    _selected_widgets = param.ClassSelector(
+        class_=pn.Column, doc="The widgets used to edit the selected features"
+    )
+
+    _composite_type = pn.Column
+
+    def __init__(self, **params):
+        params["value"] = params.get("value", {})
+        params["features"] = params.get("features", {})
+        params["selected_features"] = params.get("selected_features", [])
+
+        params["_selected_widgets"] = self.param._selected_widgets.class_()
+
+        super().__init__(**params)
+
+        selected_features_widget = pn.widgets.MultiChoice.from_param(
+            self.param.selected_features, sizing_mode="stretch_width"
+        )
+
+        self._composite[:] = [selected_features_widget, self._selected_widgets]
+
+    @param.depends("features", watch=True, on_init=True)
+    def _reset_selected_features(self):
+        selected_features = []
+        for (
+            feature
+        ) in self.selected_features.copy():
+            if feature in self.features.copy():
+                selected_features.append(
+                    feature
+                )
+
+        self.param.selected_features.objects = list(self.features)
+        self.selected_features = selected_features
+
+    @param.depends("selected_features", watch=True, on_init=True)
+    def _handle_selected_features_change(self):
+        org_value = self.value
+
+        self._update_selected_widgets(org_value)
+        self._update_value()
+
+    def _update_value(self, *args):  # pylint: disable=unused-argument
+        new_value = {}
+
+        for widget in self._selected_widgets:
+            new_value[widget.name] = widget.value
+
+        self.value = new_value
+
+    def _update_selected_widgets(self, org_value):
+        new_widgets = {}
+
+        for feature in self.selected_features:
+            value = org_value.get(feature, self.features[feature])
+            widget = self._new_widget(feature, value)
+            new_widgets[feature] = widget
+
+        self._selected_widgets[:] = list(new_widgets.values())
+
+    def _new_widget(self, feature, value):
+        widget = pn.widgets.FloatInput(
+            name=feature, value=value, sizing_mode="stretch_width"
+        )
+        pn.bind(self._update_value, widget, watch=True)
+        return widget
+
+def create_app():
+    features = {
+        "Blade Length (m)": 73.5,
+        "Cut-in Wind Speed (m/s)": 3.5,
+        "Cut-out Wind Speed (m/s)": 25,
+        "Grid Connection Capacity (MW)": 5,
+        "Hub Height (m)": 100,
+        "Rated Wind Speed (m/s)": 12,
+        "Rotor Diameter (m)": 150,
+        "Turbine Efficiency (%)": 45,
+        "Water Depth (m)": 30,
+        "Wind Speed (m/s)": 10,
+    }
+    selected_features = ["Wind Speed (m/s)", "Rotor Diameter (m)"]
+    widget = FeatureInput(
+        features=features,
+        selected_features=selected_features,
+        width=500,
+        styles={"border": "1px solid lightgray", "border-radius": "5px"},
+    )
+
+    return pn.Column(
+        "## Widget",
+        widget,
+        "## Value",
+        pn.pane.JSON(widget.param.value, width=500, height=300),
+    )
+    
+if pn.state.served:
+    create_app().servable()