fix : update vuetify - export btns

package.json

@@ -8,8 +8,8 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@mdi/font": "^2.5.94",
     "@fortawesome/fontawesome-free": "^5.7.2",
+    "@mdi/font": "^2.5.94",
     "axios": "^1.5.0",
     "bootstrap": "^4.0.0",
     "chart.js": "^3.7.1",
@@ -30,7 +30,7 @@
     "vue-style-loader": "^4.1.2",
     "vue2-dropzone": "^3.6.0",
     "vuelidate": "^0.7.4",
-    "vuetify": "^1.2.5",
+    "vuetify": "^1.5.24",
     "vuetify-upload-component": "^1.0.6",
     "vuex": "^3.0.1",
     "vuex-router-sync": "^5.0.0"

src/components/modal/package/Show.vue

@@ -104,6 +104,14 @@
                     <span class="black--text">Close</span>
                 </v-btn>
                 <v-spacer/>
+
+                <router-link :to="{ name: 'AddLabel' ,query: { packageId: data.id }}">
+                    <v-btn class="WM-CyanBlueGradient-BG"  @click="closeModal" style="padding:10px 60px">
+                        <v-icon class="white--text mr-2 caption">fas fa-edit</v-icon>
+                        <span class="white--text">Add Label</span>
+                    </v-btn>
+                </router-link>
+
                 <v-btn class="WM-CyanBlueGradient-BG" @click="print" style="padding:10px 60px">
                     <v-icon class="white--text mr-2 caption">fas fa-print</v-icon>
                     <span class="white--text">Print</span>

src/config/urls.js

@@ -186,7 +186,6 @@ const urls = {
         return `/Item/Verify/${id}`;
     },
     Barcode: function (code, type) {
-
         return `/BarCode/${code}/${type}`;
     },
     packageBarcode: function (code) {
@@ -198,8 +197,14 @@ const urls = {
     changeItemStatus: function (id) {
         return `/Items/ChangeStatus/${id}`;
     },
-    // transferItem: function (id) {
+    exportItems: function () {
-    //     return `/transfers/${id}`;
+        return `/export/items`;
-    // }
+    },
+    exportPackages: function () {
+        return `/export/packages`;
+    },
+    exportCycles: function () {
+        return `/export/cycles`;
+    },
 };
-export { urls };
+export {urls};

src/main.js

@@ -1,12 +1,11 @@
 import 'font-awesome/css/font-awesome.min.css'
 import Vue from 'vue';
-// import vuetify from '@/plugins/vuetify'
-
 // Components
 import './components'
-
 // Plugins
+
 import './plugins';
+import './plugins/vuetify'
 
 // Config
 import { baseUrl } from './config';

src/views/Cycle/List.vue

@@ -46,7 +46,7 @@
                             <span>Filter</span>
                         </v-tooltip>
 
-                        <v-btn class="WM-Outline-Btn WM-Border mr-2 WM-Margin-BT-0 WM-Border-Black" style="padding: 10px 30px;">
+                        <v-btn class="WM-Outline-Btn WM-Border mr-2 WM-Margin-BT-0 WM-Border-Black" @click="download()" style="padding: 10px 30px;">
                             <v-icon class="black--text mr-2 caption">fas fa-share-square</v-icon>
                             <span class="black--text">EXPORT</span>
                         </v-btn>
@@ -248,6 +248,13 @@ export default {
                 this.medicalCenters = result.data.data.MedicalCenters;
             }
         },
+        async download() {
+            const result = await ApiService.get(urls.exportCycles());
+            if (result && result.status == 200) {
+                console.log(result)
+                window.open(result.download, '_blank');
+            }
+        },
     },
     computed: {
         ...mapGetters("modal", ["getModalResult"])

src/views/Item/List.vue

@@ -40,7 +40,7 @@
                             <span>Filter</span>
                         </v-tooltip>
 
-                        <v-btn class="WM-Outline-Btn WM-Border mr-2 WM-Margin-BT-0 WM-Border-Black" style="padding: 10px 30px;">
+                        <v-btn class="WM-Outline-Btn WM-Border mr-2 WM-Margin-BT-0 WM-Border-Black" @click="download()" style="padding: 10px 30px;">
                             <v-icon class="black--text mr-2 caption">fas fa-share-square</v-icon>
                             <span class="black--text">EXPORT</span>
                         </v-btn>
@@ -252,6 +252,13 @@ export default {
                 });
             }
         },
+        async download() {
+            const result = await ApiService.get(urls.exportItems());
+            if (result && result.status == 200) {
+                console.log(result)
+                window.open(result.download, '_blank');
+            }
+        },
         removeModal(id) {
             this.changeCurrentModal({
                 modal: "modal-user-confirmation",

src/views/Label/AddEdit.vue

@@ -79,6 +79,7 @@
 <script>
 import {ApiService} from "@/services";
 import {urls} from "@/config/urls";
+import toast from "@/services/global/toast.service";
 
 export default {
     metaInfo() {
@@ -147,6 +148,12 @@ export default {
             if (result && result.status == 200) {
                 this.items = result.data.data;
             }
+            if (this.$route.query.packageId) {
+                this.formData.package_id = this.items.find((i) => i.id == this.$route.query.packageId);
+                if (!this.formData.package_id) {
+                    toast.error('package is not in the list');
+                }
+            }
         },
         async submitForm() {
             let result;

src/views/Package/List.vue

@@ -29,7 +29,7 @@
                             <span>Filter</span>
                         </v-tooltip>
 
-                        <v-btn class="WM-Outline-Btn WM-Border mr-2 WM-Margin-BT-0 WM-Border-Black" style="padding: 10px 30px;">
+                        <v-btn class="WM-Outline-Btn WM-Border mr-2 WM-Margin-BT-0 WM-Border-Black" @click="download()" style="padding: 10px 30px;">
                             <v-icon class="black--text mr-2 caption">fas fa-share-square</v-icon>
                             <span class="black--text">EXPORT</span>
                         </v-btn>
@@ -297,7 +297,13 @@ export default {
                 const target = this.items.find(i => i.id === item.id)
                 if (target) target.status = newStatus
             }
-        }
+        },
+        async download() {
+            const result = await ApiService.get(urls.exportPackages());
+            if (result && result.status == 200) {
+                window.open(result.download, '_blank');
+            }
+        },
     },
     computed: {
         ...mapGetters("modal", ["getModalResult"])