@viur/shop-components 0.14.8 → 0.15.0

package/package.json

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

package/src/components/CartItem.vue

@@ -9,6 +9,7 @@
             item?.shop_image
             ? item.shop_image
             : undefined,
+            shopStore.state.serving_url_params.CartItem,
         )
       "
     />

package/src/components/CartItemSmall.vue

@@ -9,6 +9,7 @@
             item?.shop_image
             ? item.shop_image
             : undefined,
+            shopStore.state.serving_url_params.CartItemSmall,
         )
       "
     />

package/src/components/DiscountInput.vue

@@ -69,14 +69,14 @@ function removeDiscountAction(key){
   removeDiscount(key)
     .then(async (resp) => {
       state.loading=false
-      state.alert.msg = $t('viur.shop.discount_removed');
+      state.alert.msg = i18n.t('viur.shop.discount_removed');
       state.alert.show = true;
       state.alert.variant = "success";
     })
     .catch((error) => {
       state.loading=false
       console.log("error bei rabatt", error);
-      state.alert.msg = $t('viur.shop.discount_not_found');
+      state.alert.msg = i18n.t('viur.shop.discount_not_found');
       state.alert.show = true;
       state.alert.variant = "danger";
     });

package/src/shop.js

@@ -131,8 +131,13 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
         //stepper rules:
         stepperVisible: computed(()=>{
           return state.currentTab!=='complete'
-        })
+        }),
 
+        // serving_url_params for utils.getImage
+        serving_url_params: {
+          CartItem: '=s600-rw',
+          CartItemSmall: '=s200-rw',
+        },
     })
 
     function addTab({name, component, displayname, iconname, iconlibrary,active})
@@ -301,7 +306,6 @@ export const useViurShopStore = defineStore("viurshopStore", () => {
       })
     }
 
-
     return {
         state,
         navigateToTab,

package/src/utils.js

@@ -46,9 +46,20 @@ export function getTranslations(languages="de", pattern=null){
   return fetchTranslations(languages,pattern)
 }
 
-export function getImage(image) {
-  if (image !== undefined) return Request.downloadUrlFor(image);
+export function getImage(image, serving_url_params = '=rw') {
+  let dest = image;
+  if (image && 'dest' in image) {
+    dest = image['dest'];
+  }
+  if (dest && dest?.['serving_url']) {
+    return `${dest['serving_url']}${serving_url_params}`;
+  }
 
+  if (image !== undefined) {
+    return Request.downloadUrlFor(image);
+  }
+
+  // FIXME: this is stupid: return null or raise an exception, but do not return a non-empty string!
   return 'PLACEHOLDER';
 }
 
@@ -57,4 +68,4 @@ export function removeUndefinedValues(obj) {
       Object.entries(obj)
           .filter(([key, value]) => value !== undefined && value !== null),
   );
-}
+}