Corretto Ordini e visualizzazione dei Totali

src/views/ecommerce/checkOut/checkOut.vue

@@ -1,50 +1,62 @@
 <template>
-  <q-page v-if="recOrderCart">
-    <CTitleBanner title="Carrello"></CTitleBanner>
-    <div class="panel">
-      <div>
-        <div class="container">
-          <div
-            class="q-pa-sm col items-start q-gutter-xs"
-            v-for="(itemorder, index) in getItemsCart()"
-            :key="index"
-          >
-            <CSingleCart :order="itemorder.order" :showall="true" />
+  <q-page>
+    <CTitleBanner :title="$t('ecomm.carrello')"></CTitleBanner>
+    {{ tools.getstrDateTimeShort(mycart.modify_at) }}
+    <q-spinner v-if="!endload" color="primary" size="3em" :thickness="2" />
+    <div v-if="endload">
+      <div v-if="recOrderCart" class="panel">
+        <div>
+          <div class="container">
+            <div
+              class="q-pa-sm col items-start q-gutter-xs"
+              v-for="(itemorder, index) in getItemsCart()"
+              :key="index"
+            >
+              <CSingleCart :order="itemorder.order" :showall="true" />
+            </div>
           </div>
-        </div>
-        <q-separator></q-separator>
-        <div class="col-6 q-mr-sm" style="text-align: right">
-          <span class="text-grey q-mr-xs">Totale:</span>
-          <span class="text-subtitle1 q-mr-sm">€ {{ myTotalPrice() }}</span>
+          <q-separator></q-separator>
+          <div class="col-6 q-mr-sm" style="text-align: right">
+            <span class="text-grey q-mr-xs">{{ $t('ecomm.totale') }}:</span>
+            <span class="text-subtitle1 q-mr-sm">€ {{ myTotalPrice() }}</span>
+          </div>
+
+          <q-input
+            v-if="getNumItems() > 0"
+            v-model="note"
+            style="max-width: 400px"
+            :label="$t('ecomm.note')"
+            filled
+            dense
+            debounce="1000"
+            autogrow
+            @input="change_field('note')"
+          >
+          </q-input>
+
+          <br />
         </div>
 
-        <q-input
-          v-if="getNumItems() > 0"
-          v-model="note"
-          style="max-width: 400px"
-          label="Scrivi qui per eventuali note o chiarimenti:"
-          filled
-          dense
-          debounce="1000"
-          autogrow
-          @input="change_field('note')"
-        >
-        </q-input>
+        recOrderCart.status: {{ recOrderCart.status }}
 
-        <br />
+        <div class="text-center">
+          <q-btn
+            v-if="
+              recOrderCart &&
+              recOrderCart.status < shared_consts.OrderStatus.CHECKOUT_SENT
+            "
+            rounded
+            icon="fas fa-shopping-cart"
+            color="green"
+            :label="$t('ecomm.completa_ord')"
+            class="q-mb-sm"
+            :disabled="myTotalQty() < 1"
+            @click="completeOrder()"
+          ></q-btn>
+        </div>
       </div>
-
-      <div class="text-center">
-        <q-btn
-          v-if="recOrderCart && recOrderCart.status < shared_consts.OrderStatus.CHECKOUT_SENT"
-          rounded
-          icon="fas fa-shopping-cart"
-          color="green"
-          :label="$t('ecomm.completa_ord')"
-          class="q-mb-sm"
-          :disabled="myTotalQty() < 1"
-          @click="completeOrder()"
-        ></q-btn>
+      <div v-else style="text-align: center" class="text-grey">
+        {{ $t('ecomm.carrello_vuoto') }}
       </div>
     </div>
   </q-page>