@colijnit/sharedcomponents 261.1.2 → 261.20.0

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

@@ -1,451 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, OnInit, Output, ViewChild, ViewEncapsulation} from '@angular/core';
-import {FormComponent} from '@colijnit/corecomponents_v12';
-import {DocumentPublication} from "@colijnit/articleapi/build/enum/refcode/document-publication.enum";
-import {StoreGroup} from "@colijnit/mainapi/build/model/store-group.bo";
-import {ObjectRightType} from "@colijnit/sharedapi/build/enum/object-right-type.enum";
-import {PromptService} from "@colijnit/corecomponents_v12";
-import {BusinessObjectFactory} from "@colijnit/ioneconnector/build/service/business-object-factory";
-import {InputBoolean} from "../../decorator/input-boolean.decorator";
-import {CoDocument} from "@colijnit/mainapi/build/model/co-document.bo";
-import {CoDocumentRight} from "@colijnit/mainapi/build/model/co-document-right";
-import {TagCategory} from "../../enum/tag-category.enum";
-import {FilesUploadConfigObjects} from "../../enum/files-upload-config-objects";
-import {TableName} from "../../enum/table-name.enum";
-import {FileType} from "../../enum/file-type";
-import {DocumentEmailReport} from "../../enum/document-email-report.enum";
-import {TagsComponentConfigNames} from "../../enum/tags-component-config-names";
-import {DomainMultipleName} from "../../enum/domain-multiple-name.enum";
-import {TagTreeItem} from "../../model/tag-tree-item.bo";
-import {FileTypeImagePipe} from "../../pipe/file-type-image.pipe";
-import {FileUtils} from "@colijnit/mainapi/build/utils/file-utils";
-import {Icon} from "../../enum/icon.enum";
-import {IconCacheService} from "../../service/icon-cache.service";
-
-
-@Component({
-    selector: "co-file-upload-popup",
-    template: `
-        <co-dialog *ngIf="!useWithoutSettingProps && documentUnderEdit" cssId="popup_files_upload_content"
-                   [headerTemplate]="headerTemplate" contentSize noClickOutside
-                   [footerTemplate]="footerTemplate"
-                   (close)="onPopupClose()" (closeClick)="onPopupCancelClick()">
-              <div class="file-upload-form-wrapper" fxLayout="column" fxLayoutGap="10px">
-                  <co-form class="narrow-scrollbar" (validSubmit)="onValidSubmit()">
-                      <div class="horizontal-layout-column">
-                          <div class="document-thumb column-left" *ngIf="!addDocumentByUrl">
-                              <a (click)="onPreviewClick()"><img [src]="thumbnail"/></a>
-                          </div>
-                          <div class="column-right">
-                            <co-input-text
-                              [(model)]="documentUnderEdit.title"
-                              [screenConfigurationObject]="documentUnderEdit.isImageDocument() ?
-                                                                   filesUploadConfigObjects?.ImageDocumentTitle :
-                                                                   filesUploadConfigObjects?.TextDocumentTitle"
-                              [placeholder]="'TITLE' | sharedLocalize"
-                              noValidation forceReadonly></co-input-text>
-                            <co-input-text [placeholder]="'DESCRIPTION' | sharedLocalize" [(model)]="documentUnderEdit.description"
-                                           [screenConfigurationObject]="documentUnderEdit.isImageDocument() ?
-                                              filesUploadConfigObjects?.ImageDocumentDescription :
-                                              filesUploadConfigObjects?.TextDocumentDescription"
-                                           [readonly]="docUnderEditIsReadOnly"
-                            ></co-input-text>
-                              <div class="row sizes">
-                                  <co-input-text
-                                          [model]="documentUnderEdit.fileSize"
-                                          [screenConfigurationObject]="documentUnderEdit.isImageDocument() ?
-                                                  filesUploadConfigObjects?.ImageDocumentFileSize :
-                                                  filesUploadConfigObjects?.TextDocumentFileSize"
-                                          [placeholder]="'SIZE' | sharedLocalize"
-                                          forceReadonly
-                                          noValidation>
-                                  </co-input-text>
-                                  <ng-container *ngIf="documentUnderEdit.isImageDocument()">
-                                    <co-input-text [placeholder]="'DIMENSIONS' | sharedLocalize"
-                                                  [model]="documentUnderEdit.imageDimensions"
-                                                  [screenConfigurationObject]="filesUploadConfigObjects?.ImageDocumentDimensions"
-                                                  forceReadonly noValidation></co-input-text>
-                                  </ng-container>
-                              </div>
-                          </div>
-                      </div>
-
-                      <div>
-                         <!--<sc-tags
-                                [tagCategory]="tagCategory"
-                                [readonly]="docUnderEditIsReadOnly"-->
-
-                         <!-- ></sc-tags>--><!-- [myCfgNames]="tagsConfigName" | [(joinedTags)]="this.documentUnderEdit.tags"-->
-                      </div>
-                      <!--<div>
-                        <read-write-access *ngIf="showReadWriteAccess"
-                                             [readWriteCfgNames]="filesUploadConfigObjects?.readWriteAccess"
-                                             [layoutHorizontal]="true"
-                                             [medicalUserGroups]="medicalUserGroups"
-                                             [(userGroupsForWrite)]="userGroupsForWrite"
-                                             [(userGroupsForRead)]="userGroupsForRead"
-                                             [readonly]="docUnderEditIsReadOnly"
-                          ></read-write-access>
-                      </div>-->
-                      <!--<div class="horizontal-layout-column">
-                          <ng-container *ngIf="addDocumentByUrl">
-                              <co-input-text required [placeholder]="'URL' | sharedLocalize" [(model)]="documentUnderEdit.filePath"
-                                          [readonly]="docUnderEditIsReadOnly"></co-input-text>
-                          </ng-container>
-                      </div>-->
-                      <div class="horizontal-layout-column">
-                          <!--<div *ngIf="hasPublicAccessVisible" class="column-right">
-                              <input-switcher-yes-no label="PUBLIC_ACCESS"
-                                                     [(model)]="documentUnderEdit.hasPublicAccess"
-                                                     [readonly]="docUnderEditIsReadOnly"
-                              ></input-switcher-yes-no>
-                          </div>-->
-                      </div>
-                      <div class="horizontal-layout-column">
-                          <ng-container *ngIf="!documentUnderEdit.isImageDocument()">
-                              <div class="column-left">
-                                 <!-- <input-switcher-yes-no label="DOWNLOADABLE"
-                                                         [(model)]="documentUnderEdit.downloadable"
-                                                         [cfgName]="filesUploadConfigObjects?.TextDocumentDownloadable"
-                                                         [readonly]="docUnderEditIsReadOnly"
-                                  ></input-switcher-yes-no>-->
-                              </div>
-                          </ng-container>
-                      </div>
-                      <div class="horizontal-layout-column">
-                          <ng-container *ngIf="fileType === fileTypes.ThreeDFile">
-                              <div class="column-left">
-                                 <!-- <input-switcher-yes-no label="ALSO_AS_USDZ"
-                                                         [(model)]="documentUnderEdit.convertToUSDZ"
-                                                         [readonly]="docUnderEditIsReadOnly"
-                                  ></input-switcher-yes-no>-->
-                              </div>
-                          </ng-container>
-                      </div>
-                      <div class="horizontal-layout-column">
-                          <ng-container *ngIf="documentUnderEdit.isImageDocument()">
-                              <div class="column-left"><!--
-                                  <input-switcher-yes-no label="ATTACH_TO_NOTIFICATION"
-                                                         [(model)]="documentUnderEdit.attachToNotification"
-                                                         [cfgName]="filesUploadConfigObjects?.ImageDocumentAttachNotification"
-                                                         [readonly]="docUnderEditIsReadOnly"
-                                  ></input-switcher-yes-no>-->
-                              </div>
-                              <div class="column-right"><!--
-                                  <image-type-select
-                                          [cfgName]="filesUploadConfigObjects?.ImageDocumentDisplayType"
-                                          [(selectedModelId)]="this.documentUnderEdit.imageDisplayKind"
-                                          [readonly]="docUnderEditIsReadOnly"
-                                          label="DISPLAY_TYPE"
-                                  ></image-type-select>-->
-                              </div>
-                          </ng-container>
-                      </div>
-                      <div *ngIf="!isWorkability">
-                         <!-- <multiple-property-toggler *ngIf="!showDocumentReportPicker"
-                                  [propertyNamesToToggle]="documentPublication"
-                                  [(enableditems)]="this.documentUnderEdit.publication"
-                                  (onPropertyItemChange)="handlePropertyChange($event)"
-                                  label="PUBLISH_TO"
-                                  [readonly]="docUnderEditIsReadOnly"
-                          ></multiple-property-toggler>
-                          <co-multiple-property-toggler *ngIf="showDocumentReportPicker"
-                                  [propertyNamesToToggle]="documentEmailReports"
-                                  [(enableditems)]="documentUnderEdit.reports"
-                                  (onPropertyItemChange)="handleReportsPropertyChange($event)"
-                                  label="REPORTS_TO_ATTACH_TO"
-                                  [readonly]="docUnderEditIsReadOnly"
-                          ></co-multiple-property-toggler>-->
-
-                          <!--<ng-container *ngIf="documentUnderEdit.isImageDocument()"
-                                        [templateWrapper]="templateImage"></ng-container>-->
-                      </div>
-                  </co-form>
-              </div>
-        </co-dialog>
-        <ng-template #headerTemplate>
-          <div class="co-dialog-header-title" [textContent]="popupHeader | sharedLocalize"></div>
-        </ng-template>
-        <ng-template #footerTemplate>
-          <div class="co-dialog-footer-button-wrapper">
-              <co-button [disabled]="docUnderEditIsReadOnly" class="save-button"
-                         (click)="onPopupOkClick()" [iconData]="iconCacheService.getIcon(icon.CheckDuotone)"></co-button>
-              <co-button class="close-button"
-                         (click)="onPopupCancelClick()" [iconData]="iconCacheService.getIcon(icon.CrossSkinny)"></co-button>
-          </div>
-        </ng-template>
-        <ng-template #templateImage *ngIf="!isWorkability">
-           <!-- <div class="column-right">
-                <input-lov-multi-select
-                        [cfgName]="filesUploadConfigObjects.ImageDocumentStoreGroups"
-                        [(selectedModelIds)]="storeGroupIds"
-                        [collection]="storeGroups"
-                        [readonly]="docUnderEditIsReadOnly"
-                        descriptionField="description"
-                        doNotLoadCollection
-                        customWidth
-                        label="RETAIL_FORMULAS"
-                ></input-lov-multi-select>
-            </div>-->
-        </ng-template>
-    `,
-     encapsulation: ViewEncapsulation.None
-})
-// Component that shows a popup when the user wants to upload a CoDocument
-export class FileUploadPopupComponent implements OnInit {
-    public readonly icon: typeof Icon = Icon;
-
-    @ViewChild(FormComponent)
-    public form: FormComponent;
-
-    @Input()
-    @InputBoolean()
-    public useWithoutSettingProps: boolean = false;
-
-    @Input()
-    @InputBoolean()
-    public hasPublicAccessVisible: boolean = false;
-
-    @Input()
-    @InputBoolean()
-    //todo this is usually set to false on init
-    public showDocumentReportPicker: boolean = true;
-
-
-    @Input()
-    public set documentUnderEdit(doc: CoDocument) {
-        this._documentUnderEdit = doc ? this._boFactory.makeWithRawBackendData(CoDocument, doc) as unknown as CoDocument : undefined;
-    }
-
-    public get documentUnderEdit(): CoDocument {
-        return this._documentUnderEdit;
-    }
-
-    @Input()
-    public set readonly(value: boolean) {
-        this._readonly = value;
-
-        if (value) {
-            //this._toastService.spawnToast("MESSAGE_DOCUMENT_LOCK_SINGLE");
-        }
-    }
-
-    @Input()
-    public set filesUploadConfigObjects(value: FilesUploadConfigObjects) {
-        this._filesUploadConfigObjects = value;
-    }
-
-    @Input()
-    public tagCategory: TagCategory;
-
-    @Input()
-    @InputBoolean()
-    public medicalUserGroups: boolean;
-
-    @Input()
-    public displayReadWriteAccess: boolean = true;
-
-    @Input()
-    public tagReferenceTable: TableName;
-
-    @Input()
-    public documentKey: string;
-
-    @Input()
-    public documentTable: string;
-
-    @Input()
-    public fileType: FileType;
-
-    @Input()
-    @InputBoolean()
-    public addDocumentByUrl: boolean;
-
-    @Output()
-    public readonly documentChangeEvent: EventEmitter<CoDocument> = new EventEmitter<CoDocument>();
-
-    @Output()
-    public readonly popupCloseEvent: EventEmitter<void> = new EventEmitter<void>();
-
-    @HostBinding('class.co-file-upload-popup')
-    public showClass() {
-      return true;
-    }
-
-
-    public readonly documentPublication: typeof DocumentPublication = DocumentPublication;
-    public readonly documentEmailReports: typeof DocumentEmailReport = DocumentEmailReport;
-
-    public get showReadWriteAccess(): boolean {
-        //TODO get userrights
-        return true;
-        //return this._userRights.workabilityParameterEnabled && this.displayReadWriteAccess;
-    }
-
-    public get filesUploadConfigObjects(): FilesUploadConfigObjects {
-        return this._filesUploadConfigObjects;
-    }
-
-    public get isWorkability(): boolean {
-      //TODO fix workability
-      return false;
-
-      //return this._workabilityService.workabilitySystemEnabled;
-    }
-
-    public get docUnderEditIsReadOnly(): boolean {
-        return this.documentUnderEdit.readonly || this._readonly;
-    }
-
-    public get thumbnail(): string {
-        if (this.documentUnderEdit.isImageDocument()) {
-            return this._thumbnail
-        }
-        return this._fileTypeImgPipe.transform(this.documentUnderEdit.fileTypeInternal);
-    }
-
-    public get popupHeader(): string {
-        if (this.documentUnderEdit && this.documentUnderEdit.isImageDocument()) {
-            return "IMAGE";
-        } else {
-            return "DOCUMENT";
-        }
-    }
-
-    public get publicationConfigName(): string {
-        if (this.filesUploadConfigObjects) {
-            return this.documentUnderEdit.isImageDocument() ?
-                this.filesUploadConfigObjects.ImageDocumentPublishTo :
-                this.filesUploadConfigObjects.TextDocumentPublishTo;
-        } else {
-            return; // No configname found
-        }
-    }
-
-
-    public get tagsConfigName(): TagsComponentConfigNames {
-        if (this.filesUploadConfigObjects) {
-            return this.documentUnderEdit.isImageDocument() ?
-                this.filesUploadConfigObjects.TagsImageConfigNames :
-                this.filesUploadConfigObjects.TagsTextConfigNames;
-        } else {
-            return; // No configname found
-        }
-    }
-
-    public readonly domain: typeof DomainMultipleName = DomainMultipleName;
-    public readonly fileTypes: typeof FileType = FileType;
-
-    public _documentUnderEdit: CoDocument;
-    public hideCancel: boolean = false;
-    public storeGroups: StoreGroup[] = [];
-    public publicationIds: number[];
-    public storeGroupIds: string[];
-    public userGroupsForWrite: number[] = [];
-    public userGroupsForRead: number[] = [];
-    public documentTags: TagTreeItem[] = [];
-
-    private _filesUploadConfigObjects: FilesUploadConfigObjects = {}; // Instantiate with empty object to avoid nullpointers in the template
-    private _boFactory: BusinessObjectFactory = new BusinessObjectFactory();
-    private _readonly: boolean = false;
-    private _publicationNumber: number;
-    private _reportsNumber: number;
-
-    private _thumbnail: string;
-
-    constructor(
-        //private _workabilityService: AppWorkabilityService,
-        private _promptService: PromptService,
-        private _fileTypeImgPipe: FileTypeImagePipe,
-        //private _userRights: UserRightsService,
-        //private _baseDataRepo: BaseDataDalRepository,
-        //private _tagsRepo: TagsDalRepository,
-        //private _dataService: DataService,
-        //private _toastService: AppToastService
-        public iconCacheService: IconCacheService,
-    ) {
-    }
-
-    ngOnInit(): void {
-        this.loadCollection();
-        if (this.documentUnderEdit.isImageDocument()) {
-            this._thumbnail = this.documentUnderEdit.documentBodyAsDataUri;
-        }
-    }
-
-    public async loadCollection(): Promise<void> {
-        //this.documentTags = await this._tagsRepo.getJoinedTags(this.tagReferenceTable, this.documentKey);
-        //this.storeGroups = await this._baseDataRepo.getStoreGroupList();
-    }
-
-    public onPreviewClick(): void {
-        if (this.documentUnderEdit.isImageDocument()) { //preview image
-            this._promptService.showImage(this.documentUnderEdit.documentBodyAsDataUri, "Preview");
-        } else { //download document
-            try {
-                FileUtils.DownloadFromDataUri(this.documentUnderEdit.bodyAsDataUri, this.documentUnderEdit.fileName);
-            } catch (error) {
-
-            }
-        }
-    }
-
-    public saveDocumentUnderEditRights(): void {
-        this.documentUnderEdit.rights = [];
-        const forWriteLength: number = this.userGroupsForWrite.length;
-        for (let i: number = 0; i < forWriteLength; i++) {
-            const rights: CoDocumentRight = new CoDocumentRight();
-            rights.userGroupId = this.userGroupsForWrite[i];
-            rights.rightLevel = ObjectRightType.ReadWrite;
-            this.documentUnderEdit.rights.push(rights);
-        }
-
-        const forReadLength: number = this.userGroupsForRead.length;
-        for (let i: number = 0; i < forReadLength; i++) {
-            const rights: CoDocumentRight = new CoDocumentRight();
-            rights.userGroupId = this.userGroupsForRead[i];
-            rights.rightLevel = ObjectRightType.ReadOnly;
-            this.documentUnderEdit.rights.push(rights);
-        }
-    }
-
-    public onPopupOkClick(): void {
-        if (this.form) {
-            this.form.submit();
-        }
-    }
-
-    public handlePropertyChange(refSumOfEnabledItems: number): any {
-        this._publicationNumber = refSumOfEnabledItems;
-    }
-
-    public handleReportsPropertyChange(refSumOfEnabledItems: number): any {
-        this._reportsNumber = refSumOfEnabledItems;
-    }
-
-    public async onValidSubmit(): Promise<void> {
-        this._publicationNumber ? this.documentUnderEdit.publication = this._publicationNumber : this.documentUnderEdit.publication = 0;
-        this._reportsNumber ? this.documentUnderEdit.reports = this._reportsNumber : this.documentUnderEdit.reports = 0;
-        this.documentUnderEdit.retailFormulas = this.storeGroupIds;
-        this.saveDocumentUnderEditRights();
-        this.documentChangeEvent.emit(this.documentUnderEdit);
-        this.onPopupClose();
-    }
-
-    public async onPopupCancelClick(): Promise<void> {
-        this.onPopupClose();
-    }
-
-    public onPopupClose(): void {
-        this.userGroupsForWrite.length = 0;
-        this.userGroupsForRead.length = 0;
-        this.documentUnderEdit = undefined;
-
-        this.popupCloseEvent.next();
-    }
-
-    /*private _unlockDocument(doc: CoDocument): void {
-        if (!doc.readonly && !this.readonly) {
-            this._dataService.unlock(CoDocument, doc.documentId);
-        }
-    }*/
-}

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

@@ -1,39 +0,0 @@
-import {NgModule} from '@angular/core';
-import {
-  ButtonModule,
-  CoDialogModule,
-  FormModule,
-  IconModule,
-  InputTextModule,
-  ScreenConfigurationModule
-} from '@colijnit/corecomponents_v12';
-import {CommonModule} from '@angular/common';
-import {MultiplePropertyTogglerModule} from '../multi-property-toggler/multiple-property-toggler.module';
-import {FileUploadPopupComponent} from './file-upload-popup.component';
-import {SharedComponentsTranslationModule} from '../../translation/shared-components-translation.module';
-
-
-@NgModule({
-    imports: [
-        CoDialogModule,
-        FormModule,
-        SharedComponentsTranslationModule,
-        InputTextModule,
-        ButtonModule,
-        CommonModule,
-        ScreenConfigurationModule,
-        MultiplePropertyTogglerModule,
-        IconModule
-    ],
-  declarations: [
-    FileUploadPopupComponent
-  ],
-  exports: [
-    FileUploadPopupComponent
-  ],
-  providers: [
-  ]
-})
-export class FileUploadPopupModule {
-
-}