From 94d1bda083100df5434d239ea97277eff2be19f5 Mon Sep 17 00:00:00 2001
From: Fayyazi <fatemefyz20@gmail.com>
Date: Sun, 24 Nov 2019 09:27:24 +0330
Subject: [PATCH] update show label

---
 .../js/vue/components/modal/label/Show.vue    | 52 ++++++++++---------
 resources/js/vue/views/Auth/Login.vue         |  4 +-
 2 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/resources/js/vue/components/modal/label/Show.vue b/resources/js/vue/components/modal/label/Show.vue
index c39952b5..b9dda476 100644
--- a/resources/js/vue/components/modal/label/Show.vue
+++ b/resources/js/vue/components/modal/label/Show.vue
@@ -2,81 +2,85 @@
 <template>
     <v-container grid-list-xs>
         <material-card color="black" title="Show Label">
-            <v-layout  align-left justify-left wrap class="px-5 my-3">
+            <v-layout  align-left justify-left wrap class="px-2 my-3">
                 <h3 class="ml-3">Info</h3>
                 <v-flex xs12>
                     <hr class="v-divider theme--light">
                 </v-flex>
-                <v-layout id="printMe" row wrap class="ml-4">
+                <v-layout id="printMe">
+
+                  <v-flex xs10 md12 sm12>
+                    <v-layout row wrap class="ml-4">
                     <v-flex xs12 md12 sm12>
                         <div class="WM-d-flex">
                             <span class="title">Lot Number :</span>
                             <span class="headline ml-2" style="letter-spacing:0 !important">{{ data.lot_number }}</span>
                         </div>
                     </v-flex>
-                    <v-flex xs12 md6 sm6>
+                    <v-flex xs6 md7 sm7>
                         <div class="">
                             <!-- <v-icon class="WMi-location"></v-icon> -->
                             <span class="headline ml-1" style="letter-spacing:0 !important">{{ (data.user && data.user.medical_center) ? data.user.medical_center.name : "" }}</span>
                         </div>
                     </v-flex>
-                    <v-flex xs12 md6 sm6>
+                    <v-flex xs6 md5 sm5>
                         <div class="WM-d-flex">
                             <v-icon class="WMi-Industry"></v-icon>
                             <span class="headline ml-2" style="letter-spacing:0 !important">{{ data.sterile_date }}</span>
                         </div>
                     </v-flex>
-                    <v-flex xs12 md6 sm6>
+                    <v-flex xs6 md7 sm7>
                         <div class="WM-d-flex">
                             <v-icon class="WMi-user"></v-icon>
                             <span class="headline ml-2" style="letter-spacing:0 !important">{{ (typeof data.user != 'undefined') ? data.user.name : '' }}</span>
                         </div>
                     </v-flex>
-                    <v-flex xs12 md6 sm6>
+                    <v-flex xs6 md5 sm5>
                         <div class="WM-d-flex">
                             <v-icon class="WMi-hourglass"></v-icon>
                             <span class="headline ml-2" style="letter-spacing:0 !important">{{ data.expire_date }}</span>
                         </div>
                     </v-flex>
-                    <v-flex xs12 md12 sm12>
+                    <v-flex xs6 md7 sm7>
                         <div class>
                             <span class="title">Sterilizer ID :</span>
                             <span class="headline ml-1" style="letter-spacing:0 !important">{{ data.sterilizer_id}}</span>
                         </div>
                     </v-flex>
-                    <v-flex xs12 md6 sm6>
+                    <v-flex xs6 md5 sm5>
                         <div class>
                             <span class="title">Cycle No :</span>
                             <span class="headline ml-2" style="letter-spacing:0 !important">{{ data.cycle_number }}</span>
                         </div>
                     </v-flex>
-                    <v-flex xs12 md6 sm6>
-                        <div class>
-                            <v-flex xs12 md6 sm6 v-if="QRCodeimg">
-                                <img :src="QRCodeimg">
-                            </v-flex>
-                        </div>
-                    </v-flex>
-
-
-                    <v-flex xs12 md12 sm12>
-                        <div class>
-                            <v-layout row wrap align-center justify-center class="ml-4" style="text-align:center;margin-top:50px">
-                                <v-flex xs12 md12 sm12 v-if="barcodeimg">
+                    <!-- text-align:center;margin-top:50px ml-4 -->
+                    <v-flex xs6 md7 sm7>
+                        <div class="mt-5">
+                            <v-layout row wrap class="" style="">
+                                <v-flex xs6 md12 sm12 v-if="barcodeimg">
                                     <img :src="barcodeimg"><br />
                                     <span>{{data.id}}</span>
                                 </v-flex>
                             </v-layout>
                         </div>
                     </v-flex>
+                    <v-flex xs6 md5 sm5>
+                        <div class="mt-5">
+                            <v-flex xs6 md6 sm6 v-if="QRCodeimg">
+                                <img :src="QRCodeimg">
+                            </v-flex>
+                        </div>
+                    </v-flex>
+                    </v-layout>
+                  </v-flex>
                 </v-layout>
             </v-layout>
-            <v-layout align-left justify-left wrap class="px-5 my-3">
+            <v-layout align-left justify-left wrap class="px-2 my-3">
                 <h3 class="ml-3">Package</h3>
                 <v-flex xs12>
                     <hr class="v-divider theme--light">
                 </v-flex>
-                <v-layout row wrap class="ml-4">
+                <v-layout row wrap class="mx-3">
                     <template>
                       <v-expansion-panel class="WM-Panel">
                         <v-expansion-panel-content>
@@ -107,7 +111,7 @@
                 </v-layout>
             </v-layout>
 
-            <v-layout row wrap align-center justify-center>
+            <v-layout row wrap align-center justify-center style="margin-left: -15%;">
                 <v-flex class xs12 md2 sm2 @click="print" >
                     <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
                         <v-icon class="white--text mr-2 caption">fas fa-print</v-icon>
diff --git a/resources/js/vue/views/Auth/Login.vue b/resources/js/vue/views/Auth/Login.vue
index 60ca0ba1..fab6384c 100644
--- a/resources/js/vue/views/Auth/Login.vue
+++ b/resources/js/vue/views/Auth/Login.vue
@@ -82,9 +82,9 @@ export default {
       ]),
       async handleSubmit() {
           // Perform a simple validation that cell_number and password have been typed in
-        if (this.$refs.form.validate()) { 
+        if (this.$refs.form.validate()) {
           const response = await this.login({cell_number: this.cell_number, password: this.password});
-          
+
           if (!response.status || response.status !== 200) {
             this.password = "";
           }