From 681262c33edda1d6b20b5ce4da896f68f1194762 Mon Sep 17 00:00:00 2001
From: Gloomy <mmdrexos@gmail.com>
Date: Fri, 22 Aug 2025 09:08:47 +0000
Subject: [PATCH] update for Warranty plugin

---
 .../src/components/widgets/BarcodeScanner.vue | 328 ++++++++++--------
 webUI/src/views/acc/storeroom/io/sell.vue     |   4 +
 2 files changed, 184 insertions(+), 148 deletions(-)

diff --git a/webUI/src/components/widgets/BarcodeScanner.vue b/webUI/src/components/widgets/BarcodeScanner.vue
index 15fe254..29a6171 100644
--- a/webUI/src/components/widgets/BarcodeScanner.vue
+++ b/webUI/src/components/widgets/BarcodeScanner.vue
@@ -1,83 +1,77 @@
 <template>
     <v-dialog v-model="internalShow" max-width="500" persistent>
-      <v-card>
-        <v-toolbar color="primary" dark>
-          <v-toolbar-title>اسکن بارکد</v-toolbar-title>
-          <v-spacer></v-spacer>
-          <v-btn icon @click="close"><v-icon>mdi-close</v-icon></v-btn>
-        </v-toolbar>
-  
-        <v-card-text class="pa-0">
-          <div v-if="errorMessage" class="error-box">
-            <v-icon color="red" class="mr-2">mdi-alert-circle</v-icon>
-            {{ errorMessage }}
-            <div v-if="canRetry" class="mt-2">
-              <v-btn size="small" color="primary" @click="requestPermission">تلاش دوباره</v-btn>
-            </div>
-          </div>
-  
-          <div v-else class="scanner-container">
-            <div v-if="overlay" class="scanner-overlay">
-              <div class="scanner-line"></div>
-              <div class="scanner-corner top-left"></div>
-              <div class="scanner-corner top-right"></div>
-              <div class="scanner-corner bottom-left"></div>
-              <div class="scanner-corner bottom-right"></div>
-            </div>
-            <qrcode-stream
-              :camera="camera"
-              :torch="isFlashOn"
-              :formats="formats"
-              :track="overlay ? paintOutline : undefined"
-              @detect="onDetect"
-              @init="onInit"
-            />
-          </div>
-        </v-card-text>
-  
-        <v-card-actions class="pa-2" v-if="!errorMessage">
-          <v-btn @click="toggleFlash" :color="isFlashOn ? 'primary' : 'grey'">
-            <v-icon start>mdi-flash</v-icon> فلش
-          </v-btn>
-          <v-btn @click="toggleCamera" :disabled="availableCameras.length < 2">
-            <v-icon start>mdi-camera-flip</v-icon>
-            {{ isBackCamera ? 'عقب' : 'جلو' }}
-          </v-btn>
-          <v-spacer />
-          <v-btn color="primary" variant="tonal" @click="close">بستن</v-btn>
-        </v-card-actions>
-      </v-card>
+        <v-card>
+            <v-toolbar color="primary" dark>
+                <v-toolbar-title>اسکن بارکد</v-toolbar-title>
+                <v-spacer></v-spacer>
+                <v-btn icon @click="close"><v-icon>mdi-close</v-icon></v-btn>
+            </v-toolbar>
+
+            <v-card-text class="pa-0">
+                <div v-if="errorMessage" class="error-box">
+                    <v-icon color="red" class="mr-2">mdi-alert-circle</v-icon>
+                    {{ errorMessage }}
+                    <div v-if="canRetry" class="mt-2">
+                        <v-btn size="small" color="primary" @click="requestPermission">تلاش دوباره</v-btn>
+                    </div>
+                </div>
+
+                <div v-else class="scanner-container">
+                    <div v-if="overlay" class="scanner-overlay">
+                        <div class="scanner-line"></div>
+                        <div class="scanner-corner top-left"></div>
+                        <div class="scanner-corner top-right"></div>
+                        <div class="scanner-corner bottom-left"></div>
+                        <div class="scanner-corner bottom-right"></div>
+                    </div>
+                    <qrcode-stream :camera="camera" :torch="isFlashOn" :formats="formats"
+                        :track="overlay ? paintOutline : undefined" @detect="onDetect" @init="onInit" />
+                </div>
+            </v-card-text>
+
+            <v-card-actions class="pa-2" v-if="!errorMessage">
+                <v-btn @click="toggleFlash" :color="isFlashOn ? 'primary' : 'grey'">
+                    <v-icon start>mdi-flash</v-icon> فلش
+                </v-btn>
+                <v-btn @click="toggleCamera" :disabled="availableCameras.length < 2">
+                    <v-icon start>mdi-camera-flip</v-icon>
+                    {{ isBackCamera ? 'عقب' : 'جلو' }}
+                </v-btn>
+                <v-spacer />
+                <v-btn color="primary" variant="tonal" @click="close">بستن</v-btn>
+            </v-card-actions>
+        </v-card>
     </v-dialog>
-  </template>
-  
-  <script setup lang="ts">
-  import { ref, watch, onMounted } from 'vue'
-  import { QrcodeStream } from 'vue3-qrcode-reader'
-  
-  const props = defineProps({
+</template>
+
+<script setup lang="ts">
+import { ref, watch, onMounted } from 'vue'
+import { QrcodeStream } from 'vue3-qrcode-reader'
+
+const props = defineProps({
     modelValue: Boolean,
     formats: { type: Array as () => string[], default: () => ['QR_CODE', 'EAN_13', 'CODE_128'] },
     overlay: { type: Boolean, default: true }
-  })
-  const emit = defineEmits<{
+})
+const emit = defineEmits<{
     (e: 'update:modelValue', value: boolean): void
     (e: 'detected', barcode: string): void
     (e: 'error', error: Error): void
     (e: 'close'): void
-  }>()
-  
-  const internalShow = ref(props.modelValue)
-  watch(() => props.modelValue, val => internalShow.value = val)
-  watch(internalShow, val => emit('update:modelValue', val))
-  
-  const camera = ref<'auto' | 'off' | 'user' | 'environment'>('environment')
-  const isFlashOn = ref(false)
-  const availableCameras = ref<MediaDeviceInfo[]>([])
-  const isBackCamera = ref(true)
-  const errorMessage = ref('')
-  const canRetry = ref(false)
-  
-  const paintOutline = (location: any, ctx: CanvasRenderingContext2D) => {
+}>()
+
+const internalShow = ref(props.modelValue)
+watch(() => props.modelValue, val => internalShow.value = val)
+watch(internalShow, val => emit('update:modelValue', val))
+
+const camera = ref<'auto' | 'off' | 'user' | 'environment'>('environment')
+const isFlashOn = ref(false)
+const availableCameras = ref<MediaDeviceInfo[]>([])
+const isBackCamera = ref(true)
+const errorMessage = ref('')
+const canRetry = ref(false)
+
+const paintOutline = (location: any, ctx: CanvasRenderingContext2D) => {
     if (!location) return
     const { topLeftCorner, topRightCorner, bottomLeftCorner, bottomRightCorner } = location
     ctx.strokeStyle = '#00ff00'
@@ -89,82 +83,82 @@
     ctx.lineTo(bottomLeftCorner.x, bottomLeftCorner.y)
     ctx.closePath()
     ctx.stroke()
-  }
-  
-  const onInit = async (promise: Promise<void>) => {
+}
+
+const onInit = async (promise: Promise<void>) => {
     try {
-      await promise
-      errorMessage.value = ''
-      canRetry.value = false
+        await promise
+        errorMessage.value = ''
+        canRetry.value = false
     } catch (err: any) {
-      if (err.name === 'NotAllowedError' || err.message?.includes('permission')) {
-        errorMessage.value = 'برای استفاده از اسکنر لطفاً اجازه دسترسی به دوربین را بدهید.'
-        canRetry.value = true
-        emit('error', new Error(errorMessage.value))
-        return
-      }
-      if (err.name === 'NotFoundError' || err.message?.includes('camera') || err.message?.includes('device')) {
-        errorMessage.value = 'هیچ دوربینی در دستگاه شما یافت نشد.'
+        if (err.name === 'NotAllowedError' || err.message?.includes('permission')) {
+            errorMessage.value = 'برای استفاده از اسکنر لطفاً اجازه دسترسی به دوربین را بدهید.'
+            canRetry.value = true
+            emit('error', new Error(errorMessage.value))
+            return
+        }
+        if (err.name === 'NotFoundError' || err.message?.includes('camera') || err.message?.includes('device')) {
+            errorMessage.value = 'هیچ دوربینی در دستگاه شما یافت نشد.'
+            canRetry.value = false
+            emit('error', new Error(errorMessage.value))
+            return
+        }
+        errorMessage.value = 'خطا در راه‌اندازی دوربین: ' + (err.message || 'خطای نامشخص')
         canRetry.value = false
         emit('error', new Error(errorMessage.value))
-        return
-      }
-      errorMessage.value = 'خطا در راه‌اندازی دوربین: ' + (err.message || 'خطای نامشخص')
-      canRetry.value = false
-      emit('error', new Error(errorMessage.value))
     }
-  }
-  
-  const onDetect = (promise: Promise<any>) => {
+}
+
+const onDetect = (promise: Promise<any>) => {
     promise.then(result => {
-      if (result?.content) {
-        emit('detected', result.content)
-        close()
-      }
+        if (result?.content) {
+            emit('detected', result.content)
+            close()
+        }
     }).catch(err => {
-      console.error('Error decoding QR:', err)
+        console.error('Error decoding QR:', err)
     })
-  }
-  
-  const toggleFlash = () => isFlashOn.value = !isFlashOn.value
-  const toggleCamera = () => {
+}
+
+const toggleFlash = () => isFlashOn.value = !isFlashOn.value
+const toggleCamera = () => {
     camera.value = camera.value === 'environment' ? 'user' : 'environment'
     isBackCamera.value = camera.value === 'environment'
-  }
-  const requestPermission = async () => {
+}
+const requestPermission = async () => {
     try {
-      await navigator.mediaDevices.getUserMedia({ video: true })
-      errorMessage.value = ''
-      canRetry.value = false
+        await navigator.mediaDevices.getUserMedia({ video: true })
+        errorMessage.value = ''
+        canRetry.value = false
     } catch {
-      errorMessage.value = 'دسترسی به دوربین رد شد.'
-      canRetry.value = true
+        errorMessage.value = 'دسترسی به دوربین رد شد.'
+        canRetry.value = true
     }
-  }
-  const close = () => {
+}
+const close = () => {
     internalShow.value = false
     emit('close')
-  }
-  
-  onMounted(async () => {
+}
+
+onMounted(async () => {
     try {
-      const devices = await navigator.mediaDevices.enumerateDevices()
-      availableCameras.value = devices.filter(device => device.kind === 'videoinput')
-      if (availableCameras.value.length === 0) {
-        errorMessage.value = 'هیچ دوربینی در دستگاه شما یافت نشد.'
+        const devices = await navigator.mediaDevices.enumerateDevices()
+        availableCameras.value = devices.filter(device => device.kind === 'videoinput')
+        if (availableCameras.value.length === 0) {
+            errorMessage.value = 'هیچ دوربینی در دستگاه شما یافت نشد.'
+            canRetry.value = false
+            emit('error', new Error(errorMessage.value))
+        }
+    } catch {
+        errorMessage.value = 'خطا در بررسی دوربین‌های موجود.'
         canRetry.value = false
         emit('error', new Error(errorMessage.value))
-      }
-    } catch {
-      errorMessage.value = 'خطا در بررسی دوربین‌های موجود.'
-      canRetry.value = false
-      emit('error', new Error(errorMessage.value))
     }
-  })
-  </script>
-  
-  <style scoped>
-  .scanner-container {
+})
+</script>
+
+<style scoped>
+.scanner-container {
     width: 100%;
     height: 300px;
     background: #000;
@@ -174,13 +168,15 @@
     display: flex;
     align-items: center;
     justify-content: center;
-  }
-  .scanner-container video {
+}
+
+.scanner-container video {
     width: 100%;
     height: 100%;
     object-fit: cover;
-  }
-  .scanner-overlay {
+}
+
+.scanner-overlay {
     position: absolute;
     top: 0;
     left: 0;
@@ -188,8 +184,9 @@
     bottom: 0;
     z-index: 1;
     pointer-events: none;
-  }
-  .scanner-line {
+}
+
+.scanner-line {
     position: absolute;
     top: 50%;
     left: 0;
@@ -197,27 +194,62 @@
     height: 2px;
     background: #00ff00;
     animation: scan 2s linear infinite;
-  }
-  .scanner-corner {
+}
+
+.scanner-corner {
     position: absolute;
     width: 20px;
     height: 20px;
     border-color: #00ff00;
     border-style: solid;
     border-width: 0;
-  }
-  .scanner-corner.top-left { top: 20%; left: 20%; border-top-width: 4px; border-left-width: 4px; }
-  .scanner-corner.top-right { top: 20%; right: 20%; border-top-width: 4px; border-right-width: 4px; }
-  .scanner-corner.bottom-left { bottom: 20%; left: 20%; border-bottom-width: 4px; border-left-width: 4px; }
-  .scanner-corner.bottom-right { bottom: 20%; right: 20%; border-bottom-width: 4px; border-right-width: 4px; }
-  @keyframes scan {
-    0% { transform: translateY(-50px); }
-    50% { transform: translateY(50px); }
-    100% { transform: translateY(-50px); }
-  }
-  .error-box {
+}
+
+.scanner-corner.top-left {
+    top: 20%;
+    left: 20%;
+    border-top-width: 4px;
+    border-left-width: 4px;
+}
+
+.scanner-corner.top-right {
+    top: 20%;
+    right: 20%;
+    border-top-width: 4px;
+    border-right-width: 4px;
+}
+
+.scanner-corner.bottom-left {
+    bottom: 20%;
+    left: 20%;
+    border-bottom-width: 4px;
+    border-left-width: 4px;
+}
+
+.scanner-corner.bottom-right {
+    bottom: 20%;
+    right: 20%;
+    border-bottom-width: 4px;
+    border-right-width: 4px;
+}
+
+@keyframes scan {
+    0% {
+        transform: translateY(-50px);
+    }
+
+    50% {
+        transform: translateY(50px);
+    }
+
+    100% {
+        transform: translateY(-50px);
+    }
+}
+
+.error-box {
     padding: 16px;
     color: red;
     text-align: center;
-  }
-  </style>  
\ No newline at end of file
+}
+</style>
\ No newline at end of file
diff --git a/webUI/src/views/acc/storeroom/io/sell.vue b/webUI/src/views/acc/storeroom/io/sell.vue
index 4c80f6f..5d4c45e 100755
--- a/webUI/src/views/acc/storeroom/io/sell.vue
+++ b/webUI/src/views/acc/storeroom/io/sell.vue
@@ -343,6 +343,10 @@ const submit = async () => {
     const errors: string[] = []
     let totalCount = 0
 
+    items.value.forEach((row) => {
+      totalCount += Number(row.ticketCount || 0)
+    })
+
     if (totalCount === 0) errors.push('هیچ کالایی برای خروج انتخاب نشده است')
 
     if (errors.length) {