bfg-common 1.4.415 → 1.4.416

package/components/common/layout/theHeader/feedback/new/additionalDetails/AdditionalDetails.vue

@@ -103,6 +103,7 @@
           type="default"
           variant="outline"
           class="btn undo"
+          :disabled="isDisabledButton"
           @click="onUndoLast"
         >
           <ui-icon
@@ -121,6 +122,7 @@
         type="default"
         variant="outline"
         class="btn clear-all"
+        :disabled="isDisabledButton"
         @click="clearAll"
       >
         <ui-icon
@@ -208,13 +210,15 @@ const memoryParentModalDialog = ref<string>('')
 const memoryParentMain = ref<string>('')
 
 const drawingArray: any = []
-let indexArray = 0 // index of feedbackImg itself
+const indexArray = ref<number>(0) // index of feedbackImg itself
 let isDrawing = false
 let startDrawingX: number | null = null
 let startDrawingY: number | null = null
 let drawColor = ''
 let drawWidth = ''
 
+const isDisabledButton = computed<boolean>(() => indexArray.value === 0)
+
 const onTakeScreenshot = (): void => {
   optionsModel.value.hasTakeScreenshot = true
   const value = {
@@ -247,7 +251,7 @@ const onTakeScreenshot = (): void => {
       feedbackImg.value.height
     )
     drawingArray.length = 0
-    indexArray = 0
+    indexArray.value = 0
     drawingArray.push(
       context.getImageData(
         0,
@@ -276,7 +280,7 @@ const onUploadFile = (): void => {
       feedbackImg.value.height = img.height
       context.drawImage(img, 0, 0, img.width, img.height)
       drawingArray.length = 0
-      indexArray = 0
+      indexArray.value = 0
       drawingArray.push(
         context.getImageData(
           0,
@@ -357,7 +361,7 @@ const stop = (event: MouseEvent): void => {
         feedbackImg.value.height
       )
     )
-    indexArray += 1
+    indexArray.value += 1
   }
 }
 const onRemoveScreenshot = (): void => {
@@ -386,11 +390,11 @@ const clearAll = (): void => {
   const context = feedbackImg.value.getContext('2d')
   // drawColor = ''
   // drawWidth = ''
-  if (indexArray <= 0) return
-  while (indexArray > 0) {
+  if (indexArray.value <= 0) return
+  while (indexArray.value > 0) {
     drawingArray.pop()
-    indexArray -= 1
-    context.putImageData(drawingArray[indexArray], 0, 0)
+    indexArray.value -= 1
+    context.putImageData(drawingArray[indexArray.value], 0, 0)
   }
 }
 
@@ -407,10 +411,10 @@ const onUndoLast = (): void => {
   drawColor = ''
   drawWidth = ''
   const context = feedbackImg.value.getContext('2d')
-  if (indexArray > 0) {
-    indexArray -= 1
+  if (indexArray.value > 0) {
+    indexArray.value -= 1
     drawingArray.pop()
-    context.putImageData(drawingArray[indexArray], 0, 0)
+    context.putImageData(drawingArray[indexArray.value], 0, 0)
   }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.415",
+  "version": "1.4.416",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",