@viur/shop-components 0.11.0 → 0.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viur/shop-components",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "Frontend Vue components for the shop module of ViUR",
   "repository": {
     "type": "git",

package/src/Shop.vue

@@ -52,7 +52,8 @@
           readytoship: {{ shopStore.state.order?.['is_rts'] }}<br>
           paid: {{ shopStore.state.order?.['is_paid'] }}<br><br>
 
-          OrderObject: {{shopStore.state.order}}
+          OrderObject: {{shopStore.state.order}}<br><br>
+          activeDiscounts: {{ shopStore.state.discounts }}
 
       </sl-details>
     </template>

package/src/components/DiscountInput.vue

@@ -1,26 +1,27 @@
 <template>
-  {{ state.alert.msg }}
     <shop-alert
       v-if="state.alert.show"
       :variant="state.alert.variant"
       @onHide="state.alert = {}"
-      duration="infinity"
+      duration="5000"
     >
   <template #alertMsg>
     {{ state.alert.msg }}
   </template>
   </shop-alert>
 
-  <template v-if="shopStore.state.cartRoot.discount">
+  <template v-if="shopStore.state.discounts">
+    <template v-for="discount in shopStore.state.discounts">
     <div class="viur-shop-discount-view">
-    <span>Code: {{ shopStore.state.cartRoot.discount.dest.name }}</span>
-    <sl-button size="small"  outline variant="danger" @click="removeDiscountAction" :loading="state.loading">
+    <span>Code: {{ discount.dest.name }}</span>
+    <sl-button size="small"  outline variant="danger" @click="removeDiscountAction(discount.dest.key)" :loading="state.loading">
       <sl-icon name="x-lg" slot="prefix"></sl-icon>
 
     </sl-button>
     </div>
+    </template>
   </template>
-  <sl-button-group v-else>
+  <sl-button-group>
     <sl-input
       class="viur-shop-discount-input"
       :placeholder="$t('viur.shop.add_discount_placeholder')"
@@ -63,12 +64,12 @@ function addDiscountAction() {
     });
 }
 
-function removeDiscountAction(){
+function removeDiscountAction(key){
   state.loading=true
-  removeDiscount()
+  removeDiscount(key)
     .then(async (resp) => {
       state.loading=false
-      state.alert.msg = "Discount removed";
+      state.alert.msg = $t('viur.shop.discount_removed');
       state.alert.show = true;
       state.alert.variant = "success";
     })

package/src/composables/cart.js

@@ -48,6 +48,7 @@ export function useCart() {
           shopStore.state.cartReady = true;
         });
       }
+      shopStore.state.discounts = {}
       return fetchCartRoot().then(() => {
         if (!shopStore.state.cartRoot?.["key"]) return 0;
         fetchCartItems(shopStore.state.cartRoot["key"]).then(() => {  // TODO: duplicate code
@@ -59,10 +60,12 @@ export function useCart() {
 
     function fetchCartRoot(){
         // fetch list of Rootnodes and saves the first one
-
         return Request.get(`${shopStore.state.shopUrl}/cart/listRootNodes`).then(async (resp)=>{
             let data = await resp.clone().json()
             shopStore.state.cartRoot = data.filter(i=>i['cart_type']==='basket')?.[0] ? data.filter(i=>i['cart_type']==='basket')[0]:[]
+            if (shopStore.state.cartRoot.discount){
+              shopStore.state.discounts = {[shopStore.state.cartRoot.discount.dest.key]:shopStore.state.cartRoot.discount}
+            }
             return resp
         })
     }
@@ -82,6 +85,9 @@ export function useCart() {
               if (item["skel_type"]==="leaf"){
                 currentLeafs.push(item)
               }else{
+                if(item.discount){
+                  shopStore.state.discounts[item.discount.dest.key] = item.discount
+                }
                 await fetchCartItems(item['key'])
               }
             }
@@ -168,11 +174,11 @@ export function useCart() {
     });
     }
 
-    function removeDiscount() {
+    function removeDiscount(key) {
         return new Promise((resolve, reject) => {
           Request.securePost(`${shopStore.state.shopApiUrl}/discount_remove`, {
             dataObj: {
-                discount_key: shopStore.state.cartRoot.discount.dest.key,
+                discount_key: key,
             },
           })
         .then(async (resp) => {

package/src/shop.js

@@ -122,7 +122,8 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
 
         //checkout
         paymentProviderData:null,
-        UserDataLayout: shallowRef(AddressFormLayout)
+        UserDataLayout: shallowRef(AddressFormLayout),
+        discounts:{}
     })
 
     function addTab({name, component, displayname, iconname, iconlibrary,active})

package/src/translations/de.js

@@ -43,6 +43,7 @@ export default {
       'summary_total': 'Gesamtbetrag',
       'summary_vat': 'inkl. {percentage} MwSt.',
       'discount_not_found': 'Dieser Rabattcode existiert nicht.',
+      'discount_not_found': 'Rabattcode entfernt.',
       'discount_not_active': 'Dieser Rabattcode ist nicht aktiv.',
       'discount_not_available': 'Dieser Rabattcode ist für dieses Land nicht verfügbar.',
       'discount_already_used': 'Dieser Rabattcode wurde bereits benutzt.',

package/src/translations/fr.js

@@ -43,6 +43,7 @@ export default {
       'summary_total': 'Montant TTC',
       'summary_vat': 'TVA incluse ({percentage})',
       'discount_not_found': 'Ce code promo n’existe pas.',
+      'discount_removed': 'Code promo supprimé.',
       'discount_not_active': 'Ce code promo n’est pas actif.',
       'discount_not_available': 'Ce code promo n’est pas valable pour ce pays.',
       'discount_already_used': 'Ce code promo a déjà été utilisé.',