move code from pylist.py to the example directly to make pylist reusable and show more of the example potential

fpliger · fpliger · commit 69f39713e018 · 2022-04-20T20:53:31.000-05:00
diff --git a/pyscriptjs/examples/pylist.py b/pyscriptjs/examples/pylist.py
@@ -8,15 +8,4 @@ def on_click(self, evt=None):
     self.select('input').element.checked = self.data['done']
     
 class PyList(PyListTemplate):
-  item_class = PyItem
-
-def add_task(*ags, **kws):
-  # create a new dictionary representing the new task
-  task = { "content": new_task_content.value,  "done": False, "created_at": dt.now() }
-
-  # add a new task to the list and tell it to use the `content` key to show in the UI
-  # and to use the key `done` to sync the task status with a checkbox element in the UI
-  myList.add(task, labels=['content'], state_key="done")
-
-  # clear the inputbox element used to create the new task
-  new_task_content.clear()
+  item_class = PyItem
diff --git a/pyscriptjs/examples/todo-pylist.html b/pyscriptjs/examples/todo-pylist.html
@@ -14,6 +14,20 @@
       - /utils.py
     </py-env>
     <py-register-widget src="/pylist.py" name="py-list" klass="PyList"></py-register-widget>
+
+    <py-script>
+      def add_task(*ags, **kws):
+        # create a new dictionary representing the new task
+        task = { "content": new_task_content.value,  "done": False, "created_at": dt.now() }
+
+        # add a new task to the list and tell it to use the `content` key to show in the UI
+        # and to use the key `done` to sync the task status with a checkbox element in the UI
+        myList.add(task, labels=['content'], state_key="done")
+
+        # clear the inputbox element used to create the new task
+        new_task_content.clear()
+
+    </py-script>
   </head>
 
   <body>
