@eqproject/eqp-attachments 0.1.14 → 2.0.0

package/fesm2015/eqproject-eqp-attachments.js

@@ -1,1117 +0,0 @@
-import { __decorate, __awaiter } from 'tslib';
-import { ɵɵdefineInjectable, Injectable, EventEmitter, ChangeDetectorRef, Input, Output, ViewChild, Component, NgModule } from '@angular/core';
-import { Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { base64ToFile, ImageCropperComponent, ImageCropperModule } from 'ngx-image-cropper';
-import imageCompression from 'browser-image-compression';
-import { TooltipPositionType, TypeColumn, EqpTableModule } from '@eqproject/eqp-table';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import Swal from 'sweetalert2';
-import { DomSanitizer } from '@angular/platform-browser';
-import { HttpClient } from '@angular/common/http';
-import { CommonModule } from '@angular/common';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatButtonModule } from '@angular/material/button';
-import { MatInputModule } from '@angular/material/input';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSliderModule } from '@angular/material/slider';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatListModule } from '@angular/material/list';
-import { MatGridListModule } from '@angular/material/grid-list';
-import { MatCardModule } from '@angular/material/card';
-import { MatStepperModule } from '@angular/material/stepper';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatIconModule } from '@angular/material/icon';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatTableModule } from '@angular/material/table';
-import { MatSortModule } from '@angular/material/sort';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatNativeDateModule } from '@angular/material/core';
-
-var AttachmentType;
-(function (AttachmentType) {
-    AttachmentType[AttachmentType["FILE"] = 1] = "FILE";
-    AttachmentType[AttachmentType["LINK"] = 2] = "LINK";
-})(AttachmentType || (AttachmentType = {}));
-
-let AttachmentHelperService = class AttachmentHelperService {
-    constructor() {
-    }
-    /**
-    * Restituisce TRUE se il mime type passato nel parametro corrisponde ad un mime type di un'immagine
-    * @param mimeType Mime Type da verificare
-    */
-    static checkImageFromMimeType(mimeType) {
-        return this.imageMimeTypes.find(s => s == mimeType) != null;
-    }
-    /**
-    * In base all'estensione passata come parametro, restituisce la FontAwesome corretta da utilizzare.
-    * Se l'estensione non viene trovata nella costante riportata dentro common.model.ts restituisce un icona standard
-    * @param extension Estensione del file per cui restituire l'icona corretta
-    */
-    static getIconFromFileExtensione(extension) {
-        let fileIcon = this.fileExtensionIcon[extension];
-        return (fileIcon !== null && fileIcon !== void 0 ? fileIcon : "fas fa-file");
-    }
-};
-AttachmentHelperService.imageMimeTypes = ["image/bmp", "image/gif", "image/jpeg", "image/tiff", "image/png"];
-AttachmentHelperService.fileExtensionIcon = {
-    "txt": "fas fa-file-text",
-    "pdf": "fas fa-file-pdf",
-    "doc": "fas fa-file-word",
-    "docx": "fas fa-file-word",
-    "xls": "fas fa-file-excel",
-    "xlsx": "fas fa-file-excel",
-    "jpg": "fas fa-file-image",
-    "jpeg": "fas fa-file-image",
-    "png": "fas fa-file-image",
-    "bmp": "fas fa-file-image",
-    "mkv": "fas fa-file-video",
-    "flv": "fas fa-file-video",
-    "gif": "fas fa-file-video",
-    "gifv": "fas fa-file-video",
-    "avi": "fas fa-file-video",
-    "wmv": "fas fa-file-video",
-    "mp4": "fas fa-file-video",
-    "m4p": "fas fa-file-video",
-    "m4v": "fas fa-file-video",
-    "mpg": "fas fa-file-video",
-    "mp2": "fas fa-file-video",
-    "mpeg": "fas fa-file-video",
-    "mpe": "fas fa-file-video",
-    "mpv": "fas fa-file-video",
-    "m2v": "fas fa-file-video",
-    "3gp": "fas fa-file-video",
-    "3g2": "fas fa-file-video",
-    "mp3": "fas fa-file-audio",
-};
-AttachmentHelperService.ɵprov = ɵɵdefineInjectable({ factory: function AttachmentHelperService_Factory() { return new AttachmentHelperService(); }, token: AttachmentHelperService, providedIn: "root" });
-AttachmentHelperService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], AttachmentHelperService);
-
-let EqpAttachmentDialogService = class EqpAttachmentDialogService {
-    constructor() {
-    }
-    /**
-     * Mostra uno sweet alert di tipo ERROR con il messaggio passato come parametro.
-     * @param message Messaggio d'errore da mostrare nello sweetalert
-     * @param title Titolo dello sweetalert (di default mostra 'Errore')
-     */
-    static Error(message, title = null) {
-        let currentTitle = title != null ? title : 'Errore';
-        if (Array.isArray(message)) {
-            currentTitle = title != null ? title : 'Errore';
-            let htmlErrors = message.join("<br>");
-            Swal.fire({
-                title: currentTitle,
-                html: htmlErrors,
-                icon: 'error'
-            });
-        }
-        else {
-            Swal.fire(currentTitle, message, 'error');
-        }
-    }
-    /**
-     * Mostra uno sweetalert di tipo CONFIRM con il messaggio passato come parametro e se viene premuto
-     * CONFERMA lancia la funzione di callback passata come parametro
-     * @param message Messaggio da mostrare nello sweetalert
-     * @param title Titolo dello sweetalert (di default mostra 'Info')
-     */
-    static Confirm(message, confirmCallback, isWarning = false, title = null, customWidth = null) {
-        let currentTitle = title != null ? title : 'Sei sicuro di voler procedere?';
-        if (Array.isArray(message)) {
-            let htmlErrors = message.join("<br>");
-            Swal.fire({
-                title: currentTitle,
-                html: htmlErrors,
-                width: customWidth ? customWidth : '32rem',
-                icon: !isWarning ? 'question' : 'warning',
-                showCancelButton: true,
-                allowOutsideClick: false,
-                allowEscapeKey: false
-            }).then((result) => {
-                if (result.value && confirmCallback) {
-                    confirmCallback();
-                }
-            });
-        }
-        else {
-            Swal.fire({
-                title: currentTitle,
-                text: message,
-                width: customWidth ? customWidth : '32rem',
-                icon: !isWarning ? 'question' : 'warning',
-                showCancelButton: true,
-                allowOutsideClick: false,
-                allowEscapeKey: false
-            }).then((result) => {
-                if (result.value && confirmCallback) {
-                    confirmCallback();
-                }
-            });
-        }
-    }
-    /**
-     * Mostra uno sweetalert di tipo INFO con il messaggio passato come parametro
-     * @param message Messaggio da mostrare nello sweetalert
-     * @param title Titolo dello sweetalert (di default mostra 'Info')
-     */
-    static Info(message, title = null, isToast = null) {
-        let currentTitle = title != null ? title : "Informazione:";
-        Swal.fire(currentTitle, message, 'info');
-    }
-    /**
-     * Mostra uno sweetalert di tipo WARNING con il messaggio passato come parametro
-     * @param message Messaggio da mostrare nello sweetalert
-     * @param title Titolo dello sweetalert (di default mostra 'Attenzione!')
-     */
-    static Warning(message, title = null, isToast = null) {
-        let currentTitle = title != null ? title : "Attenzione!";
-        if (Array.isArray(message)) {
-            let htmlWarnings = message.join("<br>");
-            Swal.fire({
-                title: currentTitle,
-                html: htmlWarnings,
-                icon: 'warning'
-            });
-        }
-        else {
-            Swal.fire(currentTitle, message, 'warning');
-        }
-    }
-};
-EqpAttachmentDialogService.ɵprov = ɵɵdefineInjectable({ factory: function EqpAttachmentDialogService_Factory() { return new EqpAttachmentDialogService(); }, token: EqpAttachmentDialogService, providedIn: "root" });
-EqpAttachmentDialogService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], EqpAttachmentDialogService);
-
-const toBase64 = file => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = () => resolve(reader.result.toString());
-    reader.onerror = error => reject(error);
-});
-const ɵ0 = toBase64;
-let EqpAttachmentsComponent = class EqpAttachmentsComponent {
-    constructor(dialog, formBuilder, sanitizer, http, cd) {
-        this.dialog = dialog;
-        this.formBuilder = formBuilder;
-        this.sanitizer = sanitizer;
-        this.http = http;
-        this.cd = cd;
-        //#region @Input del componente
-        /**
-         * Se TRUE allora nasconde la colonna per le azioni sull'allegato (nel caso "multipleAttachment" è TRUE).
-         */
-        this.disableAction = false;
-        /**
-         * Se TRUE mostra il titolo nell'header nel caso in cui "multipleAttachment" è TRUE ("Elenco allegati" di default).
-         */
-        this.showHeader = true;
-        /**
-         * Titolo da visualizzare se il parametro "showHeader" è TRUE. Di devault viene visualizzato "Elenco allegati".
-         */
-        this.headerTitle = "Elenco allegati";
-        /**
-         * Sorgente dati da visualizzare. Nel caso si vuole gestire un singolo allegato va passato in ogni caso come Array.
-         */
-        this.attachmentsList = null;
-        /**
-         * Se TRUE non mostra la MatCard (nel caso in cui "multipleAttachment" è TRUE).
-         */
-        this.showMatCard = true;
-        /**
-         * Se FALSE allora il componente mostra solo il pulsante di caricamento di un singolo file, una volta caricato il file invoca l'evento di output "localEditedAttachments".
-         * Se TRUE allora il componente mostra l'elenco di tutti gli allegati ricevuto nel parametro "attachmentsList".
-         */
-        this.multipleAttachment = true;
-        /**
-         * Se assume il valore TRUE allora sarà possibile caricare più file per volta. Questa funzionalità è attiva
-         * SOLO se si gestiscono allegati multipli, quindi se l'input 'multipleAttachment' assume il valore TRUE, altrimenti è sempre disabilitata.
-         */
-        this.loadMultipleFiles = false;
-        /**
-         * Configurazione delle colonne della eqp-table per la visualizzazione degli allegati (caso "multipleAttachment" è TRUE).
-         */
-        this.attachmentsColumns = null;
-        /**
-         * Imposta il messaggio da visualizzare nel caso in cui la tabella degli allegati (nel caso in cui "multipleAttachment" è TRUE) è vuota.
-         */
-        this.emptyTableMessage = "Nessun dato trovato";
-        /**
-         * Se TRUE allora permette di selezionare soltanto file di tipo immagine, avente uno dei mimetype
-         * specificati dentro AttachmentHelperService.
-         * Se FALSE permette di selezionare qualsiasi tipo di file
-         */
-        this.allowOnlyImages = false;
-        /**
-         * Se TRUE disabilita il pulsante di Aggiunta allegato (a prescindere dal valore del parametro "multipleAttachment").
-         */
-        this.isDisabled = false;
-        /**
-         * Mostra/nasconde la colonna per visualizzare l'anteprima dei file nella tabella (caso multipleAtatchments = true).
-         */
-        this.showInlinePreview = false;
-        /**
-         * Endpoint da chiamare per recueprare l'IAttachmentDTO completo da vedere nell'anteprima. La chiamata sarà in POST e nel body
-         * conterrà l'IAttachmentDTO selezionato dall'utente.
-         * La chiamata viene eseguita solo per l'anteprima delle immagini essendo necessario il base64 completo dell'immagine a dimensione reale.
-         * Per documenti/link basta che sia popolata la proprietà FilePath di IAttachmentDTO.
-         */
-        this.getAttachmentEndpoint = null;
-        /**
-         * Hostname dell'ambiente di produzione dell'applicativo. Necessario per visualizzare l'anteprima dei documenti
-         * tramite il viewer di google.
-         * NOTA: Per visualizzare l'anteprima è necessario che la prorietà FilePath dell'IAttachmentDTO sia popolata e che
-         * sia abilitato l'accesso alla cartella sul server tramite hostname.
-         */
-        this.productionBaseUrl = null;
-        /**
-         * Opzioni per la compressione delle immagini caricate.
-         */
-        this.compressionOptions = { maxSizeMB: 0.5, maxWidthOrHeight: 1920, useWebWorker: true };
-        /**
-         * Array di AttachmentType che si possono aggiungere
-         */
-        this.allowedTypes = [AttachmentType.FILE, AttachmentType.LINK];
-        /**
-         * Booleano per impostare la eqp-table nella modalità multilingua
-         */
-        this.isEqpTableMultiLanguage = false;
-        /**
-         * Input per definire le label da usare nel componente
-         */
-        this.downloadTooltipPosition = TooltipPositionType.Below;
-        this.openLinkLabel = "Apri link";
-        this.addButtonLabel = "Aggiungi";
-        this.downloadLabel = "Download";
-        this.deleteLabel = "Elimina";
-        this.fileNameLabel = "Nome file";
-        this.previewLabel = "Anteprima";
-        this.uploadFileLabel = "Carica file";
-        this.confirmLabel = "Conferma";
-        this.abortLabel = "Annulla";
-        this.saveLabel = "Salva";
-        this.exitLabel = "Esci";
-        this.eqpTableSearchText = "Cerca";
-        this.deleteDialogTitle = null;
-        this.deleteDialogMessage = "Sei sicuro di voler cancellare quest'allegato?";
-        this.noImageSelectedErrorMessage = "Non è possibile selezionare un file che non sia un'immagine.";
-        this.wrongTypeSelectedErrorMessage = "Non è possibile caricare il file selezionato.";
-        this.videoPreviewErrorMessage = "Impossibile aprire l'anteprima di un file video.";
-        this.audioPreviewErrorMessage = "Impossibile aprire l'anteprima di un file audio.";
-        //#endregion
-        //#region @Output del componente
-        /**
-         * Restituisce la lista aggiornata degli allegati.
-         */
-        this.localEditedAttachments = new EventEmitter();
-        /**
-         * Evento scatenato alla pressione del pulsante ESCI della modale di caricamento file.
-         */
-        this.abortAddAttachment = new EventEmitter();
-        /**
-         * Evento di output che restituisce l'IAttachmentDTO selezionato per il download nel caso FileDataBase64, FileContentType o FileName non fossero specificati.
-         */
-        this.downloadAttachment = new EventEmitter();
-        /**
-         * Evento di output che restituisce l'elemento eliminato prima che questo venga effettivamente rismosso dalla lista.
-         */
-        this.onDeleteAttachment = new EventEmitter();
-        //#endregion
-        //#region Proprietà per gestione caricamento nuovo allegato
-        this.newAttachment = {};
-        this.newMultipleAttachments = [];
-        this.attachmentType = AttachmentType;
-        this.selectedFile = null;
-        this.selectedFiles = null;
-        this.showCropImage = false;
-        //#endregion
-        //#region Proprietà per gestione ridimensionamento file di tipo image
-        this.imageChangedEvent = '';
-        this.croppedImage = '';
-        this.transform = {};
-        //#endregion
-        this.AttachmentType = AttachmentType;
-    }
-    ngOnInit() {
-        //Se è stata richiesta la gestione delle sole immagini allora imposta il filtro per le estensioni possibili da caricare
-        if (!this.acceptedFileTypes)
-            if (this.allowOnlyImages == true)
-                this.acceptedFileTypes = "image/*";
-            else
-                this.acceptedFileTypes = "*";
-        // Se non sono stati specificati i tipi da gestire ma è stato passato null o un array vuoto imposto i tipi di default.
-        if (!this.allowedTypes || this.allowedTypes.length == 0)
-            this.allowedTypes = [AttachmentType.FILE, AttachmentType.LINK];
-        else if (this.allowedTypes.find(t => t != AttachmentType.FILE && t != AttachmentType.LINK)) {
-            EqpAttachmentDialogService.Warning("Almeno uno degli AttachmentType selezionati nel parametro \"allowedTypes\" non esiste.");
-            this.allowedTypes = [AttachmentType.FILE, AttachmentType.LINK];
-        }
-        //Se è stata richiesta la gestione multipla degli allegati allora configura l'eqp-table
-        if (this.multipleAttachment == true && (!this.attachmentsColumns || this.attachmentsColumns.length == 0)) {
-            this.configureColumns();
-        }
-        if (this.attachmentsList == null)
-            this.attachmentsList = new Array();
-        this.checkAttachmentImage();
-    }
-    reloadData() {
-        if (this.attachmentTable)
-            this.attachmentTable.reloadDatatable();
-    }
-    checkAttachmentImage() {
-        this.attachmentsList.forEach(a => {
-            a.IsImage = AttachmentHelperService.checkImageFromMimeType(a.FileContentType);
-        });
-    }
-    //#region Gestione elenco allegati
-    /**
-     * Configura le colonne per l'eqp-table nel caso in cui il parametro "multipleAttachments" è TRUE.
-     */
-    configureColumns() {
-        this.attachmentsColumns = [];
-        if (this.disableAction != true) {
-            this.attachmentsColumns.push({
-                key: "action", display: "",
-                type: TypeColumn.MenuAction, buttonMenuIcon: "more_vert", styles: { flex: "0 0 6%" },
-                actions: [
-                    { name: this.deleteLabel, icon: "delete", fn: (element, index, col) => this.deleteAttachment(element) },
-                ],
-            });
-        }
-        let downloadColumn = {
-            key: "attachment", display: "",
-            type: TypeColumn.SimpleAction, styles: { flex: "0 0 6%" },
-            actions: [
-                {
-                    name: '', fontawesome: true,
-                    icon: (element) => { return this.showInlinePreview ? (element.AttachmentType == AttachmentType.FILE ? "fas fa-cloud-download-alt" : "fas fa-external-link-alt") : this.getAttachmentIcon(element); },
-                    fn: (element, col, elementIndex) => this.viewAttachment(element),
-                    tooltip: { tooltipText: (element) => { return element.AttachmentType == AttachmentType.FILE ? this.downloadLabel : this.openLinkLabel; }, tooltipPosition: this.downloadTooltipPosition }
-                },
-            ]
-        };
-        let inlinePreviewColumn = {
-            key: "InlinePreview", display: this.previewLabel,
-            type: TypeColumn.ExternalTemplate,
-            externalTemplate: this.inlinePreviewTemplate,
-            styles: { flex: "0 0 10%" }
-        };
-        let fileNameColumn = { key: "FileName", display: this.fileNameLabel };
-        if (this.showInlinePreview) {
-            this.attachmentsColumns.push(inlinePreviewColumn);
-            this.attachmentsColumns.push(fileNameColumn);
-            this.attachmentsColumns.push(downloadColumn);
-        }
-        else {
-            this.attachmentsColumns.push(downloadColumn);
-            this.attachmentsColumns.push(fileNameColumn);
-        }
-    }
-    /**
-     * Elimina un allegato eliminando anche il file presente nello storage di archiviazione utilizzato (AWS o cartella progetto)
-     * @param element IAttachmentDTO da cancellare
-     */
-    deleteAttachment(element) {
-        EqpAttachmentDialogService.Confirm(this.deleteDialogMessage, () => {
-            this.removeAttachmentFromList(this.attachmentsList.indexOf(element));
-        }, true, this.deleteDialogTitle);
-    }
-    /**
-     * Rimuove l'allegato selezionato dalla lista "attachmentsList" e invoca l'evento di output che restituisce la lista aggiornata.
-     * @param attachmentIndex Indice dell'attachment da rimuovere
-     */
-    removeAttachmentFromList(attachmentIndex) {
-        this.onDeleteAttachment.emit(this.attachmentsList[attachmentIndex]);
-        this.attachmentsList.splice(attachmentIndex, 1);
-        if (this.attachmentTable)
-            this.attachmentTable.reloadDatatable();
-        this.localEditedAttachments.emit(this.attachmentsList);
-    }
-    /**
-     * Scarica l'allegato o apre il link
-     * @param element Allegato da mostrare
-     */
-    viewAttachment(attachment) {
-        if (attachment.AttachmentType == AttachmentType.LINK) {
-            window.open(attachment.FilePath, '_blank');
-            return;
-        }
-        if (attachment.FileDataBase64 && attachment.FileContentType && attachment.FileName) {
-            let source = `data:${attachment.FileContentType};base64,${attachment.FileDataBase64}`;
-            const link = document.createElement("a");
-            link.href = source;
-            link.download = `${attachment.FileName}`;
-            link.click();
-        }
-        else {
-            this.downloadAttachment.emit(attachment);
-        }
-    }
-    /**
-     * Ridefinisce l'icona da mostrare nella colonna dell'eqp-table per ogni file.
-     * L'icona varia in base all'estensione del file
-     * @param attachment
-     */
-    getAttachmentIcon(attachment) {
-        if (attachment.AttachmentType == AttachmentType.LINK)
-            return "fas fa-link";
-        else
-            return AttachmentHelperService.getIconFromFileExtensione(attachment.FileExtension);
-    }
-    //#endregion
-    /**
-     * Apre la modale per la definizione dei parametri del nuovo file
-     */
-    openModalAddAttachment(attachmentType) {
-        //Se è stato richiesto il caricamento di un LINK o è impostato il caricamento di FILE SINGOLO allora apre la modale per
-        //il caricamento singolo del file altrimenti apre quella per il caricamento multiplo
-        // if (attachmentType == AttachmentType.LINK || (attachmentType == AttachmentType.FILE && this.loadMultipleFiles != true)) {
-        this.newAttachment = {};
-        this.newAttachment.IsImage = false;
-        this.newAttachment.AttachmentType = attachmentType;
-        this.newMultipleAttachments = new Array();
-        if (attachmentType == AttachmentType.LINK)
-            this.newMultipleAttachments.push(this.newAttachment);
-        this.createAttachmentForm();
-        //Apre la modale
-        this.dialofRefAddAttachment = this.dialog.open(this.dialogAddAttachment, {
-            disableClose: true,
-            hasBackdrop: true,
-            width: '60%',
-            maxHeight: '80%'
-        });
-    }
-    createAttachmentForm() {
-        //Crea la form per la validazione dei campi
-        this.newAttachmentForm = this.formBuilder.group({
-            type: [this.newAttachment.AttachmentType, Validators.required],
-            name: [this.newAttachment.FileName],
-            path: [this.newAttachment.FilePath],
-            customHeight: [this.customHeight],
-            customWidth: [this.customWidth]
-        });
-    }
-    close(emitCloseEvent = true) {
-        this.newAttachment = {};
-        this.newMultipleAttachments = new Array();
-        this.abortFile();
-        if (this.newAttachmentForm)
-            this.newAttachmentForm.reset();
-        this.dialofRefAddAttachment.close();
-        if (emitCloseEvent == true && this.abortAddAttachment)
-            this.abortAddAttachment.emit();
-    }
-    /**
-     * In base al tipo di allegato controlla se disabilitare o meno il pulsante per salvare.
-     * Funzione usata nel [disable] del pulsante "Salva" del dialog per l'aggiunta di un allegato.
-     * @returns
-     */
-    disableSave() {
-        if (this.loadMultipleFiles != true) {
-            if (this.newAttachment.AttachmentType == AttachmentType.FILE) {
-                return !this.newAttachment.FileDataBase64;
-            }
-            else {
-                return !this.newAttachment.FilePath;
-            }
-        }
-        else {
-            return this.newMultipleAttachments.filter(p => (p.AttachmentType == AttachmentType.FILE && !p.FileDataBase64) || (p.AttachmentType == AttachmentType.LINK && !p.FilePath)).length > 0;
-        }
-    }
-    confirmAddAttachment() {
-        if (this.loadMultipleFiles != true) {
-            if (this.newAttachment.AttachmentType == AttachmentType.LINK && !this.newAttachment.FileName)
-                this.newAttachment.FileName = this.newAttachment.FilePath;
-            if (this.attachmentsList == null)
-                this.attachmentsList = new Array();
-            this.attachmentsList.push(this.newAttachment);
-        }
-        else {
-            if (this.newMultipleAttachments == null || this.newMultipleAttachments.length == 0)
-                return;
-            if (this.attachmentsList == null)
-                this.attachmentsList = new Array();
-            this.attachmentsList = this.attachmentsList.concat(this.newMultipleAttachments);
-        }
-        if (this.attachmentTable)
-            this.attachmentTable.reloadDatatable();
-        this.localEditedAttachments.emit(this.attachmentsList);
-        this.close(false);
-    }
-    /**
-     * Apre il dialog per l'anteprima dell'allegato selezionato.
-     * @param row
-     * @returns
-     */
-    openPreviewDialog(row) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.selectedAttachment = JSON.parse(JSON.stringify(row));
-            if (this.selectedAttachment.AttachmentType == AttachmentType.FILE) {
-                if (this.selectedAttachment.FileContentType.startsWith("video")) {
-                    EqpAttachmentDialogService.Warning(this.videoPreviewErrorMessage);
-                    return;
-                }
-                else if (this.selectedAttachment.FileContentType.startsWith("audio")) {
-                    EqpAttachmentDialogService.Warning(this.audioPreviewErrorMessage);
-                    return;
-                }
-            }
-            if (this.getAttachmentEndpoint && this.selectedAttachment.IsImage && !this.selectedAttachment.FileDataBase64) {
-                yield this.getAttachmentByID()
-                    .then((res) => { this.selectedAttachment.FileDataBase64 = res.FileDataBase64; })
-                    .catch((err) => { EqpAttachmentDialogService.Error(err); });
-            }
-            if (this.selectedAttachment.AttachmentType == AttachmentType.LINK) {
-                this.selectedAttachment.TrustedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.selectedAttachment.FilePath);
-            }
-            else if (this.selectedAttachment.IsImage && !this.selectedAttachment.FileDataBase64 && !this.selectedAttachment.FileThumbnailBase64) {
-                EqpAttachmentDialogService.Info("Impossibile aprire l'anteprima dell'allegato, file mancante.");
-                return;
-            }
-            else if (!this.selectedAttachment.IsImage) {
-                if (this.selectedAttachment.FilePath && this.productionBaseUrl) {
-                    this.selectedAttachment.TrustedUrl = this.sanitizer.bypassSecurityTrustResourceUrl("https://docs.google.com/gview?url=" +
-                        this.productionBaseUrl +
-                        "/" +
-                        this.selectedAttachment.FilePath +
-                        "&embedded=true");
-                }
-                else {
-                    EqpAttachmentDialogService.Info("Impossibile aprire l'anteprima del documento!");
-                    return;
-                }
-            }
-            this.dialog.open(this.dialogPreview, {
-                disableClose: true,
-                hasBackdrop: true,
-            });
-        });
-    }
-    getAttachmentByID() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.http.post(this.getAttachmentEndpoint, this.selectedAttachment).toPromise();
-        });
-    }
-    //#region Gestione caricamento file
-    /**
-     * Evento scatenato alla selezione del file (o dei file).
-     * Se il caricamento è SINGOLO o se comunque è stato selezionato un solo file allora si occupa di controllare se si tratta di un immagine in modo da
-     * mostrare le funzionalità del croppie (per ritagliare l'immagine) oppure no.
-     * Se il file caricato non è un immagine allora genera direttamente il base64 e lo associa all'allegato da salvare.
-     * Se invece il caricamento dei file è MULTIPLO e sono presenti più file allora esegue le stesse operazioni ignorando però il contrllo
-     * immagine per il croppie (in caso di caricamento multiplo le funzionalità del croppie sono disabilitate).
-     */
-    onFileInputChange(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.showCropImage = false;
-            //Se è stato richiesto il caricamento SINGOLO oppure se il caricamento è MULTIPLO ma è stato selezionato un solo file
-            //allora verifica se il file è un immagine (per mostrare il CROPPIE)
-            if ([...event.target.files].length == 1 || this.loadMultipleFiles != true) {
-                this.selectedFile = event.target.files[0];
-                this.selectedFiles = event.target.files;
-                if (!this.selectedFile)
-                    return;
-                //Memorizza i dati per l'allegato        
-                this.newAttachment = yield this.createAttachmentFromUploadedFile(this.selectedFile, false);
-                this.newMultipleAttachments = new Array();
-                this.newMultipleAttachments.push(this.newAttachment);
-                //Se è stata richiesta la gestione delle sole immagini ma per errore è stato selezionato un file che non è un immagine
-                let checkOnlyImage = this.checkAllowOnlyImageFile(this.newAttachment);
-                if (checkOnlyImage == false)
-                    return;
-                if (this.loadMultipleFiles == true && [...event.target.files].length == 1)
-                    this.createAttachmentForm();
-                //Verifica se il file caricato è un'immagine oppure no. Se è un immagine, prima di caricarla mostra il croppie per il resize.
-                //Se non è un immagine allora genera il Base64 
-                if (this.newAttachment.IsImage == true) {
-                    this.getImageDimensions(event.target.files[0]);
-                    //Mostra il croppie e disabilita la form finchè non termina la modifica dell'immagine
-                    this.newAttachmentForm.disable();
-                    this.newAttachmentForm.controls["customWidth"].enable();
-                    this.newAttachmentForm.controls["customHeight"].enable();
-                    this.showCropImage = true;
-                    this.imageChangedEvent = event;
-                }
-                else {
-                    this.showCropImage = false;
-                    let base64Result = yield this.getBase64FromFile(this.selectedFile);
-                    this.newAttachment.FileDataBase64 = base64Result.Base64File;
-                    this.newAttachment.FileContentType = base64Result.ContentType;
-                }
-            }
-            else {
-                this.selectedFiles = event.target.files;
-                if (!this.selectedFiles || this.selectedFiles.length == 0)
-                    return;
-                this.newMultipleAttachments = new Array();
-                for (let i = 0; i < this.selectedFiles.length; i++) {
-                    let newAttachment = yield this.createAttachmentFromUploadedFile(this.selectedFiles[i], true);
-                    //Se è stata richiesta la gestione delle sole immagini ma per errore è stato selezionato un file che non è un immagine
-                    let checkOnlyImage = this.checkAllowOnlyImageFile(newAttachment);
-                    if (checkOnlyImage == false)
-                        return;
-                    this.newMultipleAttachments.push(newAttachment);
-                }
-            }
-        });
-    }
-    /**
-     * A partire dal FILE ricevuto in input ricostruisce l'oggetto IAttachmentDTO e lo restituisce.
-     * Se il parametro getBase64 viene passato a TRUE allora, sempre a partire dal file,genera il base64 e
-     * ricava il ContentType da associare all'oggetto IAttachmentDTO da restituire
-     * @param currentFile Oggetto FILE da processare
-     * @param getBase64 Se TRUE allora calcola base64 e ContentType del file passato in input
-     * @returns Restituisce un oggetto di tipo IAttachmentDTO
-     */
-    createAttachmentFromUploadedFile(currentFile, getBase64 = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let newAttachment = {};
-            //Memorizza i dati per l'allegato        
-            newAttachment.AttachmentType = AttachmentType.FILE;
-            newAttachment.FileContentType = currentFile.type;
-            newAttachment.FileName = currentFile.name;
-            newAttachment.FileExtension = currentFile.name.substr(currentFile.name.lastIndexOf('.') + 1);
-            newAttachment.IsImage = AttachmentHelperService.checkImageFromMimeType(currentFile.type);
-            if (getBase64 == true) {
-                let base64Result = yield this.getBase64FromFile(currentFile);
-                newAttachment.FileDataBase64 = base64Result.Base64File;
-                newAttachment.FileContentType = base64Result.ContentType;
-            }
-            return newAttachment;
-        });
-    }
-    /**
-     * A partire dal file passato in input restituisce un oggetto
-     * contenente il base64 del file e il suo contentType
-     * @param currentFile Oggetto File da cui estrapolare base64 e contentType
-     * @returns Restituisce un oggetto avente le proprietà Base64File e ContentType
-     */
-    getBase64FromFile(currentFile) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let base64File = yield toBase64(currentFile);
-            let contentType = null;
-            if (base64File) {
-                // Loris 20/01/2022: PROBLEMA - Quando eseguo l'upload di un file .sql non viene salvato/scaricato correttamente.
-                //                   Questo succede perchè non viene popolato il FileContentType. Per risolvere il problema
-                //                   faccio un controllo e se non esiste il FileContentType allora lo recupero dal base64 ottenuto.
-                contentType = base64File.split(",")[0].split(":")[1].split(";")[0];
-                // Un altro metodo per leggere il ccontent type del file è tramite una regular expression:
-                base64File = base64File.split(",")[1];
-            }
-            let result = {
-                Base64File: base64File,
-                ContentType: contentType
-            };
-            return result;
-        });
-    }
-    /**
-     * Controlla se il file che si sta caricando è supportato dal sistema.
-     * @returns
-     */
-    checkAcceptedFiles() {
-        if ((this.loadMultipleFiles != true && this.selectedFile.type.startsWith("video"))
-            || (this.loadMultipleFiles == true && [...this.selectedFiles].filter(p => p.type.startsWith("video")).length > 0))
-            return false;
-        if (this.acceptedFileTypes == "*")
-            return true;
-        //Verifica che i tipi del file (o dei file) caricati siano coerenti con quelli accettati dalla direttiva
-        let accepted = true;
-        if (this.loadMultipleFiles != true)
-            accepted = this.acceptedFileTypes.includes(this.selectedFile.type);
-        else {
-            let uploadedFileTypes = [...this.selectedFiles].map(p => p.type);
-            uploadedFileTypes.forEach(type => {
-                if (!this.acceptedFileTypes.includes(type))
-                    accepted = false;
-            });
-        }
-        //Questo controllo permette di gestire le casistiche per cui vengono indicati come tipi validi, ad esempio, 'image/*'
-        if (!accepted && this.loadMultipleFiles != true) {
-            for (let t of this.acceptedFileTypes.split(",").filter(t => t.includes("*"))) {
-                accepted = this.selectedFile.type.startsWith(t.split("*")[0]);
-                if (accepted)
-                    break;
-            }
-        }
-        return accepted;
-    }
-    /**
-     * Se eqp-attachments è stata configurata per il caricamento delle sole immagini allora verifica che il file passato in
-     * input sia effettivamente un immagine o no.
-     * Se il controllo va a buon fine restituisce TRUE altrimenti mostra un messaggio d'errore e restituisce FALSE
-     */
-    checkAllowOnlyImageFile(newAttachment) {
-        if (this.allowOnlyImages == true && newAttachment.IsImage != true) {
-            EqpAttachmentDialogService.Error(this.noImageSelectedErrorMessage);
-            this.abortFile();
-            return false;
-        }
-        else if (!this.checkAcceptedFiles()) {
-            EqpAttachmentDialogService.Error(this.wrongTypeSelectedErrorMessage);
-            this.abortFile();
-            return false;
-        }
-        return true;
-    }
-    getImageDimensions(img) {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            const image = new Image();
-            image.src = e.target.result;
-            image.onload = rs => {
-                this.originalHeight = rs.currentTarget['height'];
-                this.originalWidth = rs.currentTarget['width'];
-                if (this.originalWidth > 1280) {
-                    this.customWidth = 1280;
-                    this.customHeight = Math.round((1280 * this.originalHeight) / this.originalWidth);
-                }
-                else {
-                    this.customHeight = rs.currentTarget['height'];
-                    this.customWidth = rs.currentTarget['width'];
-                }
-            };
-        };
-        reader.readAsDataURL(img);
-    }
-    restoreOriginalDimensions() {
-        this.customWidth = this.originalWidth;
-        this.customHeight = this.originalHeight;
-    }
-    onDimensionsChange(dimension) {
-        if (dimension == "H") {
-            this.customWidth = Math.round((this.customHeight * this.originalWidth) / this.originalHeight);
-        }
-        else if (dimension == "W") {
-            this.customHeight = Math.round((this.customWidth * this.originalHeight) / this.originalWidth);
-        }
-    }
-    imageCropped(event) {
-        this.croppedImage = event.base64;
-        this.getCroppedAndUpload(this.croppedImage);
-    }
-    getCroppedAndUpload(file) {
-        var self = this;
-        var file = base64ToFile(file);
-        const options = this.compressionOptions;
-        /**
-         * Comprime l'immagine passando come parametri le options create nell'oggetto sopra, e il file dal reader principale
-         */
-        imageCompression(file, options).then((fileCompressed => {
-            let fileReader = new FileReader();
-            //Faccio la push di ogni file all'interno dell'array di file dell'item da mandare al server
-            fileReader.onload = function () {
-                let resultReader = fileReader.result;
-                var marker = ';base64,';
-                self.newAttachment.FileDataBase64 = resultReader.substring(resultReader.indexOf(marker) + marker.length);
-                self.showCropImage = false;
-                self.newAttachmentForm.enable();
-            };
-            fileReader.readAsDataURL(fileCompressed);
-        }));
-    }
-    confirmCrop() {
-        this.imageCropper.crop();
-    }
-    /**
-     * Annulla la selezione del file, svuotando l'input e resettando tutte le proprietà dell'IAttachmentDTO
-     */
-    abortFile() {
-        this.imageChangedEvent = '';
-        if (this.imageInput)
-            this.imageInput.nativeElement.value = '';
-        this.selectedFile = null;
-        this.selectedFiles = null;
-        this.showCropImage = false;
-        this.newAttachment.IsImage = false;
-        this.newAttachment.FileDataBase64 = null;
-        this.newAttachment.FileName = null;
-        this.newAttachment.FileExtension = null;
-        this.newAttachment.FileContentType = null;
-        this.newMultipleAttachments = new Array();
-        this.customHeight = null;
-        this.customWidth = null;
-        this.originalHeight = null;
-        this.originalWidth = null;
-    }
-};
-EqpAttachmentsComponent.ctorParameters = () => [
-    { type: MatDialog },
-    { type: FormBuilder },
-    { type: DomSanitizer },
-    { type: HttpClient },
-    { type: ChangeDetectorRef }
-];
-__decorate([
-    Input("disableAction")
-], EqpAttachmentsComponent.prototype, "disableAction", void 0);
-__decorate([
-    Input("showHeader")
-], EqpAttachmentsComponent.prototype, "showHeader", void 0);
-__decorate([
-    Input("headerTitle")
-], EqpAttachmentsComponent.prototype, "headerTitle", void 0);
-__decorate([
-    Input("attachmentsList")
-], EqpAttachmentsComponent.prototype, "attachmentsList", void 0);
-__decorate([
-    Input("showMatCard")
-], EqpAttachmentsComponent.prototype, "showMatCard", void 0);
-__decorate([
-    Input("multipleAttachment")
-], EqpAttachmentsComponent.prototype, "multipleAttachment", void 0);
-__decorate([
-    Input("loadMultipleFiles")
-], EqpAttachmentsComponent.prototype, "loadMultipleFiles", void 0);
-__decorate([
-    Input("attachmentsColumns")
-], EqpAttachmentsComponent.prototype, "attachmentsColumns", void 0);
-__decorate([
-    Input("emptyTableMessage")
-], EqpAttachmentsComponent.prototype, "emptyTableMessage", void 0);
-__decorate([
-    Input("allowOnlyImages")
-], EqpAttachmentsComponent.prototype, "allowOnlyImages", void 0);
-__decorate([
-    Input("acceptedFileTypes")
-], EqpAttachmentsComponent.prototype, "acceptedFileTypes", void 0);
-__decorate([
-    Input("isDisabled")
-], EqpAttachmentsComponent.prototype, "isDisabled", void 0);
-__decorate([
-    Input("showInlinePreview")
-], EqpAttachmentsComponent.prototype, "showInlinePreview", void 0);
-__decorate([
-    Input("getAttachmentEndpoint")
-], EqpAttachmentsComponent.prototype, "getAttachmentEndpoint", void 0);
-__decorate([
-    Input("productionBaseUrl")
-], EqpAttachmentsComponent.prototype, "productionBaseUrl", void 0);
-__decorate([
-    Input("compressionOptions")
-], EqpAttachmentsComponent.prototype, "compressionOptions", void 0);
-__decorate([
-    Input("allowedTypes")
-], EqpAttachmentsComponent.prototype, "allowedTypes", void 0);
-__decorate([
-    Input("isEqpTableMultiLanguage")
-], EqpAttachmentsComponent.prototype, "isEqpTableMultiLanguage", void 0);
-__decorate([
-    Input("downloadTooltipPosition")
-], EqpAttachmentsComponent.prototype, "downloadTooltipPosition", void 0);
-__decorate([
-    Input("openLinkLabel")
-], EqpAttachmentsComponent.prototype, "openLinkLabel", void 0);
-__decorate([
-    Input("addButtonLabel")
-], EqpAttachmentsComponent.prototype, "addButtonLabel", void 0);
-__decorate([
-    Input("downloadLabel")
-], EqpAttachmentsComponent.prototype, "downloadLabel", void 0);
-__decorate([
-    Input("deleteLabel")
-], EqpAttachmentsComponent.prototype, "deleteLabel", void 0);
-__decorate([
-    Input("fileNameLabel")
-], EqpAttachmentsComponent.prototype, "fileNameLabel", void 0);
-__decorate([
-    Input("previewLabel")
-], EqpAttachmentsComponent.prototype, "previewLabel", void 0);
-__decorate([
-    Input("uploadFileLabel")
-], EqpAttachmentsComponent.prototype, "uploadFileLabel", void 0);
-__decorate([
-    Input("confirmLabel")
-], EqpAttachmentsComponent.prototype, "confirmLabel", void 0);
-__decorate([
-    Input("abortLabel")
-], EqpAttachmentsComponent.prototype, "abortLabel", void 0);
-__decorate([
-    Input("saveLabel")
-], EqpAttachmentsComponent.prototype, "saveLabel", void 0);
-__decorate([
-    Input("exitLabel")
-], EqpAttachmentsComponent.prototype, "exitLabel", void 0);
-__decorate([
-    Input("eqpTableSearchText")
-], EqpAttachmentsComponent.prototype, "eqpTableSearchText", void 0);
-__decorate([
-    Input("deleteDialogTitle")
-], EqpAttachmentsComponent.prototype, "deleteDialogTitle", void 0);
-__decorate([
-    Input("deleteDialogMessage")
-], EqpAttachmentsComponent.prototype, "deleteDialogMessage", void 0);
-__decorate([
-    Input("noImageSelectedErrorMessage")
-], EqpAttachmentsComponent.prototype, "noImageSelectedErrorMessage", void 0);
-__decorate([
-    Input("wrongTypeSelectedErrorMessage")
-], EqpAttachmentsComponent.prototype, "wrongTypeSelectedErrorMessage", void 0);
-__decorate([
-    Input("videoPreviewErrorMessage")
-], EqpAttachmentsComponent.prototype, "videoPreviewErrorMessage", void 0);
-__decorate([
-    Input("videoPreviewErrorMessage")
-], EqpAttachmentsComponent.prototype, "audioPreviewErrorMessage", void 0);
-__decorate([
-    Output()
-], EqpAttachmentsComponent.prototype, "localEditedAttachments", void 0);
-__decorate([
-    Output()
-], EqpAttachmentsComponent.prototype, "abortAddAttachment", void 0);
-__decorate([
-    Output("downloadAttachment")
-], EqpAttachmentsComponent.prototype, "downloadAttachment", void 0);
-__decorate([
-    Output("onDeleteAttachment")
-], EqpAttachmentsComponent.prototype, "onDeleteAttachment", void 0);
-__decorate([
-    ViewChild('dialogAddAttachment', { static: true })
-], EqpAttachmentsComponent.prototype, "dialogAddAttachment", void 0);
-__decorate([
-    ViewChild('dialogAddMultipleAttachment', { static: true })
-], EqpAttachmentsComponent.prototype, "dialogAddMultipleAttachment", void 0);
-__decorate([
-    ViewChild(ImageCropperComponent)
-], EqpAttachmentsComponent.prototype, "imageCropper", void 0);
-__decorate([
-    ViewChild('imageInput')
-], EqpAttachmentsComponent.prototype, "imageInput", void 0);
-__decorate([
-    ViewChild('attachmentTable', { static: false })
-], EqpAttachmentsComponent.prototype, "attachmentTable", void 0);
-__decorate([
-    ViewChild('inlinePreviewTemplate', { static: true })
-], EqpAttachmentsComponent.prototype, "inlinePreviewTemplate", void 0);
-__decorate([
-    ViewChild('dialogPreview', { static: true })
-], EqpAttachmentsComponent.prototype, "dialogPreview", void 0);
-EqpAttachmentsComponent = __decorate([
-    Component({
-        selector: 'eqp-attachments',
-        template: "<!-- Se richiesta la gestione multipla mostra il pulsante di aggiunta e la tabella con l'elenco allegati -->\r\n<div *ngIf=\"multipleAttachment == true\">\r\n    <mat-card [ngStyle]=\"{ 'box-shadow': showMatCard == false ? 'none' : null }\">\r\n        <mat-card-header>\r\n            <div class=\"col-md-6\">\r\n                <div class=\"text-nowrap eqp-attachments-header-title\" *ngIf=\"showHeader == true\">\r\n                    {{headerTitle}}\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-6 text-right\">\r\n                <div class=\"row justify-content-end\">\r\n                    <!-- Template del button per l'aggiunta di un allegato -->\r\n                    <ng-container *ngTemplateOutlet=\"addAttachmentButton\"></ng-container>\r\n                </div>\r\n            </div>\r\n        </mat-card-header>\r\n        <mat-card-content>\r\n            <eqp-table #attachmentTable [createMatCard]=\"false\" #table [columns]=\"attachmentsColumns\"\r\n                [isMultiLanguage]=\"isEqpTableMultiLanguage\" [data]=\"attachmentsList\"\r\n                [emptyTableMessage]=\"emptyTableMessage\" [searchText]=\"eqpTableSearchText\">\r\n            </eqp-table>\r\n        </mat-card-content>\r\n    </mat-card>\r\n</div>\r\n\r\n<!-- Se richiesta la gestione singola mostra il pulsante di caricamento di un singolo file -->\r\n<div *ngIf=\"multipleAttachment != true\">\r\n    <!-- Template del button per l'aggiunta di un allegato -->\r\n    <ng-container *ngTemplateOutlet=\"addAttachmentButton\"></ng-container>\r\n\r\n    <button class=\"mb-2 mr-2 eqp-attachments-download-btn\" (click)=\"viewAttachment(attachmentsList[0])\" type=\"button\"\r\n        mat-raised-button *ngIf=\"attachmentsList && attachmentsList.length > 0 && attachmentsList[0]\" color=\"primary\">\r\n        <mat-icon *ngIf=\"attachmentsList[0].AttachmentType == AttachmentType.FILE\">download</mat-icon>\r\n        <mat-icon *ngIf=\"attachmentsList[0].AttachmentType != AttachmentType.FILE\">open_in_new</mat-icon>\r\n        {{attachmentsList[0].AttachmentType == AttachmentType.FILE ? downloadLabel : openLinkLabel}}\r\n    </button>\r\n    <button class=\"mb-2 mr-2 eqp-attachments-preview-btn\" (click)=\"openPreviewDialog(attachmentsList[0])\" type=\"button\"\r\n        mat-raised-button color=\"primary\"\r\n        *ngIf=\"attachmentsList && attachmentsList.length > 0 && attachmentsList[0] && (!attachmentsList[0].FileContentType || (!attachmentsList[0].FileContentType.startsWith('video') && !attachmentsList[0].FileContentType.startsWith('audio')))\">\r\n        <mat-icon>visibility</mat-icon> {{previewLabel}}\r\n    </button>\r\n    <button class=\"mb-2 eqp-attachments-delete-btn\" (click)=\"deleteAttachment(attachmentsList[0])\" type=\"button\"\r\n        mat-raised-button *ngIf=\"attachmentsList && attachmentsList.length > 0 && attachmentsList[0]\"\r\n        [disabled]=\"isDisabled\">\r\n        <mat-icon>delete</mat-icon> {{deleteLabel}}\r\n    </button>\r\n\r\n    <div class=\"row\" style=\"margin-top: 10px;\"\r\n        *ngIf=\"attachmentsList.length > 0 && attachmentsList[0] && attachmentsList[0].FileDataBase64 && attachmentsList[0].IsImage == true\">\r\n        <div class=\"col-sm-12\">\r\n            <div class=\"single-attachment-inline-preview-container\">\r\n                <img src=\"data:image/png;base64,{{attachmentsList[0].FileDataBase64}}\">\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\" *ngIf=\"attachmentsList.length > 0 && attachmentsList[0] && attachmentsList[0].IsImage != true\">\r\n        <div class=\"col-sm-12\">\r\n            <mat-form-field>\r\n                <mat-label>{{fileNameLabel}}</mat-label>\r\n                <input readonly matInput [(ngModel)]=\"attachmentsList[0].FileName\">\r\n            </mat-form-field>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n<ng-template #dialogAddAttachment>\r\n    <div class=\"container-fluid eqp-attachments-dialog-add-container\"\r\n        style=\"max-height: 70vh !important; overflow-x: hidden; overflow-y: auto;\">\r\n        <form [formGroup]=\"newAttachmentForm\" (ngSubmit)=\"confirmAddAttachment()\" *ngIf=\"newAttachmentForm\">\r\n            <div class=\"row\">\r\n                <div class=\"header-title-standard\"> {{addButtonLabel}} {{ newAttachment.AttachmentType ==\r\n                    attachmentType.FILE ?\r\n                    'File' : 'Link'}} </div>\r\n            </div>\r\n            <div class=\"row\" style=\"margin-top: 20px;\">\r\n                <div class=\"col-sm-12\" *ngIf=\"newAttachment.AttachmentType == attachmentType.FILE\">\r\n                    <input #imageInput style=\"display:none;\" id=\"file_attachment\"\r\n                        name=\"file_attachment\" type=\"file\" (change)=\"onFileInputChange($event)\"\r\n                        [accept]=\"acceptedFileTypes\" [multiple]=\"loadMultipleFiles\"/>\r\n                    <button (click)=\"imageInput.click()\" type=\"button\" style=\"margin-left: 10px;\" id=\"file_attachment\"\r\n                        mat-raised-button color=\"primary\" [disabled]=\"showCropImage == true\"\r\n                        class=\"mb-2 btn btn-primary eqp-attachments-upload-btn\" *ngIf=\"(loadMultipleFiles != true && !newAttachment.FileDataBase64) || (loadMultipleFiles == true && newMultipleAttachments && newMultipleAttachments.length == 0)\">\r\n                        <mat-icon>cloud_upload</mat-icon>\r\n                        {{uploadFileLabel}}\r\n                    </button>\r\n                    <button (click)=\"abortFile()\" type=\"button\" style=\"margin-left: 10px;\" mat-raised-button\r\n                        *ngIf=\"(loadMultipleFiles != true && newAttachment.FileDataBase64) || (loadMultipleFiles == true && newMultipleAttachments && newMultipleAttachments.length > 0)\" class=\"mb-2 eqp-attachments-delete-btn\">\r\n                        <mat-icon>delete</mat-icon> {{deleteLabel}}\r\n                    </button>\r\n                </div>\r\n                <div class=\"col-sm-12\" *ngIf=\"newAttachment.AttachmentType == 2 || (selectedFile && loadMultipleFiles != true)\">\r\n                    <mat-form-field style=\"width: 100%;\">\r\n                        <mat-label> {{fileNameLabel}} </mat-label>\r\n                        <input formControlName=\"name\" matInput [(ngModel)]=\"newAttachment.FileName\">\r\n                    </mat-form-field>\r\n                </div>\r\n                <div class=\"col-sm-12\" *ngIf=\"newAttachment.AttachmentType == 2\">\r\n                    <mat-form-field style=\"width: 100%;\">\r\n                        <mat-label> Link </mat-label>\r\n                        <input formControlName=\"path\" required matInput [(ngModel)]=\"newAttachment.FilePath\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Riporta l'elenco dei nomi dei file caricati contemporaneamente (visibile solo se loadMultipleFiles = TRUE e se ci sono realmente pi\u00F9 file senza link) -->\r\n            <div class=\"row\" *ngIf=\"loadMultipleFiles == true && newMultipleAttachments && newMultipleAttachments.length > 0 && newMultipleAttachments[0].AttachmentType != attachmentType.LINK\">\r\n                <div class=\"col-12\" *ngFor=\"let attach of newMultipleAttachments\">\r\n                    <mat-form-field style=\"width: 100%\">\r\n                        <mat-label> {{fileNameLabel}} </mat-label>\r\n                        <input disabled matInput [(ngModel)]=\"attach.FileName\" [ngModelOptions]=\"{standalone: true}\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Riporta la preview dell'immagine quando \u00E8 richiesto il caricamento MULTIPLO ma \u00E8 stata selezionata una sola immagine (quindi \u00E8 entrato in gioco anche il croppie) -->\r\n            <div class=\"row\" *ngIf=\"loadMultipleFiles == true && showCropImage != true && newMultipleAttachments && newMultipleAttachments.length == 1 && newMultipleAttachments[0].IsImage == true\" style=\"margin-top: 10px;\">\r\n                <div class=\"col-4\">\r\n                    <div class=\"single-attachment-inline-preview-container\">\r\n                        <img src=\"data:image/png;base64,{{newMultipleAttachments[0].FileDataBase64}}\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Riporta la preview dell'immagine quando \u00E8 richiesto il caricamento SINGOLO ed \u00E8 stata selezionata un'immagine -->\r\n            <div class=\"row\" *ngIf=\"loadMultipleFiles != true && showCropImage != true && newAttachment.FileDataBase64 && newAttachment.IsImage == true\" style=\"margin-top: 10px;\">\r\n                <div class=\"col-4\">\r\n                    <div class=\"single-attachment-inline-preview-container\">\r\n                        <img src=\"data:image/png;base64,{{newAttachment.FileDataBase64}}\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Richiama il template per le funzionalit\u00E0 del CROPPIE -->\r\n            <ng-container [ngTemplateOutlet]=\"croppieTemplate\" [ngTemplateOutletContext]=\"{form: newAttachmentForm}\" *ngIf=\"showCropImage == true\"></ng-container>\r\n\r\n            <div class=\"row mt-2\">\r\n                <div class=\"col-sm-12 text-right\">\r\n                    <button class=\"btn btn-primary mat-raised-button eqp-attachments-save-btn mr-2\" type=\"submit\"\r\n                        [disabled]=\"showCropImage == true || (loadMultipleFiles != true && newAttachmentForm?.disabled == true) || disableSave()\">\r\n                        {{saveLabel}}\r\n                    </button>\r\n                    <button class=\"btn mat-raised-button eqp-attachments-exit-btn\" (click)=\"close()\"\r\n                        [disabled]=\"showCropImage == true\" type=\"button\">\r\n                        {{exitLabel}}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #inlinePreviewTemplate let-row=\"row\">\r\n    <div class=\"inline-preview-container\" *ngIf=\"row.AttachmentType != AttachmentType.LINK && row.IsImage\" (click)=\"openPreviewDialog(row)\">\r\n        <img src=\"data:image/png;base64,{{row.FileThumbnailBase64 ? row.FileThumbnailBase64 : row.FileDataBase64}}\">\r\n    </div>\r\n    <div class=\"inline-preview-container\" *ngIf=\"row.AttachmentType != AttachmentType.LINK && !row.IsImage\" (click)=\"openPreviewDialog(row)\">\r\n        <i [ngClass]=\"getAttachmentIcon(row)\"></i>\r\n    </div>\r\n</ng-template>\r\n\r\n\r\n<ng-template #dialogPreview>\r\n    <div class=\"container-fluid\" style=\"max-height: 70vh !important;\" *ngIf=\"selectedAttachment\">\r\n        <div class=\"row\">\r\n            <div class=\"header-title-standard\">\r\n                {{previewLabel}} {{ selectedAttachment?.AttachmentType == attachmentType.FILE ? 'File' : 'Link'}}\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-2\">\r\n            <!-- ANTEPRIMA IMMAGINE -->\r\n            <div class=\"col-12 text-center preview-container\" *ngIf=\"selectedAttachment.IsImage\">\r\n                <img class=\"image-preview\"\r\n                    src=\"data:image/png;base64,{{selectedAttachment.FileDataBase64 ? selectedAttachment.FileDataBase64 : selectedAttachment.FileThumbnailBase64}}\">\r\n            </div>\r\n\r\n            <!-- ANTEPRIMA LINK -->\r\n            <div class=\"col-12 preview-container\" *ngIf=\"!selectedAttachment.IsImage\">\r\n                <iframe class=\"link-preview\" [src]=\"selectedAttachment.TrustedUrl\"\r\n                    [title]=\"selectedAttachment.FileName\"></iframe>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row mt-3\">\r\n            <div class=\"col-sm-12 text-right\">\r\n                <button class=\"btn btn-primary mat-raised-button eqp-attachments-save-btn mr-2\" type=\"submit\"\r\n                    (click)=\"viewAttachment(selectedAttachment)\"\r\n                    *ngIf=\"selectedAttachment.AttachmentType != AttachmentType.LINK\">\r\n                    {{downloadLabel}}\r\n                </button>\r\n                <button class=\"btn mat-raised-button eqp-attachments-exit-btn\" mat-dialog-close type=\"button\"\r\n                    (click)=\"selectedAttachment = null\">\r\n                    {{exitLabel}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n\r\n<!-- TEMPLATE PER IL PULSANTE DI AGGIUNTA NUOVO ALLEGATO -->\r\n<ng-template #addAttachmentButton>\r\n\r\n    <!-- \r\n        Pulsanti per l'aggiunta di un file o un link. Ne viene visualizzato uno se:\r\n        - gli allowedTypes sono stati specificati, nell'array ne \u00E8 presente uno solo, quello inserito \u00E8 AttachmentType.FILE (o AttachmentType.LINK) \r\n        e sono nella gestione di pi\u00F9 allegati (multipleAttachment == true)\r\n        OPPURE\r\n        - gli allowedTypes sono stati specificati, nell'array ne \u00E8 presente uno solo, quello inserito \u00E8 AttachmentType.FILE (o AttachmentType.LINK) \r\n        e sono nella gestione di un singolo allegato (multipleAttachment == true) e non ne \u00E8 ancora stato selezionato uno (ovvero attachmentsList non esiste o non ha elementi)\r\n    -->\r\n    <button class=\"btn btn-primary  mb-4 mr-5 eqp-attachments-add-btn\" mat-raised-button color=\"primary\" type=\"button\"\r\n        *ngIf=\"allowedTypes && allowedTypes.length == 1 && (multipleAttachment == true || (!attachmentsList || attachmentsList.length == 0 || (attachmentsList.length > 0 && !attachmentsList[0])))\"\r\n        (click)=\"openModalAddAttachment(allowedTypes[0])\" [disabled]=\"isDisabled\">\r\n        <!-- Per l'aggiunta dei file mostro un'icona diversa dall'aggiunta dei link -->\r\n        <mat-icon *ngIf=\"allowedTypes[0] == 1\">cloud_upload</mat-icon>\r\n        <i class=\"fas fa-link\" *ngIf=\"allowedTypes[0] == 2\"></i>\r\n        <span style=\"margin-left: 10px;\">{{addButtonLabel}} {{allowedTypes[0] == 1 ? \"file\" : \"link\"}}</span>\r\n    </button>\r\n\r\n\r\n    <!-- Pulsante per aprire il menu per la scelta del tipo di Attachment da creare -->\r\n    <button class=\"btn btn-primary mb-4 mr-5 eqp-attachments-add-btn\" mat-raised-button color=\"primary\" type=\"button\"\r\n        [matMenuTriggerFor]=\"attachmentTypeMenu\" [disabled]=\"isDisabled\"\r\n        *ngIf=\"allowedTypes && allowedTypes.length > 1 && (multipleAttachment == true || (!attachmentsList || attachmentsList.length == 0 || (attachmentsList.length > 0 && !attachmentsList[0])))\">\r\n        <mat-icon *ngIf=\"multipleAttachment != true\">cloud_upload</mat-icon>\r\n        <mat-icon *ngIf=\"multipleAttachment == true\">add</mat-icon>\r\n        <span style=\"margin-left: 0px;\"> {{addButtonLabel}} </span>\r\n    </button>\r\n    <mat-menu #attachmentTypeMenu=\"matMenu\">\r\n        <button mat-menu-item (click)=\"openModalAddAttachment(1)\" class=\"eqp-attachments-file-btn\">\r\n            <i class=\"fas fa-file\"></i>\r\n            <span style=\"margin-left: 10px;\">File</span>\r\n        </button>\r\n        <button mat-menu-item (click)=\"openModalAddAttachment(2)\" class=\"eqp-attachments-link-btn\">\r\n            <i class=\"fas fa-link\"></i>\r\n            <span style=\"margin-left: 10px;\">Link</span>\r\n        </button>\r\n    </mat-menu>\r\n</ng-template>\r\n\r\n\r\n<ng-template #croppieTemplate let-form=\"form\">\r\n    <div class=\"row mt-2 mb-2\" [formGroup]=\"form\">\r\n        <div class=\"col-md-12 d-flex align-items-center justify-content-center\">\r\n            <span class=\"mr-1\">Max H(px):</span>\r\n            <mat-form-field>\r\n                <input formControlName=\"customHeight\" type=\"number\" matInput [(ngModel)]=\"customHeight\"\r\n                    (change)=\"onDimensionsChange('H')\">\r\n            </mat-form-field>\r\n\r\n            <span class=\"ml-2 mr-1\">Max W(px):</span>\r\n            <mat-form-field>\r\n                <input formControlName=\"customWidth\" type=\"number\" matInput [(ngModel)]=\"customWidth\"\r\n                    (change)=\"onDimensionsChange('W')\">\r\n            </mat-form-field>\r\n\r\n            <button class=\"btn btn-primary mat-raised-button ml-2\" (click)=\"restoreOriginalDimensions()\"\r\n                [disabled]=\"customWidth == originalWidth && customHeight == originalHeight\">\r\n                <mat-icon style=\"vertical-align: middle;\">replay</mat-icon>\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"row justify-content-center\">\r\n        <div style=\"max-height: 450px; max-width: 450px;\">\r\n            <image-cropper [imageChangedEvent]=\"imageChangedEvent\" [maintainAspectRatio]=\"false\"\r\n                [autoCrop]=\"false\" [containWithinAspectRatio]=\"false\" [aspectRatio]=\"4/3\"\r\n                [cropperMinWidth]=\"128\" [onlyScaleDown]=\"true\" [roundCropper]=\"false\" [canvasRotation]=\"0\"\r\n                [transform]=\"transform\" [alignImage]=\"'left'\" format=\"png\" (imageCropped)=\"imageCropped($event)\"\r\n                [resizeToWidth]=\"customWidth\" [resizeToHeight]=\"customHeight\">\r\n            </image-cropper>\r\n        </div>\r\n    </div>\r\n    <div class=\"row justify-content-center mt-2\">\r\n        <div style=\"max-height: 450px; max-width: 450px;\">\r\n            <button class=\"btn btn-primary mat-raised-button eqp-attachments-confirm-btn mr-2\" type=\"button\"\r\n                (click)=\"confirmCrop()\">\r\n                {{confirmLabel}}\r\n            </button>\r\n            <button class=\"btn mat-raised-button eqp-attachments-abort-btn\" type=\"button\" (click)=\"abortFile()\">\r\n                {{abortLabel}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</ng-template>",
-        styles: [".eqp-attachments-header-title{font-weight:700;font-size:19px;line-height:24px;margin-bottom:auto}.single-attachment-inline-preview-container{max-height:400px;max-width:400px;display:flex;align-items:center}.single-attachment-inline-preview-container img{max-width:100%;max-height:120px}.inline-preview-container{max-height:100px;max-width:100px;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.inline-preview-container img{max-width:100%;max-height:100px}.inline-preview-container i{font-size:25px;margin:auto}.preview-container{max-height:60vh;max-width:100%}.preview-container .image-preview{max-width:100%;max-height:100%}.preview-container .link-preview{width:70vw;height:55vh}"]
-    })
-], EqpAttachmentsComponent);
-
-let MaterialModule = class MaterialModule {
-};
-MaterialModule = __decorate([
-    NgModule({
-        imports: [
-            MatCheckboxModule,
-            MatButtonModule,
-            MatInputModule,
-            MatAutocompleteModule,
-            MatDatepickerModule,
-            MatFormFieldModule,
-            MatRadioModule,
-            MatSelectModule,
-            MatSliderModule,
-            MatSlideToggleModule,
-            MatMenuModule,
-            MatSidenavModule,
-            MatToolbarModule,
-            MatListModule,
-            MatGridListModule,
-            MatCardModule,
-            MatStepperModule,
-            MatTabsModule,
-            MatExpansionModule,
-            MatButtonToggleModule,
-            MatChipsModule,
-            MatIconModule,
-            MatProgressSpinnerModule,
-            MatProgressBarModule,
-            MatDialogModule,
-            MatTooltipModule,
-            MatSnackBarModule,
-            MatTableModule,
-            MatSortModule,
-            MatPaginatorModule,
-            MatDatepickerModule,
-            MatNativeDateModule
-        ],
-        exports: [
-            MatCheckboxModule,
-            MatButtonModule,
-            MatInputModule,
-            MatAutocompleteModule,
-            MatDatepickerModule,
-            MatFormFieldModule,
-            MatRadioModule,
-            MatSelectModule,
-            MatSliderModule,
-            MatSlideToggleModule,
-            MatMenuModule,
-            MatSidenavModule,
-            MatToolbarModule,
-            MatListModule,
-            MatGridListModule,
-            MatCardModule,
-            MatStepperModule,
-            MatTabsModule,
-            MatExpansionModule,
-            MatButtonToggleModule,
-            MatChipsModule,
-            MatIconModule,
-            MatProgressSpinnerModule,
-            MatProgressBarModule,
-            MatDialogModule,
-            MatTooltipModule,
-            MatSnackBarModule,
-            MatTableModule,
-            MatSortModule,
-            MatPaginatorModule
-        ],
-    })
-], MaterialModule);
-
-let EqpAttachmentsModule = class EqpAttachmentsModule {
-};
-EqpAttachmentsModule = __decorate([
-    NgModule({
-        declarations: [EqpAttachmentsComponent],
-        imports: [
-            MaterialModule,
-            FormsModule,
-            CommonModule,
-            ReactiveFormsModule,
-            ImageCropperModule,
-            EqpTableModule
-        ],
-        exports: [EqpAttachmentsComponent]
-    })
-], EqpAttachmentsModule);
-
-/*
- * Public API Surface of eqp-attachments
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AttachmentHelperService, AttachmentType, EqpAttachmentDialogService, EqpAttachmentsComponent, EqpAttachmentsModule, ɵ0, MaterialModule as ɵa };
-//# sourceMappingURL=eqproject-eqp-attachments.js.map