@lancom/shared 0.0.426 → 0.0.427

package/components/customer/customer.vue

@@ -70,10 +70,10 @@ export default {
     ...mapActions('auth', ['update_user']),
     createdCustomer({ customer: user, token }) {
       this.update_user({ user, token });
-      this.$router.push('/');
+      this.$router.push('/customer/orders');
     },
     signin() {
-      this.$router.push('/');
+      this.$router.push('/customer/orders');
     }
   }
 };

package/components/editor/editor_layers/editor-layers.vue

@@ -66,10 +66,14 @@
                 :key="`${layer.createdAt}-${index}`"
                 :layer="layer"
                 :active="selectedLayer && selectedLayer.createdAt === layer.createdAt"
+                :visible-move-up="layer !== group.layers[0]"
+                :visible-move-down="layer !== group.layers[group.layers.length - 1]"
                 @select="setSelectedLayer(layer)"
                 @edit="editLayer(layer)"
                 @duplicate="duplicateLayer(layer)"
-                @remove="removeLayer(layer)">
+                @remove="removeLayer(layer)"
+                @up="moveUp(layer)"
+                @down="moveDown(layer)">
               </editor-layers-layer>
             </div>
           </div>
@@ -166,6 +170,8 @@ export default {
       'setSelectedLayerField',
       'addTemplateLayer',
       'removeTemplateLayer',
+      'moveUpTemplateLayer',
+      'moveDownTemplateLayer',
       'updateTemplateLayer',
       'setEditableSide',
       'setSelectedPrintArea',
@@ -217,6 +223,12 @@ export default {
       this.removeTemplateLayer(layer);
       this.setSelectedLayer(null);
     },
+    moveUp(layer) {
+      this.moveUpTemplateLayer(layer);
+    },
+    moveDown(layer) {
+      this.moveDownTemplateLayer(layer);
+    },
     closeEditableLayer(invalid) {
       if (invalid) {
         this.removeTemplateLayer(this.selectedLayer);

package/components/editor/editor_layers/editor_layers_layer/editor-layers-layer.scss

@@ -100,13 +100,31 @@
   &__edit {
     width: 100%;
   }
-  &__remove {
+  &__controls{
     position: absolute;
     top: 16px;
     right: 12px;
     font-size: 18px;
     color: #777;
     cursor: pointer;
+    display: flex;
+    span {
+      position: relative;
+    }
+  }
+  &__up {
+    // position: absolute;
+    // top: 4px;
+    // right: 0;
+    display: inline-block;
+    transform: rotate(90deg);
+  }
+  &__down {
+    // position: absolute;
+    // top: 4px;
+    // right: 0;
+    display: inline-block;
+    transform: rotateZ(-90deg);
   }
   &__actions {
     display: flex;
@@ -137,4 +155,4 @@
       }
     }
   }
-}
+}

package/components/editor/editor_layers/editor_layers_layer/editor-layers-layer.vue

@@ -3,9 +3,21 @@
     class="EditorLayersLayer__wrapper"
     :class="{ active }"
     @click="$emit('select')">
-    <i
-      class="icon-delete EditorLayersLayer__remove"
-      @click="$emit('remove')"></i>
+    <div class="EditorLayersLayer__controls">
+      <span v-if="visibleMoveUp">
+        <i
+          class="icon-arrow-left EditorLayersLayer__up"
+          @click="$emit('up')"></i>
+      </span>
+      <span v-if="visibleMoveDown">
+        <i
+          class="icon-arrow-left EditorLayersLayer__down"
+          @click="$emit('down')"></i>
+      </span>
+      <i
+        class="icon-delete"
+        @click="$emit('remove')"></i>
+    </div>
     <div class="EditorLayersLayer__thumb">
       <i
         v-if="layerIcon"
@@ -81,12 +93,18 @@ import { number } from '@lancom/shared/assets/js/utils/filters';
 
 export default {
   name: 'EditorLayersLayer',
-  mixins: [printLayerMixin],
   filters: { number },
+  mixins: [printLayerMixin],
   props: {
     active: {
       type: Boolean,
       default: false
+    },
+    visibleMoveUp: {
+      type: Boolean
+    },
+    visibleMoveDown: {
+      type: Boolean
     }
   },
   computed: {

package/components/pages/customer/sign_in/sign-in.vue

@@ -23,8 +23,8 @@ export default {
     };
   },
   methods: {
-    onSignin(faq) {
-      this.$router.push('/');
+    onSignin() {
+      this.$router.push('/customer/orders');
     }
   }
 };

package/package.json

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

package/store/product.js

@@ -459,6 +459,22 @@ export const mutations = {
       state.isPrintPricing = false;
     }
   },
+  moveUpTemplateLayer(state, layer) {
+    const index = state.template.layers.findIndex(({ createdAt }) => createdAt === layer.createdAt);
+    if (index > 0) {
+      const layers = state.template.layers;
+      const [layerToMove] = layers.splice(index, 1);
+      layers.splice(index - 1, 0, layerToMove);
+    }
+  },
+  moveDownTemplateLayer(state, layer) {
+    const index = state.template.layers.findIndex(({ createdAt }) => createdAt === layer.createdAt);
+    if (index < state.template.layers.length - 1) {
+      const layers = state.template.layers;
+      const [layerToMove] = layers.splice(index, 1);
+      layers.splice(index + 1, 0, layerToMove);
+    }
+  },
   updateTemplateLayer(state, layer) {
     const index = state.template.layers.findIndex(({ createdAt, _id }) => createdAt === layer.createdAt || (_id && _id === layer._id));
     Vue.set(state.template.layers, index, layer);