fixed example product_app_c.py (fixes #639)

justpy-org · Dec 5, 2022 · bc682d7 · bc682d7
1 parent 5196a6d
commit bc682d7
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 7 deletions.
diff --git a/docs/blog/vue_comparison.md b/docs/blog/vue_comparison.md
@@ -57,15 +57,31 @@ class Products(jp.Div):
             total += product["quantity"]
         return total
 
-    def react(self, data):
+        def react(self, data):
         self.ul.delete_components()
         for product in self.products:
             item = jp.Li(a=self.ul)
-            jp.Input(type='number', product=product, a=item, value=product["quantity"], input='self.product["quantity"] = self.value')
-            jp.Span(text=f'{product["quantity"]} {product["name"]}', a=item, style='margin-left: 10px')
+            jp.InputChangeOnly(
+                    type='number',
+                    product=product,
+                    a=item,
+                    value=product["quantity"],
+                    change='self.product["quantity"] = self.value'
+            )
+            jp.Span(
+                    text=f'{product["quantity"]} {product["name"]}',
+                    a=item,
+                    style='margin-left: 10px'
+            )
             if product["quantity"] == 0:
                 jp.Span(text=' - OUT OF STOCK', a=item)
-            jp.Button(text='Add', a=item, product=product, click='self.product["quantity"] += 1', style='margin-left: 10px')
+            jp.Button(
+                    text='Add',
+                    a=item,
+                    product=product,
+                    click='self.product["quantity"] += 1',
+                    style='margin-left: 10px'
+            )
         self.total_inventory.text = f'Total Inventory: {self.total_products()}'
 
 

diff --git a/examples/blog/vue_comparison/product_app_c.py b/examples/blog/vue_comparison/product_app_c.py
@@ -27,11 +27,27 @@ def react(self, data):
         self.ul.delete_components()
         for product in self.products:
             item = jp.Li(a=self.ul)
-            jp.Input(type='number', product=product, a=item, value=product["quantity"], input='self.product["quantity"] = self.value')
-            jp.Span(text=f'{product["quantity"]} {product["name"]}', a=item, style='margin-left: 10px')
+            jp.InputChangeOnly(
+                    type='number',
+                    product=product,
+                    a=item,
+                    value=product["quantity"],
+                    change='self.product["quantity"] = self.value'
+            )
+            jp.Span(
+                    text=f'{product["quantity"]} {product["name"]}',
+                    a=item,
+                    style='margin-left: 10px'
+            )
             if product["quantity"] == 0:
                 jp.Span(text=' - OUT OF STOCK', a=item)
-            jp.Button(text='Add', a=item, product=product, click='self.product["quantity"] += 1', style='margin-left: 10px')
+            jp.Button(
+                    text='Add',
+                    a=item,
+                    product=product,
+                    click='self.product["quantity"] += 1',
+                    style='margin-left: 10px'
+            )
         self.total_inventory.text = f'Total Inventory: {self.total_products()}'