feat: Add preview on image field.

solop-develop · Nov 19, 2024 · a283be1 · a283be1
1 parent 5fc30cc
commit a283be1
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/ADempiere/FieldDefinition/FieldImage.vue b/src/components/ADempiere/FieldDefinition/FieldImage.vue
@@ -29,6 +29,7 @@
           class="image-file"
           :alt="altImage"
           :src="pathImage"
+          :preview-src-list="previewList"
           lazy
           fit="contain"
           style="text-align: center ; height: 100px"
@@ -291,6 +292,17 @@ export default {
     tableNameImage() {
       return this.currentTab.table_name.toLowerCase()
     },
+    previewList() {
+      const imageSource = this.imageSourceSmall
+      if (!isEmptyValue(imageSource)) {
+        return [imageSource]
+      }
+      const newSoruce = this.pathImage
+      if (!isEmptyValue(newSoruce)) {
+        return [newSoruce]
+      }
+      return []
+    },
     columnNameImage() {
       return this.metadata.columnName.toLowerCase()
     },