wip

Author: evilkermit

examples/form_disabling/model.py

@@ -6,6 +6,7 @@
 class FormData(BaseModel):
     """Pydantic model for the form data."""
 
+    num_banks: int = Field(default=1, ge=1, le=10, title="Number of Banks [1, 10]")
     wavelength: float = Field(default=0.1, ge=0.1, le=1.0, title="Wavelength [0.1, 1.0]")
 
 

examples/form_disabling/view.py

@@ -3,8 +3,7 @@
 from nova.mvvm.trame_binding import TrameBinding
 from nova.trame import ThemedApp
 from nova.trame.view.components import InputField
-from nova.trame.view.layouts import VBoxLayout
-from trame.widgets import client
+from nova.trame.view.layouts import GridLayout, VBoxLayout
 from trame.widgets import vuetify3 as vuetify
 
 from .model import Model
@@ -20,34 +19,33 @@ def __init__(self) -> None:
         self.create_vm()
         # If you forget to call connect, then the application will crash when you attempt to update the view.
         self.view_model.form_data_bind.connect("data")
-        self.view_model.view_state_bind.connect("state")
 
         self.create_ui()
 
     def create_ui(self) -> None:
-        with super().create_ui() as layout:
-            # This instructs the user interface to reset itself to the most recent valid state when a browser connects
-            # to the tool or the browser is refreshed. This is not appropriate for all situations, so it is not a
-            # default behavior at this time. You can disable this line and then refresh your browser while the user
-            # interface is in an error state to see the difference between the two behaviors.
-            client.ClientTriggers(mounted=self.view_model.init_view)
+        self.set_theme("CompactTheme")
 
+        with super().create_ui() as layout:
             with layout.pre_content:
                 vuetify.VBanner(
                     "The form is in an error state.",
-                    v_if="state.errors?.length > 0",
+                    v_if="errors.data?.length > 0",
                     color="error",
                     icon="mdi-close",
                 )
 
             with layout.content:
-                with VBoxLayout(classes="mb-2"):
+                with GridLayout(classes="mb-2", columns=2, gap="0.5em"):
+                    InputField(v_model="data.num_banks")
                     InputField(v_model="data.wavelength")
                 with VBoxLayout(halign="center"):
-                    vuetify.VBtn("{{ state.button_text }}", disabled=("state.errors?.length > 0",))
+                    vuetify.VBtn(
+                        "{{ errors.data?.length > 0 ? 'Errors Present' : 'No Errors' }}",
+                        disabled=("errors.data?.length > 0",),
+                    )
 
             with layout.post_content:
-                vuetify.VAlert("{{ state.errors }}", v_if="state.errors?.length > 0", color="error")
+                vuetify.VAlert("{{ errors.data }}", v_if="errors.data?.length > 0", color="error")
 
     def create_vm(self) -> None:
         binding = TrameBinding(self.state)

examples/form_disabling/view_model.py

@@ -1,53 +1,19 @@
 """View model implementation for form disabling example."""
 
-from typing import Any, Dict, List
-
 from nova.mvvm.interface import BindingInterface
-from pydantic import BaseModel, Field, computed_field
 
 from .model import Model
 
 
-class ViewState(BaseModel):
-    """View state Pydantic model."""
-
-    errors: List[str] = Field(default=[])
-
-    @computed_field
-    @property
-    def button_text(self) -> str:
-        return "Errors Present, Button Disabled" if self.errors else "No Errors, Button Enabled"
-
-
 class ViewModel:
     """View model implementation for form disabling example."""
 
     def __init__(self, model: Model, binding: BindingInterface) -> None:
         self.model = model
-        self.view_state = ViewState()
 
         # self.on_update is called any time the view updates the binding.
-        self.form_data_bind = binding.new_bind(self.model.form, callback_after_update=self.on_update)
-        self.view_state_bind = binding.new_bind(self.view_state)
-
-    def on_update(self, results: Dict[str, Any]) -> None:
-        self.view_state.errors = []
-        errors = results.get("errored", [])
-        for error in errors:
-            self.view_state.errors.append(f"{error} is invalid")
-
-        self.update_view_state()
+        self.form_data_bind = binding.new_bind(self.model.form)
 
     def update_form_data(self) -> None:
         # This will fail if you haven't called connect on the binding!
         self.form_data_bind.update_in_view(self.model.form)
-
-    def update_view_state(self) -> None:
-        # This will fail if you haven't called connect on the binding!
-        self.view_state_bind.update_in_view(self.view_state)
-
-    def init_view(self) -> None:
-        self.view_state.errors = []
-
-        self.update_form_data()
-        self.update_view_state()