@lancom/shared 0.0.274 → 0.0.276

package/assets/js/api/admin.js

@@ -140,6 +140,9 @@ export default {
   exportOrderToShippingService(order, shipment) {
     return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/export-to-shipping-service`, shipment);
   },
+  returnShipments(body) {
+    return _post('admin/shipments/return', body);
+  },
   markShipmentAsDispatched(order, shipment) {
     return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/dispatched`, shipment);
   },
@@ -501,6 +504,9 @@ export default {
   fetchWarehouseLocationById(id) {
     return _get(`admin/warehouse-locations/${id}`);
   },
+  fetchWarehouseLocationProducts(id) {
+    return _get(`admin/warehouse-locations/${id}/products`);
+  },
   saveWarehouseLocation(item) {
     return item._id ? _put(`admin/warehouse-locations/${item._id}`, item) : _post('admin/warehouse-locations', item);
   },
@@ -516,6 +522,12 @@ export default {
   fetchWarehouseCanonicalProductsLocations(warehouse) {
     return _get(`admin/warehouses/${warehouse}/locations`);
   },
+  clearhWarehouseCanonicalProductsLocations(ids) {
+    return _post('admin/warehouse-locations/clear', ids);
+  },
+  updatehWarehouseCanonicalProductsLocations(warehouse, locations) {
+    return _post(`admin/warehouses/${warehouse}/locations/update`, locations);
+  },
   removeCanonicalProductLocation(location) {
     return _delete(`admin/locations/${location}`);
   },

package/assets/js/utils/quote.js

@@ -1,6 +1,9 @@
 export function convertQuoteToOrder(quote, option) {
   const files = [quote.file, ...(quote.files || [])].filter(f => !!f);
   return {
+    isUrgent: quote.isUrgent,
+    deliveryBy: quote.deliveryBy,
+    deliveryAfter: quote.deliveryAfter,
     referenceField: quote.reference,
     paymentMethod: option.paymentMethod || 'deposit',
     billingAddress: quote.address,

package/components/order/order_view/order-view.scss

@@ -44,7 +44,7 @@
       background-image: url(../../../static/images/paid.svg);
       background-repeat: no-repeat;    
       background-position: 0px 0px;
-      background-size: contain;
+      background-size: 500px;
     }
     &--small {
       margin: 0 0;

package/components/product/gallery/gallery.scss

@@ -50,11 +50,15 @@
 }
 
 .Gallery {
+  &__wrapper {
+    position: relative;
+  }
   &__big,
   &__small {
     overflow: hidden;
     position: relative;
     margin: 20px 0;
+    z-index: 1;
   }
   &__zoom {
     position: absolute;
@@ -195,4 +199,21 @@
     background-color: $gray;
     margin-top: 20px;
   }
+  &__zoom-image {
+    position: absolute;
+    right: -250px;
+    top: 0;
+    width: 350px;
+    height: 350px;
+    z-index: 2;
+    background-color: white;
+    box-shadow: 0 0 10px gray;
+    overflow: hidden;
+    pointer-events: none;
+    img {
+      position: absolute;
+      max-width: 800px;
+      max-height: 800px;
+    }
+  }
 }

package/components/product/gallery/gallery.vue

@@ -5,9 +5,10 @@
         <img
           :src="staticLink(currentImage.large)"
           :alt="product.name"
-          width="400"
-          height="400"
-          class="Gallery__big-image-src" />
+          class="Gallery__big-image-src"
+          @mouseenter="startZoom"
+          @mousemove="updateZoomWithThrottle"
+          @mouseleave="stopZoom" />
         <div
           v-if="currentImage.print"
           class="Gallery__big-print">
@@ -37,6 +38,14 @@
         Next
       </button>
     </div>
+    <div
+      v-if="isZooming"
+      class="Gallery__zoom-image">
+      <img
+        :src="staticLink(currentImage.large)"
+        :style="zoomImageStyles"
+        class="Gallery__zoom-image-src" />
+    </div>
     <div class="Gallery__small">
       <div
         v-for="(image, index) in visibleImages"
@@ -96,6 +105,7 @@ import { mapGetters, mapActions } from 'vuex';
 import { staticLink } from '@lancom/shared/assets/js/utils/filters';
 import { isValidImageTypes } from '@lancom/shared/assets/js/utils/colors';
 import Price from '@lancom/shared/components/common/price';
+import throttle from 'lodash.throttle';
 
 export default {
   name: 'Gallery',
@@ -127,7 +137,10 @@ export default {
       galerySize: null,
       backgroundSize: null,
       backgroundPosition: null,
-      skipUpdateGallery: false
+      skipUpdateGallery: false,
+      zoomImageStyles: null,
+      isZooming: false,
+      updateZoomWithThrottle: throttle(this.updateZoom, 50, { trailing: false }),
     };
   },
   computed: {
@@ -183,6 +196,22 @@ export default {
   methods: {
     ...mapActions('product', ['selectColor']),
     staticLink,
+    startZoom() {
+      this.isZooming = true;
+    },
+    stopZoom() {
+      this.isZooming = false;
+      this.zoomImageStyles = null;
+    },
+    updateZoom(e) {
+      if (this.isZooming) {
+        const { offsetX, offsetY } = e;
+        this.zoomImageStyles = {
+          top: `${-offsetY * 2 + 175}px`,
+          left: `${-offsetX * 2 + 175}px`
+        };
+      }
+    },
     goToSlideAndChangeColor(index) {
       this.skipUpdateGallery = true;
       const { color } = this.filteredImages[index] || {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.274",
+  "version": "0.0.276",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {