@simpleangularcontrols/sac-common 10.0.0-rc.1

package/common/baseuploadcontrol.d.ts

@@ -0,0 +1,284 @@
+import { EventEmitter, Injector, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import { UploadState, UploadxService } from 'ngx-uploadx';
+import { Observable } from 'rxjs';
+import { SacFormLayoutCommon } from '../controls/layout/formlayout';
+import { ISacIconService } from '../interfaces/ISacIconService';
+import { ISacLocalisationService } from '../interfaces/ISacLocalisationService';
+import { SacBaseModelControl } from './basemodelcontrol';
+/**
+ * Base Klasse für Uploader Control
+ */
+export declare abstract class SacUploadBase<VALUE> extends SacBaseModelControl<VALUE> implements OnInit, OnDestroy {
+    private renderer;
+    private ngZone;
+    /**
+     * File Input Control
+     */
+    private uploadInput;
+    /**
+     * Erlaubte Dateitypen
+     */
+    private _allowedtypes;
+    /**
+     * Files automatisch hochladen
+     */
+    private _autoupload;
+    /**
+     * Pausieren von Uploads erlauben
+     */
+    private _enablepause;
+    /**
+     * API Endpoint
+     */
+    private _endpoint;
+    /**
+     * Upload Settings
+     */
+    private options;
+    /**
+     * icon service to receive icons for uploader
+     */
+    protected iconService: ISacIconService;
+    /**
+     * Upload Service
+     */
+    protected uploadService: UploadxService;
+    /**
+     * Definiert das Control als Required
+     */
+    isrequired: boolean;
+    /**
+     * Max. Dateigrösse für Files die hochgeladen werden können. 0 deaktiviert den Filter
+     */
+    maxfilesize: number;
+    /**
+     * Resource Key für Validation Message Required bei Control
+     */
+    validationmessagerequired: string;
+    /**
+     * Resource Key für Validation Message Required in Validation Summary
+     */
+    validationmessagesummaryrequired: string;
+    /**
+     * Event wenn ein Error in der Komponente ausgelöst wird.
+     */
+    onfileerror: EventEmitter<string>;
+    /**
+     * Handling von neuen Files im Input Control
+     */
+    fileListener: () => void;
+    /**
+     * Listener für Files
+     */
+    listenerFn: () => void;
+    /**
+     * Service für Error Localisation
+     */
+    lngResourceService: ISacLocalisationService;
+    /**
+     * Array von Uploads
+     */
+    uploads: SacUploadFile[];
+    /**
+     * Constructor
+     * @param formlayout SacFormLayoutCommon to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param renderer angular rendering engine
+     * @param ngZone ngzone for handling external scripts
+     */
+    constructor(formlayout: SacFormLayoutCommon, injector: Injector, renderer: Renderer2, ngZone: NgZone);
+    /**
+     * Erlaubte Dateitypen für den Upload. Format: ".xxx,.yyy,.zzz"
+     */
+    set allowedtypes(types: string);
+    /**
+     * Files nach der Auswahl automatisch hochladen
+     */
+    set autoupload(v: boolean);
+    /**
+     * Uploads können unterbrochen werden
+     */
+    set enablepause(v: boolean);
+    /**
+     * Definiert den Registration Endpoint für Uploads.
+     */
+    set endpoint(v: string);
+    /**
+     * Icon for browse button
+     */
+    get IconBrowse(): string;
+    /**
+     * icon for continous buttons
+     */
+    get IconContinue(): string;
+    /**
+     * icon for delete buttons
+     */
+    get IconDelete(): string;
+    /**
+     * icon for pause buttons
+     */
+    get IconPause(): string;
+    /**
+     * icon for upload button
+     */
+    get IconUpload(): string;
+    get allowedtypes(): string;
+    get autoupload(): boolean;
+    get enablepause(): boolean;
+    get endpoint(): string;
+    /**
+     * Name der Datei die Hochgeladen wird
+     * @returns Observable des Dateinamens.
+     */
+    Filename(): Observable<string>;
+    /**
+     * Gibt an ob Queue Elemente beinhaltet
+     * @returns Elemente in der Queue
+     */
+    HasQueueItem(): boolean;
+    /**
+     * Gibt an ob ein Upload abgeschlossen ist
+     * @returns Upload erfolgreich
+     */
+    HasSuccessUpload(): boolean;
+    /**
+     * Prüft ob ein Upload pausiert
+     * @returns Pausierter Upload ist vorhanden
+     */
+    IsPaused(): boolean;
+    /**
+     * Prüft ob in der Queue Elemente die zum Upload bereit sind vorhanden sind.
+     * @returns Elemente für Upload vorhanden
+     */
+    IsStateToUpload(): boolean;
+    /**
+     * Prüft ob ein Upload eines Files am laufen ist
+     * @returns Upload ist am laufen
+     */
+    IsUploading(): boolean;
+    /**
+     * Gibt den Uploadfortschritt zurück
+     * @returns Upload Fortschritt. Wert von 0-100
+     */
+    Progress(): number;
+    /**
+     * Cancel single upload
+     * @param uploadId ID of File to cancel
+     */
+    cancel(uploadId: any): void;
+    /**
+     * Cancel all Uploaded files
+     */
+    cancelAll(): void;
+    /**
+     * Destroy des Controls
+     */
+    ngOnDestroy(): void;
+    /**
+     * Initialisiert das Control
+     */
+    ngOnInit(): void;
+    /**
+     * Upload Event
+     *
+     * @param uploadsOutStream Upload Item
+     */
+    onUpload(ufile: UploadState): void;
+    /**
+     * Cancel Single File
+     * @param uploadId ID of File to Cancel
+     */
+    pause(uploadId: any): void;
+    /**
+     * Pause all Uploads
+     */
+    pauseAll(): void;
+    /**
+     * Upload Single File
+     *
+     * @param uploadId ID of File to Upload
+     */
+    upload(uploadId: any): void;
+    /**
+     * Upload all queued Files
+     */
+    uploadAll(): void;
+    /**
+     * Validiert das Upload Control
+     * @param c Control das validiert werden soll
+     */
+    validateData(c: AbstractControl): ValidationErrors | null;
+    /**
+     * Methode kann für Controls verwendet werden, zusätzliche Validierungen bei hinzufügen der Files zu machen
+     *
+     * @param file File das hinzugefügt wurde.
+     * @returns Valdierung ist erfolgreich
+     */
+    abstract CustomAddValidation(file: UploadState): boolean;
+    /**
+     * Methode welche die Upload ID's in das Model setzt oder löscht
+     *
+     * @param file Type von File ID's
+     */
+    abstract SetUploadValue(file: UploadState): void;
+    private UpdateFileCount;
+    /**
+     * Returns the number of uploaded files
+     */
+    private UploadedFileCount;
+    /**
+     * Prüft ob die Dateierweiterung gültig ist
+     *
+     * @param filename Dateiname
+     */
+    private isExtensionValid;
+    /**
+     * Prüft ob das File nicht zu gross ist.
+     *
+     * @param filesize Max File Size in Bytes
+     */
+    private isFileSizeValid;
+    /**
+     * Setzt die erlaubten Datentypen für den Upload
+     *
+     * @param types Erlaubte File Extensions
+     */
+    private setAllowedTypes;
+    /**
+     * Setzt den Upload Endpoit
+     * @param url Register URI
+     */
+    private setEndpoint;
+}
+/**
+ * Klasse für den Upload einer Datei in der Upload Component
+ */
+export declare class SacUploadFile {
+    /**
+     * Document ID
+     */
+    documentid: string;
+    /**
+     * Dateiname
+     */
+    name: string;
+    /**
+     * Upload Fortschritt
+     */
+    progress: number;
+    /**
+     * Upload Status
+     */
+    status: string;
+    /**
+     * Upload ID
+     */
+    uploadId: string;
+    /**
+     * Konstruktor
+     * @param ufile Upload Status
+     */
+    constructor(ufile: UploadState);
+}

package/common/baseuploadcontrol.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/components/browser/browser.d.ts

@@ -0,0 +1,267 @@
+import { HttpClient } from '@angular/common/http';
+import { EventEmitter, Injector, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ISacLocalisationService } from '../../interfaces/ISacLocalisationService';
+import { ISacValidationKeyService } from '../../interfaces/ISacValidationKeyService';
+import { IBrowserFile } from './models/browserfile';
+import { IBrowserNode } from './models/browsernode';
+/**
+ * Base Component für File Browser
+ */
+export declare abstract class SacFileBrowserCommon implements OnInit {
+    /**
+     * Service für File Browser Zugriff (Backend)
+     */
+    private browserService;
+    /**
+     * Icon service to receive icon classes for ui
+     */
+    private iconService;
+    /**
+     * File welches beim starten des Browsers bereits selektiert ist
+     */
+    private preselecedfile;
+    /**
+     * Erlaubte Dateierweiterungen für Fileauswahl und Upload. Dateierweiterung mit Punkt und
+     * getrennt durch Komma für mehr als eine Erweiterung (Example: ".jpg,.gif")
+     */
+    allowedtypes: string;
+    /**
+     * Erlaubt das löschen einer Datei
+     */
+    allowfiledelete: boolean;
+    /**
+     * Erlaubt das umbenennen einer Datei
+     */
+    allowfilerename: boolean;
+    /**
+     * Erlaubt den Upload von Dateien
+     */
+    allowfileupload: boolean;
+    /**
+     * Erlaubt das erstellen eines neuen Ordners
+     */
+    allowfoldercreate: boolean;
+    /**
+     * Erlaubt das löschen eines Ordners
+     */
+    allowfolderdelete: boolean;
+    /**
+     * Erlaubt das Umbenennen eines Ordners
+     */
+    allowfolderrename: boolean;
+    /**
+     * URL für Backend API
+     */
+    apiurl: string;
+    /**
+     * Output Emitter wenn File selektiert wird.
+     */
+    file: EventEmitter<string>;
+    /**
+     * Service für Error Localisation
+     */
+    lngResourceService: ISacLocalisationService;
+    /**
+     * Root Node Item für Tree
+     */
+    rootNode: IBrowserNode;
+    /**
+     * Selected File Name
+     */
+    selectedFile: string;
+    /**
+     * Selected File Item
+     */
+    selectedFileItem: IBrowserFile;
+    /**
+     * Selected Node Item
+     */
+    selectedNode: IBrowserNode;
+    /**
+     * Liste von Uploads
+     */
+    uploads: string[];
+    /**
+     * Service to receive standard validation message keys and texts
+     */
+    validationKeyService: ISacValidationKeyService;
+    /**
+     * Konstruktor
+     * @param httpclient Angular HTTP Client
+     * @param injector Service Injector
+     */
+    constructor(httpclient: HttpClient, injector: Injector);
+    /**
+     * Setzt den Seleced Node über den Pfad
+     */
+    set selectedfile(v: string | null);
+    /**
+     * CSS icon class for delete icon
+     * @returns css class with icon
+     */
+    get iconDelete(): string;
+    /**
+     * CSS icon class for edit icon
+     * @returns css class with icon
+     */
+    get iconEdit(): string;
+    /**
+     * CSS icon for folders in tree there are collabsed
+     * @returns css class with icon
+     */
+    get iconFolderCollabsed(): string;
+    /**
+     * CSS icon class for folders without subfolders
+     * @returns css class with icon
+     */
+    get iconFolderEmpty(): string;
+    /**
+     * CSS icon for new folders action
+     * @returns css class with icon
+     */
+    get iconFolderNew(): string;
+    /**
+     * CSS icon for folders in tree there are expanded
+     * @returns css class with icon
+     */
+    get iconFolderOpen(): string;
+    /**
+     * CSS icon class for refresh icon
+     * @returns css class with icon
+     */
+    get iconRefresh(): string;
+    /**
+     * Getter für Selected File. Ist an Input Property gebunden
+     */
+    get selectedfile(): string | null;
+    /**
+     * HostListener welcher den Edit Mode bei allen Files und Nodes beendet.
+     */
+    exitEditMode(targetElement: any): void;
+    /**
+     * Löscht ein File
+     * @param file File welches gelöscht werden soll
+     */
+    deleteFile(file: IBrowserFile): void;
+    /**
+     * Löscht einen Node
+     * @param node Node welcher gelöscht werden soll
+     */
+    deleteNode(node: IBrowserNode): void;
+    /**
+     * Setzt ein File in den Edit Mode
+     * @param file File welches in den Edit Mode gesetzt werden soll
+     */
+    editFile(file: IBrowserFile): void;
+    /**
+     * Setzt einen Node in den Edit Mode
+     * @param node Node welcher bearbeitet werden soll
+     */
+    editNode(node: IBrowserNode): void;
+    /**
+     * Erzeugt einen neuen Node im Tree
+     * @param node Node unter welchem ein neuer Node erstellt werden soll
+     */
+    newNode(node: IBrowserNode): void;
+    /**
+     * Init Event der Komponente
+     */
+    ngOnInit(): void;
+    /**
+     * Aktualisiert den Node
+     */
+    refreshNode(node: IBrowserNode): void;
+    /**
+     * Methode wenn eine Datei umbenannt werden soll
+     * @param file File welches umbenannt werden soll
+     * @param newFilename Neuer Dateiname
+     */
+    renameFile(file: IBrowserFile, newFilename: string): void;
+    /**
+     * Methode wenn ein Node umbenannt werden soll
+     * @param node Node welcher umbenannt werden soll
+     * @param newFoldername Neuer Ordnername
+     */
+    renameNode(node: IBrowserNode, newFoldername: string): void;
+    /**
+     * Methode wenn ein File selektiert wird
+     * @param file File welches selektiert wird
+     */
+    selectFile(file: IBrowserFile): void;
+    /**
+     * Methode wenn ein Node selektiert wird
+     * @param node Node welcher selektiert werden soll
+     */
+    selectNode(node: IBrowserNode): void;
+    /**
+     * Expand/Collabse Methode für Nodes
+     * @param node Node welcher geöffnet oder geschlossen werden soll
+     */
+    switchExpandNode(node: IBrowserNode): void;
+    /**
+     * Methode die Aufgerufen werden muss, wenn ein Upload beendet ist.
+     * @param param Parameter des hochgeladenen Files
+     */
+    uploadComplete(node: IBrowserNode, uploadIdList: string[]): void;
+    /**
+     * Abstrakte Confirm Methode welche implementiert werden muss. Methode wird aufgerufen, wenn eine
+     * Datei gelöscht werden soll.
+     * @param file File für welches ein Delete Confirm eingefordert werden soll
+     */
+    abstract confirmDeleteFile(file: IBrowserFile): Observable<boolean>;
+    /**
+     * Abstrakte Confirm Methode welche implementiert werden muss. Methode wird aufgerufen, wenn ein
+     * Ordner gelöscht werden soll.
+     * @param folder Ordern für welchen ein Delete Confirm eingefordert werden soll.
+     */
+    abstract confirmDeleteNode(folder: IBrowserNode): Observable<boolean>;
+    /**
+     * Abstrakte Methode die Aufgerufen wird, wenn das Hochgeladene File aus dem Temp Folder in die
+     * Struktur verschoben wurde.
+     * @param uploadid ID des Uploads
+     */
+    abstract uploadedFileMoved(uploadid: string): void;
+    /**
+     * Rekursive Methode welche beim Node und all seinen Childs neue Nodes entfernt
+     * @param node Node bei welchem alle neuen Nodes entfernt werden soll.
+     */
+    private clearNewChildNodes;
+    /**
+     * Methode welche den Pfad für einen Node erzeugt
+     * @param node Node für welchen der Pfad erzeugt werden soll
+     * @param parentPath Übergeordneter Pfad
+     */
+    private fillPath;
+    /**
+     * Sucht den übergeordneten Node im Tree
+     * @param node Aktueller Node
+     * @param nodeToFind Node welcher gefunden werden soll
+     * @returns Node wenn er gefunden wurde, ansonsten wird NULL zurückgegeben
+     */
+    private findParentNode;
+    /**
+     * Sucht einen Node gem. einem URL Pfad
+     * @param node Node in welchem gesucht werden soll
+     * @param path Pfad nach welchem gesucht wird
+     * @returns Node welcher zum gesuchten Pfad passt. Wenn kein Node gefunden wird, wird NULL zurückgegeben
+     */
+    private findSelectedNodeByPath;
+    /**
+     * Sucht einen Node gem. einem Array von Node Namen
+     * @param node Node in welchem gesucht werden soll
+     * @param path Array von Node Namen, welche die Hirarchy des Pfades abbilden
+     * @param index Aktueller Index im PATH Array
+     * @returns Node wenn einer gefunden wurde, ansonsten NULL
+     */
+    private findSelectedNodeByPathArray;
+    /**
+     * Rekursive Methode welche beim Node und all seinen Childs den Edit Mode beendet.
+     * @param node Node bei welchem der Edit Mode beendet werden soll
+     */
+    private resetNodeEditMode;
+    /**
+     * Setzt den Pfad in allen Nodes
+     */
+    private setPathToAllNodes;
+}

package/components/browser/browser.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/components/browser/models/browserfile.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Interface für Datei Items in File Browser Component
+ */
+export interface IBrowserFile {
+    /**
+     * Dateiname
+     */
+    Filename: string;
+    /**
+     * Grösse der Datei
+     */
+    Size: number;
+    /**
+     * Item wird bearbeitet
+     */
+    IsEditMode: boolean;
+}

package/components/browser/models/browserfile.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/components/browser/models/browserfiledeleterequest.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Klasse für API Request zum löschen eines Files
+ */
+export declare class BrowserFileDeleteRequest {
+    /**
+     * Konstruktor
+     * @param init Initale Werte der Klasse
+     */
+    constructor(init?: Partial<BrowserFileDeleteRequest>);
+    /**
+     * Pfad
+     */
+    Path: string;
+    /**
+     * Erlaubte Dateitypen
+     */
+    AllowedTypes: string;
+}

package/components/browser/models/browserfiledeleterequest.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/components/browser/models/browserfilerenamerequest.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Klasse für den API Request zum umbenennen einer Datei
+ */
+export declare class BrowserFileRenameRequest {
+    /**
+     * Konstruktor
+     * @param init Initiale Werte
+     */
+    constructor(init?: Partial<BrowserFileRenameRequest>);
+    /**
+     * Pfad zu Datei
+     */
+    Path: string;
+    /**
+     * Neuer Dateiname
+     */
+    NewFilename: string;
+    /**
+     * Erlaubte Dateierweiterungen
+     */
+    AllowedTypes: string;
+}

package/components/browser/models/browserfilerenamerequest.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/components/browser/models/browserfileresponse.d.ts

@@ -0,0 +1,10 @@
+import { IBrowserFile } from './browserfile';
+/**
+ * Interface für API Response von Files
+ */
+export interface IBrowserFileResponse {
+    /**
+     * Array von Files in einem Node
+     */
+    Files: IBrowserFile[];
+}

package/components/browser/models/browserfileresponse.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/components/browser/models/browserfilesaverequest.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Request zum speichern einer hochgeladenen Datei
+ */
+export declare class BrowserFileSaveRequest {
+    /**
+     * Constructor
+     * @param init Initale Parameter
+     */
+    constructor(init?: Partial<BrowserFileSaveRequest>);
+    /**
+     * Pfad in welchem der Upload gespeichert werden soll
+     */
+    Path: string;
+    /**
+     * Upload ID
+     */
+    UploadId: string;
+    /**
+     * Erlaubte Dateitypen
+     */
+    AllowedTypes: string;
+}

package/components/browser/models/browserfilesaverequest.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/components/browser/models/browsernode.d.ts

@@ -0,0 +1,34 @@
+import { IBrowserFile } from './browserfile';
+/**
+ * Interface für Node in File Browser Component
+ */
+export interface IBrowserNode {
+    /**
+     * Name des Nodes
+     */
+    Name: string;
+    /**
+     * Child Nodes
+     */
+    ChildNodes: IBrowserNode[];
+    /**
+     * File Items in diesem Node
+     */
+    Files: IBrowserFile[];
+    /**
+     * Pfad für diesen Node
+     */
+    Path: string;
+    /**
+     * Node ist ausgeklappt
+     */
+    IsExpanded: boolean;
+    /**
+     * Node wird bearbeitet
+     */
+    IsEditMode: boolean;
+    /**
+     * Node wurde erzeugt aber noch nicht gespeichert
+     */
+    IsNewNode: boolean;
+}

package/components/browser/models/browsernode.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};