order process improved

CHANGELOG.md

@@ -18,3 +18,4 @@
  - 05.2020 - В футере добавить форму для ввода email и кнопку. Необходимо добавить валидацию email. Пока пусть отправляет данные на https://vuemmerce.herokuapp.com/api/new-subscription и всегда показывает всплывающее окно об успешной подписке. by @Vshinf
  - 05.2020 - Добавлена форма для фильтрации товаров (цена и произоводитель) by @iskangiz
  - 05.2020 - Добавить форму обратной связи by @Dalion
+ - 07.2020 - Добавлен ввоод почты/телефона при создании заказа неавторизованным пользователем, отправка данных на api/order

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuemmerce",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "private": true,
   "description": "Responsive ecommerce template built with Vue.js",
   "author": "ivan lori <[email protected]>",

src/components/order_page/CustomStepper.vue

@@ -1,11 +1,11 @@
 <template>
     <b-tabs v-model="activeTab" position="is-centered" class="block" type="is-toggle" expanded>
-        <b-tab-item v-for="(stepTab, index) in stepTabs" :label="stepTab.title" :key="index">
+        <b-tab-item v-for="(stepTab, index) in tabs" :label="stepTab.title" :key="index">
             <slot :name="'step' + (index + 1)">Контент для этого шага не указан</slot>
 
             <button v-if="(index + 1) !== stepTabs.length"
                     class="is-pulled-right button is-primary"
-                    @click="activeTab = index + 1">
+                    @click="nextTab(index)">
                 Продолжить
             </button>
             <button v-else class="is-pulled-right button is-primary"
@@ -31,13 +31,37 @@
             submit: {
                 type: Function,
                 required: true
+            },
+            next: {
+                type: Function,
+                required: false
+            },
+            filterIndex: {
+                type: Number,
+                required: false
             }
         },
         data: function() {
           return {
               activeTab: 0
           };
         },
+        computed: {
+            tabs: function() {
+                if (this.filterIndex >= 0) {
+                    return this.stepTabs.filter(st => this.stepTabs.indexOf(st) !== this.filterIndex)
+                }
+                return this.stepTabs;
+            }
+        },
+        methods: {
+            nextTab: function(index) {
+                if (this.next) {
+                    this.next(index);
+                }
+                this.activeTab = index + 1
+            }
+        }
     };
 </script>