@eqproject/eqp-dynamic-module 2.4.7 → 2.4.9

package/fesm2020/eqproject-eqp-dynamic-module.mjs

@@ -3095,6 +3095,7 @@ class ImageFieldTemplateComponent {
         this.dialogImageDrawingRef = this.dialog.open(this.dialogImageDrawing, {
             disableClose: true,
             hasBackdrop: true,
+            panelClass: 'image-modal',
             width: '75%'
         });
         if (this.AttachmentID != null && Number(this.AttachmentID) > 0) {
@@ -3818,6 +3819,7 @@ class ImageWithMarkersFieldTemplateComponent {
         this.dialogImageMarkingRef = this.dialog.open(this.dialogImageMarking, {
             disableClose: true,
             hasBackdrop: true,
+            panelClass: 'image-modal',
             width: '75%'
         });
         if (this.AttachmentID != null && Number(this.AttachmentID) > 0) {
@@ -8695,7 +8697,9 @@ class AddFormFieldComponent {
                     attachment.ImageWidthPx = img.width;
                     attachment.ImageHeightPx = img.height;
                     attachment.AttachmentFieldType = AttachmentFieldTypeEnum.ELENCO_IMMAGINI;
-                    self.imageSelectorAttachments.reloadData();
+                    if (self.imageSelectorAttachments) {
+                        self.imageSelectorAttachments.reloadData();
+                    }
                 });
             }
         });
@@ -8954,6 +8958,10 @@ class AddFormFieldComponent {
      */
     saveAndExitAddField(save) {
         this.setResizedImagesHeightPx();
+        this.setFieldOrdinalPosition();
+        if (this.imageSelectorAttachments) {
+            this.imageSelectorAttachments.reloadData();
+        }
         if (save) {
             // retrocompatibilità con valuepairs per Elenco Generico
             if (this.field.FieldType == FieldTypeEnum["Elenco generico"]) {
@@ -9023,6 +9031,18 @@ class AddFormFieldComponent {
             key: 'action', display: '', type: TypeColumn.MenuAction, buttonMenuIcon: 'more_vert', styles: { flex: '0 0 6%' },
             actions: [
                 { name: 'Elimina', icon: 'delete', fn: (element, index, col) => this.deleteListImage(element, index, col) },
+                {
+                    name: "Sposta su",
+                    icon: "arrow_upward",
+                    fn: (element, index, col) => this.moveElement(element, true),
+                    disabled: (element) => this.field.AttachmentList.indexOf(element) === 0,
+                },
+                {
+                    name: "Sposta giù",
+                    icon: "arrow_downward",
+                    fn: (element, index, col) => this.moveElement(element, false),
+                    disabled: (element) => this.field.AttachmentList.indexOf(element) >= this.field.AttachmentList.length - 1,
+                },
             ]
         });
         this.configColumnListImages.push({
@@ -9052,13 +9072,32 @@ class AddFormFieldComponent {
             display: "Altezza"
         });
     }
+    moveElement(element, moveUp) {
+        const startingIndex = this.field.AttachmentList.indexOf(element);
+        const endingIndex = startingIndex + (moveUp ? -1 : 1);
+        this.field.AttachmentList.splice(startingIndex, 1);
+        this.field.AttachmentList.splice(endingIndex, 0, element);
+        this.setFieldOrdinalPosition();
+        if (this.imageSelectorAttachments) {
+            this.imageSelectorAttachments.reloadData();
+        }
+    }
+    setFieldOrdinalPosition() {
+        if (this.field.AttachmentList) {
+            this.field.AttachmentList.forEach((field) => {
+                field.OrdinalPosition = this.field.AttachmentList.indexOf(field);
+            });
+        }
+    }
     setResizedImagesHeightPx() {
         this.resizedImagesHeightPx = this.field.ResizedImagesHeightPx;
     }
     deleteListImage(el, i, col) {
         EqpDynamicModuleDialogService.Confirm('Eliminare questa immagine?', () => {
             this.field.AttachmentList.splice(el.originalIndex, 1);
-            this.imageSelectorAttachments.reloadData();
+            if (this.imageSelectorAttachments) {
+                this.imageSelectorAttachments.reloadData();
+            }
         }, false, 'Richiesta conferma');
     }
     deleteImage(el) {