@eqproject/eqp-attachments 2.0.2 → 2.0.3

package/lib/eqp-attachments.component.d.ts

@@ -1,12 +1,14 @@
 import { ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { ImageCroppedEvent, ImageCropperComponent, ImageTransform } from 'ngx-image-cropper';
-import { AttachmentType, IAttachmentDTO } from './interfaces/IAttachment';
+import { AttachmentType, CropOptionEnum, IAttachmentDTO } from './interfaces/IAttachment';
 import { ConfigColumn, EqpTableComponent, TooltipPositionType } from '@eqproject/eqp-table';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { DomSanitizer } from '@angular/platform-browser';
 import { HttpClient } from '@angular/common/http';
 import { IOptions } from './interfaces/IOptions';
+import { ScriptService } from 'ngx-script-loader';
+import { EqpAttachmentService } from './services/eqp-attachment.service';
 import * as i0 from "@angular/core";
 export declare class EqpAttachmentsComponent implements OnInit {
     private dialog;
@@ -14,6 +16,8 @@ export declare class EqpAttachmentsComponent implements OnInit {
     private sanitizer;
     private http;
     private cd;
+    private eqpAttachmentService;
+    private scriptLoaderService;
     /**
      * Se TRUE allora nasconde la colonna per le azioni sull'allegato (nel caso "multipleAttachment" è TRUE).
      */
@@ -102,11 +106,35 @@ export declare class EqpAttachmentsComponent implements OnInit {
      * degli allegati deve essere paginata oppure no
      */
     tablePaginatorVisible: boolean;
+    /**
+     * Permette di stabilire, in caso di gestione allegati multipli, se la tabella contenente l'elenco
+     * degli allegati deve contenere il campo di ricerca oppure no
+     */
+    isTableSearcheable: boolean;
     /**
      * In caso di gestione allegati multipli, permette di stabilire la dimensione pagina di default
      * per la tabella contenente l'elenco degli allegati
      */
     tablePaginatorSize: number;
+    /**
+     * Permette di scegliere il modo in cui i file devono essere caricati
+     */
+    /**
+     * Permette di stabilire se i pulsanti per il caricamento dei file sono separati o in un menù a tendina
+     */
+    separatedUploadButtons: boolean;
+    /**
+     * Permette di scegliere se dare la possibilità di vedere o no l'anteprima
+     */
+    showPreview: boolean;
+    /**
+     * In caso di allegato singolo, permette di scegliere se aggiungere file tramite drag and drop
+     */
+    singleAttachmentDragAndDrop: boolean;
+    /**
+     * Array di opzioni che si possono utilizzare per il crop
+     */
+    cropOptions: Array<CropOptionEnum>;
     /**
      * Input per definire le label da usare nel componente
      */
@@ -122,6 +150,8 @@ export declare class EqpAttachmentsComponent implements OnInit {
     abortLabel: string;
     saveLabel: string;
     exitLabel: string;
+    uploadWithDropboxLabel: string;
+    cropLabel: string;
     eqpTableSearchText: string;
     deleteDialogTitle: string;
     deleteDialogMessage: string;
@@ -129,6 +159,10 @@ export declare class EqpAttachmentsComponent implements OnInit {
     wrongTypeSelectedErrorMessage: string;
     videoPreviewErrorMessage: string;
     audioPreviewErrorMessage: string;
+    flipHorinzontalLabel: string;
+    flipVerticalLabel: string;
+    rotateRightLabel: string;
+    rotateLeftLabel: string;
     /**
      * Restituisce la lista aggiornata degli allegati.
      */
@@ -147,17 +181,20 @@ export declare class EqpAttachmentsComponent implements OnInit {
     onDeleteAttachment: EventEmitter<IAttachmentDTO>;
     newAttachment: IAttachmentDTO;
     newMultipleAttachments: Array<IAttachmentDTO>;
-    dialofRefAddAttachment: MatDialogRef<TemplateRef<any>>;
     attachmentType: typeof AttachmentType;
     newAttachmentForm: FormGroup;
     selectedFile: File;
     selectedFiles: Array<File>;
     showCropImage: boolean;
     dialogAddAttachment: TemplateRef<any>;
+    dialogRefAddAttachment: MatDialogRef<TemplateRef<any>>;
     dialogAddMultipleAttachment: TemplateRef<any>;
+    dialogRefCropImage: MatDialogRef<TemplateRef<any>>;
+    dialogCropImage: TemplateRef<any>;
     imageChangedEvent: any;
     croppedImage: any;
     transform: ImageTransform;
+    canvasRotation: number;
     imageCropper: ImageCropperComponent;
     imageInput: any;
     AttachmentType: typeof AttachmentType;
@@ -169,8 +206,10 @@ export declare class EqpAttachmentsComponent implements OnInit {
     attachmentTable: EqpTableComponent;
     inlinePreviewTemplate: TemplateRef<any>;
     dialogPreview: TemplateRef<any>;
-    constructor(dialog: MatDialog, formBuilder: FormBuilder, sanitizer: DomSanitizer, http: HttpClient, cd: ChangeDetectorRef);
-    ngOnInit(): void;
+    imageFile: File;
+    addingLinkMode: boolean;
+    constructor(dialog: MatDialog, formBuilder: FormBuilder, sanitizer: DomSanitizer, http: HttpClient, cd: ChangeDetectorRef, eqpAttachmentService: EqpAttachmentService, scriptLoaderService: ScriptService);
+    ngOnInit(): Promise<void>;
     reloadData(): void;
     checkAttachmentImage(): void;
     /**
@@ -199,9 +238,9 @@ export declare class EqpAttachmentsComponent implements OnInit {
      */
     getAttachmentIcon(attachment: IAttachmentDTO): string;
     /**
-     * Apre la modale per la definizione dei parametri del nuovo file
+     * In caso di allegato singolo, sceglie quale metodo richiamare in base al tipo di allegato
      */
-    openModalAddAttachment(attachmentType: AttachmentType): void;
+    addFile(attachmentType: AttachmentType, imageInput?: any): void;
     createAttachmentForm(): void;
     close(emitCloseEvent?: boolean): void;
     /**
@@ -210,7 +249,7 @@ export declare class EqpAttachmentsComponent implements OnInit {
      * @returns
      */
     disableSave(): boolean;
-    confirmAddAttachment(): void;
+    confirmAddAttachment(multipleAttachments?: boolean): void;
     /**
      * Apre il dialog per l'anteprima dell'allegato selezionato.
      * @param row
@@ -226,7 +265,7 @@ export declare class EqpAttachmentsComponent implements OnInit {
      * 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: any): Promise<void>;
+    onFileAdded(event: any, isFileDropped?: boolean): Promise<void>;
     /**
      * 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
@@ -258,12 +297,21 @@ export declare class EqpAttachmentsComponent implements OnInit {
     restoreOriginalDimensions(): void;
     onDimensionsChange(dimension: string): void;
     imageCropped(event: ImageCroppedEvent): void;
-    getCroppedAndUpload(file: any): void;
+    getCroppedAndUpload(file: any, newAttachment: IAttachmentDTO): void;
     confirmCrop(): void;
+    rotateLeft(): void;
+    rotateRight(): void;
+    private flipAfterRotate;
+    flipHorizontal(): void;
+    flipVertical(): void;
     /**
      * Annulla la selezione del file, svuotando l'input e resettando tutte le proprietà dell'IAttachmentDTO
      */
     abortFile(): void;
+    fileDropped(files: any): void;
+    chooseDropboxFile(): void;
+    onSelectFile(event: any, fileInput: any): void;
+    switchToAddingLinkMode(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EqpAttachmentsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EqpAttachmentsComponent, "eqp-attachments", never, { "disableAction": "disableAction"; "showHeader": "showHeader"; "headerTitle": "headerTitle"; "attachmentsList": "attachmentsList"; "showMatCard": "showMatCard"; "multipleAttachment": "multipleAttachment"; "loadMultipleFiles": "loadMultipleFiles"; "attachmentsColumns": "attachmentsColumns"; "emptyTableMessage": "emptyTableMessage"; "allowOnlyImages": "allowOnlyImages"; "acceptedFileTypes": "acceptedFileTypes"; "isDisabled": "isDisabled"; "showInlinePreview": "showInlinePreview"; "getAttachmentEndpoint": "getAttachmentEndpoint"; "productionBaseUrl": "productionBaseUrl"; "compressionOptions": "compressionOptions"; "allowedTypes": "allowedTypes"; "isEqpTableMultiLanguage": "isEqpTableMultiLanguage"; "tablePaginatorVisible": "tablePaginatorVisible"; "tablePaginatorSize": "tablePaginatorSize"; "downloadTooltipPosition": "downloadTooltipPosition"; "openLinkLabel": "openLinkLabel"; "addButtonLabel": "addButtonLabel"; "downloadLabel": "downloadLabel"; "deleteLabel": "deleteLabel"; "fileNameLabel": "fileNameLabel"; "previewLabel": "previewLabel"; "uploadFileLabel": "uploadFileLabel"; "confirmLabel": "confirmLabel"; "abortLabel": "abortLabel"; "saveLabel": "saveLabel"; "exitLabel": "exitLabel"; "eqpTableSearchText": "eqpTableSearchText"; "deleteDialogTitle": "deleteDialogTitle"; "deleteDialogMessage": "deleteDialogMessage"; "noImageSelectedErrorMessage": "noImageSelectedErrorMessage"; "wrongTypeSelectedErrorMessage": "wrongTypeSelectedErrorMessage"; "videoPreviewErrorMessage": "videoPreviewErrorMessage"; "audioPreviewErrorMessage": "videoPreviewErrorMessage"; }, { "localEditedAttachments": "localEditedAttachments"; "abortAddAttachment": "abortAddAttachment"; "downloadAttachment": "downloadAttachment"; "onDeleteAttachment": "onDeleteAttachment"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EqpAttachmentsComponent, "eqp-attachments", never, { "disableAction": "disableAction"; "showHeader": "showHeader"; "headerTitle": "headerTitle"; "attachmentsList": "attachmentsList"; "showMatCard": "showMatCard"; "multipleAttachment": "multipleAttachment"; "loadMultipleFiles": "loadMultipleFiles"; "attachmentsColumns": "attachmentsColumns"; "emptyTableMessage": "emptyTableMessage"; "allowOnlyImages": "allowOnlyImages"; "acceptedFileTypes": "acceptedFileTypes"; "isDisabled": "isDisabled"; "showInlinePreview": "showInlinePreview"; "getAttachmentEndpoint": "getAttachmentEndpoint"; "productionBaseUrl": "productionBaseUrl"; "compressionOptions": "compressionOptions"; "allowedTypes": "allowedTypes"; "isEqpTableMultiLanguage": "isEqpTableMultiLanguage"; "tablePaginatorVisible": "tablePaginatorVisible"; "isTableSearcheable": "isTableSearcheable"; "tablePaginatorSize": "tablePaginatorSize"; "separatedUploadButtons": "separatedUploadButtons"; "showPreview": "showPreview"; "singleAttachmentDragAndDrop": "singleAttachmentDragAndDrop"; "cropOptions": "cropOptions"; "downloadTooltipPosition": "downloadTooltipPosition"; "openLinkLabel": "openLinkLabel"; "addButtonLabel": "addButtonLabel"; "downloadLabel": "downloadLabel"; "deleteLabel": "deleteLabel"; "fileNameLabel": "fileNameLabel"; "previewLabel": "previewLabel"; "uploadFileLabel": "uploadFileLabel"; "confirmLabel": "confirmLabel"; "abortLabel": "abortLabel"; "saveLabel": "saveLabel"; "exitLabel": "exitLabel"; "uploadWithDropboxLabel": "uploadWithDropboxLabel"; "cropLabel": "cropLabel"; "eqpTableSearchText": "eqpTableSearchText"; "deleteDialogTitle": "deleteDialogTitle"; "deleteDialogMessage": "deleteDialogMessage"; "noImageSelectedErrorMessage": "noImageSelectedErrorMessage"; "wrongTypeSelectedErrorMessage": "wrongTypeSelectedErrorMessage"; "videoPreviewErrorMessage": "videoPreviewErrorMessage"; "audioPreviewErrorMessage": "videoPreviewErrorMessage"; "flipHorinzontalLabel": "flipHorinzontalLabel"; "flipVerticalLabel": "flipVerticalLabel"; "rotateRightLabel": "rotateRightLabel"; "rotateLeftLabel": "rotateLeftLabel"; }, { "localEditedAttachments": "localEditedAttachments"; "abortAddAttachment": "abortAddAttachment"; "downloadAttachment": "downloadAttachment"; "onDeleteAttachment": "onDeleteAttachment"; }, never, never, false, never>;
 }

package/lib/eqp-attachments.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/forms";
 import * as i4 from "@angular/common";
 import * as i5 from "ngx-image-cropper";
 import * as i6 from "@eqproject/eqp-table";
+import * as i7 from "ngx-file-drop";
 export declare class EqpAttachmentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EqpAttachmentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EqpAttachmentsModule, [typeof i1.EqpAttachmentsComponent], [typeof i2.MaterialModule, typeof i3.FormsModule, typeof i4.CommonModule, typeof i3.ReactiveFormsModule, typeof i5.ImageCropperModule, typeof i6.EqpTableModule], [typeof i1.EqpAttachmentsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EqpAttachmentsModule, [typeof i1.EqpAttachmentsComponent], [typeof i2.MaterialModule, typeof i3.FormsModule, typeof i4.CommonModule, typeof i3.ReactiveFormsModule, typeof i5.ImageCropperModule, typeof i6.EqpTableModule, typeof i7.NgxFileDropModule], [typeof i1.EqpAttachmentsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EqpAttachmentsModule>;
 }

package/lib/helpers/attachment.helper.d.ts

@@ -2,6 +2,7 @@ import * as i0 from "@angular/core";
 export declare class AttachmentHelperService {
     static readonly imageMimeTypes: string[];
     static readonly fileExtensionIcon: any;
+    static readonly dropboxCredentials: any;
     constructor();
     /**
     * Restituisce TRUE se il mime type passato nel parametro corrisponde ad un mime type di un'immagine

package/lib/interfaces/IAttachment.d.ts

@@ -12,5 +12,10 @@ export interface IAttachmentDTO {
 }
 export declare enum AttachmentType {
     FILE = 1,
-    LINK = 2
+    LINK = 2,
+    DROPBOX = 3
+}
+export declare enum CropOptionEnum {
+    ROTATE = 1,
+    FLIP = 2
 }

package/lib/services/eqp-attachment.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class EqpAttachmentService {
+    constructor();
+    loadDropboxScript(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EqpAttachmentService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EqpAttachmentService>;
+}

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "@eqproject/eqp-attachments",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Dynamic attachments component - Angular Material based",
   "author": {
     "name": "EqProject"
   },
   "bundledDependencies": [],
   "peerDependencies": {
+    "@angular/cdk": "^15.1.2",
     "@angular/common": "^15.1.2",
-    "@angular/core": "^15.1.2",
-    "@angular/cdk": "^15.1.2"
+    "@angular/core": "^15.1.2"
   },
   "dependencies": {
     "@eqproject/eqp-table": "latest",
     "browser-image-compression": "^2.0.0",
+    "ngx-file-drop": "^15.0.0",
     "ngx-image-cropper": "^6.3.2",
     "sweetalert2": "^11.7.1",
     "tslib": "^2.4.0"