@colijnit/sharedcomponents 261.1.2 → 261.20.0

package/projects/sharedcomponents/src/lib/components/email-selector/email-selector.component.ts

@@ -1,121 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, OnInit, Output, ViewChild} from "@angular/core";
-import {Icon} from "../../enum/icon.enum";
-import {IconCacheService} from "../../service/icon-cache.service";
-import {WorkflowCategoryType} from "@colijnit/mainapi/build/enum/workflow-category.enum";
-import {RoleEmailaddress} from "@colijnit/mainapi/build/model/role-email-address";
-import {SharedService} from "../../service/shared.service";
-import {StringUtils} from "@colijnit/ioneconnector/build/utils/string-utils";
-import {SafeHtml} from "@angular/platform-browser";
-
-@Component({
-    selector: "co-email-selector",
-    template: `
-
-      <div class="recipients-line">
-        <co-role-email-selector [(model)]="emailAddresses" [key]="key" [workflowCategoryType]="workflowCategoryType"
-                                [fieldLabel]="'Aan'" (modelChange)="handleEmailAddressesChanged()"></co-role-email-selector>
-        <div class="recipients-bcc" *ngIf="!showBCC">
-          <label class="BCC-label"[textContent]="'Bcc'"></label>
-          <co-button [iconData]="buttonIcon" (click)="toggleBCC()"></co-button>
-        </div>
-        <div class="recipients-add" *ngIf="showBCC">
-          <label class="add-label"[textContent]="'Aan'"></label>
-          <!--co-button [iconData]="buttonIcon" (click)="toggleBCC()"></co-button-->
-        </div>
-      </div>
-      <div class="recipients-line" *ngIf="showBCC">
-        <co-role-email-selector [(model)]="bccEmailAddresses"  [key]="key" [workflowCategoryType]="workflowCategoryType"
-                                [fieldLabel]="'Bcc'" (modelChange)="handleBccEmailAddressesChanged()"></co-role-email-selector>
-        <div class="recipients-bcc">
-          <label class="bcc-label"[textContent]="'Bcc'"></label>
-          <co-button [iconData]="buttonIcon" (click)="toggleBCC()"></co-button>
-        </div>
-      </div>
-
-    `,
-})
-export class EmailSelectorComponent implements OnInit{
-  public readonly icons: typeof Icon = Icon;
-
-  @Input()
-  public set key(value: string) {
-    this._key = value;
-  };
-
-  public get key(): string {
-    return this._key;
-  };
-
-  @Input()
-  public set workflowCategoryType(value: WorkflowCategoryType) {
-    this._workflowCategoryType = value;
-  };
-
-  public get workflowCategoryType(): WorkflowCategoryType {
-    return this._workflowCategoryType;
-  };
-
-  @Input()
-  public set emailAddresses(value: string[]) {
-    this._emailAddresses = value;
-  };
-
-  public get emailAddresses(): string[] {
-    return this._emailAddresses;
-  };
-
-  @Input()
-  public set bccEmailAddresses(value: string[]) {
-    this._bccEmailAddresses = value;
-  };
-
-  public get bccEmailAddresses(): string[] {
-    return this._bccEmailAddresses;
-  };
-
-  public showBCC: boolean = false;
-  public buttonIcon: SafeHtml = this.iconService.getIcon(this.icons.SquarePlusRegular);
-
-  @Output()
-  public readonly emailAddressesChange: EventEmitter<any> = new EventEmitter<any>();
-  @Output()
-  public readonly bccEmailAddressesChange: EventEmitter<any> = new EventEmitter<any>();
-
-  private _key: string;
-  private _workflowCategoryType: WorkflowCategoryType;
-
-  private _emailAddresses: string[] = [];
-  private _bccEmailAddresses: string[] = [];
-
-  @HostBinding("class.co-email-selector")
-  public showClass() {
-    return true;
-  }
-
-  constructor(public iconService: IconCacheService,
-              public sharedService: SharedService
-  ) {
-  }
-
-  async ngOnInit() {
-  }
-
-  public toggleBCC(): void {
-    if (!this.showBCC) {
-      this.showBCC = true;
-      this.buttonIcon = this.iconService.getIcon(this.icons.MinusSimple);
-    } else {
-      this.showBCC = false;
-      this.bccEmailAddresses = [];
-      this.buttonIcon = this.iconService.getIcon(this.icons.PlusSimple);
-    }
-  }
-
-  public handleEmailAddressesChanged():void {
-    this.emailAddressesChange.emit(this.emailAddresses);
-  }
-
-  public handleBccEmailAddressesChanged():void {
-    this.bccEmailAddressesChange.emit(this.bccEmailAddresses);
-  }
-}

package/projects/sharedcomponents/src/lib/components/email-selector/email-selector.module.ts

@@ -1,32 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BusinessObjectFactory} from '@colijnit/ioneconnector/build/service/business-object-factory';
-import {ButtonModule, IconModule, InputTextModule, ListOfValuesModule} from '@colijnit/corecomponents_v12';
-import {CommonModule} from '@angular/common';
-import {EmailSelectorComponent} from './email-selector.component';
-import {RoleEmailSelectorModule} from '../role-email-selector/role-email-selector.module';
-import {SharedComponentsTranslationModule} from '../../translation/shared-components-translation.module';
-
-
-@NgModule({
-  imports: [
-    ListOfValuesModule,
-    InputTextModule,
-    SharedComponentsTranslationModule,
-    IconModule,
-    CommonModule,
-    RoleEmailSelectorModule,
-    ButtonModule,
-  ],
-  declarations: [
-    EmailSelectorComponent
-  ],
-  exports: [
-    EmailSelectorComponent
-  ],
-  providers: [
-    BusinessObjectFactory
-  ]
-})
-export class EmailSelectorModule {
-
-}

package/projects/sharedcomponents/src/lib/components/file-upload/file-upload.component.ts

@@ -1,241 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  HostBinding,
-  Input,
-  OnDestroy,
-  Output,
-  ViewChild,
-  ViewEncapsulation
-} from "@angular/core";
-import {FormComponent, PromptService} from "@colijnit/corecomponents_v12";
-import {CoDocument} from "@colijnit/mainapi/build/model/co-document.bo";
-import {Icon} from "../../enum/icon.enum";
-import {InputBoolean} from "../../decorator/input-boolean.decorator";
-import {FileTypeImagePipe} from "../../pipe/file-type-image.pipe";
-import {IconCacheService} from "../../service/icon-cache.service";
-import {Subscription} from "rxjs";
-import {SharedService} from "../../service/shared.service";
-
-@Component({
-    selector: "co-file-upload",
-    template: `
-      <co-tile-render [hideImageDisplayWhenNoImage]="true"
-                      [imageDataUri]="previewImage"
-                      [description]="label"
-                      [creationDate]="creationDate"
-                      [creationUser]="creationUser"
-                      [modifiedDate]="modifiedDate"
-                      [modifiedUser]="modifiedUser"
-                      (imageClick)="onImageClick()">
-        <ng-template #infoTemplate>
-          <co-button *ngIf="isEditable && !readonly" class="edit-file" [iconData]="iconService.getIcon(icons.EditPenRegular)"
-                     (click)="onPencilClick()"></co-button>
-        </ng-template>
-        <co-icon *ngIf="showTrashCan && !readonly" [iconData]="iconService.getIcon(icons.Trashbin)" class="trash" (click)="onDeleteClick()"></co-icon>
-        <span class="plus-add-button" *ngIf="icon">
-              <span [textContent]="'UPLOAD_FILE' | sharedLocalize"></span>
-              <co-icon tile-render-image-content class="dark add-button plus" [icon]="icon"></co-icon>
-            </span>
-
-        <co-icon tile-render-image-content *ngIf="dropzone" class="dark add-button" [iconData]="iconService.getIcon(icons.FoldersSharpRegular)"></co-icon>
-      </co-tile-render>
-    `,
-    encapsulation: ViewEncapsulation.None,
-})
-// The GUI part of the files-upload component. Not a standalone component.
-export class FileUploadComponent implements OnDestroy {
-    public readonly icons: typeof Icon = Icon;
-
-    @ViewChild(FormComponent)
-    public form: FormComponent;
-
-    // Input file to upload.
-    @Input()
-    public set file(document: CoDocument) {
-        this._file = document;
-        this._updatePreviewImage();
-        // we should produce a preview image from given document, but its contents might not yet have been loaded:
-        this._listenForDocumentBodyChanges();
-    }
-
-    public get file(): CoDocument {
-        return this._file;
-    }
-
-    // Show icon as placeholder
-    @Input()
-    public icon: Icon;
-
-    // Element clickable
-    @Input()
-    public link: boolean = false;
-
-    @Input()
-    public dropzone: boolean = false;
-
-    @Input()
-    public readonly: boolean = false;
-
-    // Is tile an 'adding' tile
-    @Input()
-    @InputBoolean()
-    public isAddingTile: boolean = false;
-
-    // Set this parameter to false if clicking ok on the document edit popup does not save the document
-    // so that refreshing of content on file open works correctly
-    @Input()
-    @InputBoolean()
-    public fileSavesOnPopupOkClick: boolean = true;
-
-    @Input()
-    @InputBoolean()
-    public isEditable: boolean = false;
-
-    @Input()
-    set label(value: string) {
-        this._label = value;
-    }
-
-    get label(): string {
-        if (this._file && this._file.description) {
-            return this._file.description;
-        } else {
-            return this._label;
-        }
-    }
-
-    // Show a trashcan icon
-    @Input()
-    public showTrashCan: boolean = false;
-
-    // Show an image as placeholder
-    @Input()
-    public showImage: boolean = false;
-
-    @Input()
-    public customImageClick: boolean = false;
-
-    @Input()
-    public creationDate: Date;
-
-    @Input()
-    public creationUser: string = '';
-
-    @Input()
-    public modifiedDate: Date;
-
-    @Input()
-    public modifiedUser: string = '';
-
-    @Output()
-    public deleteClick: EventEmitter<any> = new EventEmitter<any>();
-
-    @Output()
-    public editClick: EventEmitter<CoDocument> = new EventEmitter<CoDocument>();
-
-    @Output()
-    public imageClick: EventEmitter<CoDocument> = new EventEmitter<CoDocument>();
-
-    @HostBinding('class.co-file-upload')
-    public showClass(): boolean {
-      return true;
-    }
-
-    @HostBinding("class.link")
-    public get isLink(): boolean {
-        return this.link;
-    }
-
-    public previewImage: string = "";
-
-    private _file: CoDocument;
-    private _docBodyChangeSub: Subscription;
-    private _label: string = "";
-
-    constructor(
-        private _promptService: PromptService,
-        private _fileTypeImgPipe: FileTypeImagePipe,
-        public iconService: IconCacheService,
-        private _sharedService: SharedService
-        ) {
-    }
-
-    ngOnDestroy(): void {
-        if (this._docBodyChangeSub) {
-            this._docBodyChangeSub.unsubscribe();
-        }
-    }
-
-    public onDeleteClick(): void {
-        this.deleteClick.emit();
-    }
-
-    public async  onImageClick(): Promise<void> {
-        if (this.isAddingTile) {
-            return;
-        }
-        if (this.customImageClick) {
-            this.imageClick.next(this._file);
-            return;
-        }
-        //first download document body if it is stored in a private cdn directory
-        if (!this._file.documentBody) {
-            await this._sharedService.getDocumentContent(this._file.documentId).then(documentBody => this._file.documentBody = documentBody);
-        }
-        if (this._file.isImageDocument()) { //preview image
-            this._promptService.showImage(this.file.documentBodyAsDataUri, "Preview");
-        } else { //download document
-            try {
-                //FileUtils.DownloadFromDataUri(this._file.bodyAsDataUri, this._file.fileName);
-            } catch (e) {
-
-            }
-        }
-    }
-
-    public async onPencilClick(): Promise<void> {
-        // refresh file content if files are saved individually
-        if (this._file.hasId() && this.fileSavesOnPopupOkClick) {
-            let idForLink: number;
-            if (this._file.idForLink) {
-                idForLink = this._file.idForLink;
-            }
-            // Get most recent version of this file if it has an id and therefore has been saved in the db
-            //TODO fix fetch
-           // this._file = await this._generalDal.getDocumentFromTable(this._file.documentId);
-            //this._file.idForLink = idForLink; // Restore the idForLink
-        }
-
-        this.editClick.emit(this._file);
-    }
-
-    // updates this.previewImage when doc body changes
-    private _listenForDocumentBodyChanges(): void {
-        if (this._file) {
-            if (this._docBodyChangeSub) {
-                this._docBodyChangeSub.unsubscribe();
-            }
-
-            // @ts-ignore
-          this._docBodyChangeSub = this._file.documentBodyChange.subscribe(() => {
-                this._updatePreviewImage();
-            });
-        }
-    }
-
-    private _updatePreviewImage(): void {
-        if (this._file) {
-            if (this._file.isImageDocument()) {
-                this.previewImage = this._file.documentBodyAsDataUri;
-                if (this.previewImage === "") {
-                    this._sharedService.getDocumentContent(this._file.documentId).then(documentBody => this._file.documentBody = documentBody);
-                    this.previewImage = this._file.documentBody;
-                }
-            } else {
-                this.previewImage = this._fileTypeImgPipe.transform(this.file.fileTypeInternal);
-            }
-        }
-    }
-
-}

package/projects/sharedcomponents/src/lib/components/file-upload/file-upload.module.ts

@@ -1,28 +0,0 @@
-import {NgModule} from "@angular/core";
-import {FileUploadComponent} from "./file-upload.component";
-import {ButtonModule, IconModule} from "@colijnit/corecomponents_v12";
-import {TileRenderModule} from "../tile-renderer/tile-render.module";
-import {CommonModule} from "@angular/common";
-import {SharedComponentsTranslationModule} from "../../translation/shared-components-translation.module";
-
-
-@NgModule({
-    imports: [
-        IconModule,
-        TileRenderModule,
-        CommonModule,
-        ButtonModule,
-        SharedComponentsTranslationModule
-    ],
-  declarations: [
-    FileUploadComponent
-  ],
-  exports: [
-    FileUploadComponent
-  ],
-  providers: [
-  ]
-})
-export class FileUploadModule {
-
-}