possibilità di modificare un ordine, e anche i totali

src/components/CSingleCart/CSingleCart.ts

@@ -3,11 +3,12 @@ import { CCardState } from '../CCardState'
 import { CCopyBtn } from '../CCopyBtn'
 
 import { IOperators, IOrder, IProduct } from '@src/model'
-import { defineComponent, PropType, toRef } from 'vue'
+import { defineComponent, PropType, toRef, ref, watch, onMounted } from 'vue'
 import { CTitleBanner } from '@src/components/CTitleBanner'
 import { useProducts } from '@store/Products'
 import { useI18n } from '@src/boot/i18n'
 import { useQuasar } from 'quasar'
+import { loadRouteLocation } from 'vue-router'
 
 export default defineComponent({
   name: 'CSingleCart',
@@ -45,6 +46,47 @@ export default defineComponent({
 
     const $q = useQuasar()
 
+    const orderQuantity = ref(<number | undefined>undefined);
+    const orderQuantityPreordered = ref(<number | undefined>undefined);
+    const orderTotalPriceProduct = ref(<number | undefined>undefined);
+
+    const enableQty = ref(false)
+    const endload = ref(false)
+    const enableQtyPreordered = ref(false)
+    const enableChangeTotalPrice = ref(false)
+
+    watch(orderQuantity, (newValue: any) => {
+      if (!newValue)
+        order.value.quantity = 0
+      else
+        order.value.quantity = parseFloat(newValue);
+
+      enableChangeTotalPrice.value = false
+    });
+
+    watch(orderQuantityPreordered, (newValue: any) => {
+      if (!newValue)
+        order.value.quantitypreordered = 0
+      else
+        order.value.quantitypreordered = parseFloat(newValue);
+
+      enableChangeTotalPrice.value = false
+    });
+
+    watch(orderTotalPriceProduct, (newValue: any) => {
+      if (!newValue)
+        order.value.TotalPriceProduct = 0
+      else
+        order.value.TotalPriceProduct = parseFloat(newValue);
+    });
+
+    watch(() => props.order.TotalPriceProduct, (newValue: any) => {
+      if (!newValue)
+        orderTotalPriceProduct.value = 0
+      else
+        orderTotalPriceProduct.value = parseFloat(newValue);
+    });
+
     function myimgclass() {
       if (props.showall) {
         return 'imgNormal'
@@ -102,23 +144,46 @@ export default defineComponent({
     }
 
     function removeFromCard() {
-      if (props.idOrdersCart) {
-        // 
-      } else {
-        products.removeFromCart({ order: order.value })
-      }
-      
+      products.removeFromCart({ order: order.value })
+
     }
 
     async function updateOrder(paramstoupdate: any) {
-      await products.updateOrderByOrder(props.idOrdersCart, order.value._id, paramstoupdate)
+      endload.value = false
+      if (enableChangeTotalPrice.value) {
+        paramstoupdate = { ...paramstoupdate, TotalPriceProduct: order.value.TotalPriceProduct }
+      }
+      const myOrdersCart = await products.updateOrderByOrder(props.idOrdersCart, order.value._id, paramstoupdate)
       emit('update')
+      mounted()
     }
 
     function getRisparmio(): string {
       return ((order.value.product!.price * order.value.quantity) - order.value.TotalPriceProduct).toFixed(2)
     }
 
+    function mounted() {
+      endload.value = false
+      if (props.order.quantity !== 0) {
+        orderQuantity.value = props.order.quantity
+        enableQty.value = true
+      }
+      if (props.order.quantitypreordered !== 0) {
+        orderQuantityPreordered.value = props.order.quantitypreordered
+        enableQtyPreordered.value = true
+      }
+
+      orderTotalPriceProduct.value = props.order.TotalPriceProduct
+      endload.value = true
+    }
+
+    function changeTotalPrice() {
+      console.log('changeTotalPrice')
+      enableChangeTotalPrice.value = true
+    }
+
+    onMounted(mounted)
+
     return {
       myimgclass,
       addsubqty,
@@ -129,6 +194,13 @@ export default defineComponent({
       products,
       t,
       updateOrder,
+      orderQuantity,
+      orderQuantityPreordered,
+      enableQty,
+      enableQtyPreordered,
+      changeTotalPrice,
+      orderTotalPriceProduct,
+      endload,
     }
   },
 })