From fee688c183019aee360c3395795ff59b4e5246a6 Mon Sep 17 00:00:00 2001
From: "zeinab.ashrafi" <ashrafisokout@gmail.com>
Date: Sun, 4 May 2025 14:06:08 +0330
Subject: [PATCH] fix : style and display data

---
 resources/js/show/views/Item/ShowItem.vue     |  7 +--
 .../show/views/TestResult/ShowTestResult.vue  | 49 ++++++-------------
 2 files changed, 20 insertions(+), 36 deletions(-)

diff --git a/resources/js/show/views/Item/ShowItem.vue b/resources/js/show/views/Item/ShowItem.vue
index 01281454..b131b3f3 100644
--- a/resources/js/show/views/Item/ShowItem.vue
+++ b/resources/js/show/views/Item/ShowItem.vue
@@ -64,12 +64,12 @@
                         </div>
                     </v-flex>
                 </v-layout>
-                <v-layout align-left justify-left wrap class="my-3" v-if="data.files && data.files.length">
+                <v-layout align-left justify-left row wrap class="my-3" v-if="data.files && data.files.length">
                     <h3 class="CSSD-font">Image</h3>
                     <v-flex xs12>
                         <hr class="v-divider theme--light"/>
                     </v-flex>
-                    <v-layout row wrap class="">
+                    <v-layout row wrap class="mt-3">
                         <v-flex xs6 md2 sm2 v-for="(file, key) in data.files" :key="key">
                             <template v-if="file.file_type == 'document'">
                                 <a target="_blank" :href="'/'+file.thumbnail">
@@ -83,7 +83,8 @@
                         </v-flex>
                     </v-layout>
                 </v-layout>
-                <v-layout align-left justify-left wrap class="my-3">
+                <v-flex xs12></v-flex>
+                <v-layout align-left justify-left row wrap class="my-3">
                     <h3 class="ml-3 CSSD-font">Barcode And QRCode Image</h3>
                     <v-flex xs12>
                         <hr class="v-divider theme--light">
diff --git a/resources/js/show/views/TestResult/ShowTestResult.vue b/resources/js/show/views/TestResult/ShowTestResult.vue
index d75eeb85..015d4c9a 100644
--- a/resources/js/show/views/TestResult/ShowTestResult.vue
+++ b/resources/js/show/views/TestResult/ShowTestResult.vue
@@ -15,29 +15,24 @@
                             </span>
                         </div>
                     </v-flex>
-                    <v-flex xs12 md12 sm12>
-                        <div class>
-                            <span class="title CSSD-font">Result :</span>
-                            <span v-if="data.result === 'Reject'" class="NotVerified">
-                                <v-icon class="caption fa fa-times NotVerified"></v-icon>
-                            </span>
-                            <span v-if="data.result === 'Accept'" class="">
-                                <v-icon class="caption fa fa-check Verified"></v-icon>
-                            </span>
-                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
+
+                    <v-flex xs12 sm12 class="py-1">
+                        <span class="subtitle-1">Result :</span>
+                        <v-icon size="20"
+                                :class="['caption fa ml-2', data.result == 'Reject'?'NotVerified':( data.result == 'Accept'?'Verified':'')]">
+                            {{ data.result == 'Reject' ? 'fa-times' : (data.result == 'Accept' ? 'fa-check' : '') }}
+                        </v-icon>
+                        <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
                                 {{ data.result }}
                             </span>
-                        </div>
                     </v-flex>
                     <v-flex xs12 md12 sm12>
                         <div class>
                             <span class="title CSSD-font">verify :</span>
-                            <span v-if="data.verified === 'NotVerified'" class="NotVerified">
-                                <v-icon class="caption fa fa-times NotVerified"></v-icon>
-                            </span>
-                            <span v-if="data.verified === 'Verified'" class="">
-                                <v-icon class="caption fa fa-check Verified"></v-icon>
-                            </span>
+                            <v-icon size="20"
+                                    :class="['caption fa ml-2', data.verified == 'NotVerified'?'NotVerified':(data.verified == 'Verified'? 'Verified' : '')]">
+                                {{ data.verified == 'NotVerified' ? 'fa-times' :(data.verified == 'Verified' ? 'fa-check':'') }}
+                            </v-icon>
                             <span class="headline ml-1" style="letter-spacing:0 !important">
                                 {{ data.verified }}
                             </span>
@@ -192,7 +187,7 @@ export default {
     },
     computed: {
         imagesOnly() {
-            return this.data.files && this.data.files.length? this.data.files.filter(file => file.file_type !== 'document') : [];
+            return this.data.files && this.data.files.length ? this.data.files.filter(file => file.file_type !== 'document') : [];
         },
     },
     methods: {
@@ -221,11 +216,8 @@ export default {
 
             // Get all stylesheets HTML
             let stylesHtml = "";
-            for (const node of [
-                ...document.querySelectorAll('link[rel="stylesheet"], style')
-            ]) {
-                stylesHtml += node.outerHTML;
-            }
+            for (const node of [...document.querySelectorAll('link[rel="stylesheet"], style')])
+            {stylesHtml += node.outerHTML;}
 
             // Open the print window
             const WinPrint = window.open(
@@ -234,16 +226,7 @@ export default {
                 "left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0"
             );
 
-            WinPrint.document.write(`<!DOCTYPE html>
-            <html>
-            <head>
-                ${stylesHtml}
-            </head>
-            <body>
-                ${prtHtml}
-            </body>
-            </html>`);
-
+            WinPrint.document.write(`<!DOCTYPE html><html><head>${stylesHtml} </head><body>${prtHtml} </body></html>`);
             WinPrint.document.close();
             WinPrint.focus();
             WinPrint.print();