@unifylib/ui-lib 1.0.3 → 1.1.3

package/src/lib/components/base-form/base-form.component.ts

@@ -1,305 +1,323 @@
-import {Component, EventEmitter, Inject, Input, OnChanges, OnInit, Output, SimpleChanges} from '@angular/core';
-import {FieldInfo, Filter, FilterRequest, NEW, PageInfo, SAVE_AND_COMPLETE, SnackMessage} from "../../base-model";
-import {FieldMessage} from "../../base-model/api-response";
-import {TranslateModule} from "@ngx-translate/core";
-import {BackendService} from "../../services";
-import {FormGroup} from "@angular/forms";
-import {Location, NgIf} from "@angular/common";
-import {FlexLayoutModule} from "@angular/flex-layout";
-import {MatButton, MatButtonModule} from "@angular/material/button";
-import {MatIconModule} from "@angular/material/icon";
-import {TitleBarComponent} from "../title-bar/title-bar.component";
-import {BaseFormCanvasComponent} from "../base-form-canvas/base-form-canvas.component";
-import {DoActionRequest, SAVE} from "../../base-model/do-action-request";
-import {ActionCommentComponent} from "../rejection-comment/action-comment.component";
-import {MatDialog} from "@angular/material/dialog";
-import {BaseUtils, getNegativeWfActionKey, getPositiveWfActionKey, getWfActionId} from "../../utils/base-utils";
-import {ActivatedRoute, Router} from "@angular/router";
-import {AuditLogComponent} from "../audit-log-list/audit-log.component";
-import {Directionality} from "@angular/cdk/bidi";
-
-@Component({
-    selector: 'app-base-form',
-    standalone: true,
-  imports: [
-    FlexLayoutModule,
-    TitleBarComponent,
-    BaseFormCanvasComponent,
-    MatButtonModule,
-    TranslateModule,
-    NgIf,
-    MatIconModule,
-    MatButton,
-    AuditLogComponent
-  ],
-    templateUrl: './base-form.component.html',
-    styleUrl: './base-form.component.scss'
-})
-export class BaseFormComponent extends BaseUtils implements OnInit, OnChanges {
-
-  @Input()
-  override pageInfo!: PageInfo;
-
-  @Input()// @ts-ignore
-  fields: FieldInfo[] = [];
-
-  @Input()// @ts-ignore
-  errors: FieldMessage[] = [];
-
-  @Input()
-  editable: boolean = false;
-
-  @Input()
-  itemId: number;
-
-  @Output()
-  actionResultEmitter: EventEmitter<any> = new EventEmitter<any>();
-
-  @Output()
-  formUpdated: EventEmitter<FormGroup> = new EventEmitter<FormGroup>();
-
-  @Output()
-  itemLoaded: EventEmitter<any> = new EventEmitter<any>();
-
-  @Output()
-  extraAction: EventEmitter<any> = new EventEmitter<any>();
-
-  item : any = {};
-  isLoaded : boolean = false;
-
-  @Output()
-  hyperTextEvent: EventEmitter<boolean> = new EventEmitter();
-
-  currentDirection: 'ltr' | 'rtl';
-  isSaveDisabled: boolean = true;
-  isRejectDisabled: boolean = true;
-
-  @Input()
-  hideBackButton: boolean = true;
-  protected readonly SAVE = SAVE;
-  private isPending: boolean;
-
-    constructor(public dialog: MatDialog,
-                private activatedRoute: ActivatedRoute,
-                private router:Router,
-                private directionality: Directionality,
-                private location:Location,
-                @Inject('securityManager') private securityManager: any,
-                public backendService: BackendService) {
-      super();
-    }
-
-    ngOnInit(): void {
-      this.currentDirection = this.directionality.value;
-      this.directionality.change.subscribe((value) => {
-        this.currentDirection = value;
-      })
-
-      // console.log('editable', this.editable)
-      this.securityManager.loadPermissions().subscribe(x => {
-        console.log("before edit", this.editable);
-        this.loadItem();
-        console.log("after edit", this.editable);
-      });
-    }
-
-    ngOnChanges({item, errors, fields}: SimpleChanges): void {
-    }
-
-    isValid() {
-        return this.backendService.parentForm?.valid;
-    }
-
-    isMatchHeight() {
-        return this.pageInfo.pageHeight === 'match';
-    }
-
-  private loadItem() {
-    this.editable = false;
-    this.isPending = this.backendService.decrypt(this.activatedRoute.snapshot.queryParams['mode']) === 'pending';
-
-    if (this.activatedRoute.snapshot.queryParams['token'] && this.activatedRoute.snapshot.queryParams['mode']) {
-      this.itemId = this.backendService.decrypt(this.activatedRoute.snapshot.queryParams['token']);
-    } else {
-      // console.log(' ****** ****** ****** ****** error in url ')
-    }
-    if (this.itemId > 0) {
-      const filterRequest = new FilterRequest;
-      filterRequest.columns = this.fields.filter(c => c.type !== 'spacer').map(c => c.property);
-      filterRequest.pendingPage = this.isPending;
-      filterRequest.filters = [];
-      filterRequest.filters.push(new Filter({
-        key: 0,
-        fieldType: 'Long',
-        fieldName: 'id',
-        valueObject: this.itemId,
-        filterType: 'FILED_FILTER',
-        operator: 'EQUALS'
-      }));
-      ///audit-log
-      this.backendService.getItemAuditLog(filterRequest, this.pageInfo!.apiUri).subscribe(resp => {
-        // console.log('resp', resp);
-      });
-      this.backendService.getItemsByFilter(filterRequest, this.pageInfo!.apiUri).subscribe(resp => {
-        if (resp?.valid && resp.body?.length >= 0) {
-          this.item = resp.body[0];
-          this.editable = (!this.pageInfo.draftSupported || !this.isPending) && this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT')
-            && (!this.pageInfo.draftSupported ||this.item['stateType'] === 'COMPLETED' );
-          this.itemLoaded.emit(this.item);
-          this.isLoaded = true;
-        }
-      });
-    } else {
-      this.editable = this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT');
-      this.item = {};
-      this.itemLoaded.emit(this.item);
-      this.isLoaded = true;
-    }
-
-  }
-
-  buildDoActionSubject(): any {
-    const newVar = this.editable ? Object.assign(this.item, this.backendService.parentForm.value) : this.item;
-    if (this.itemId <= 0 && this.editable ) {
-      //TODO this is like a hack and must be handled from backend
-      newVar['stateType'] = 'NEW';
-    }
-    this.fields.forEach(field => {
-      if (field.flattenBySubAttribute){
-        newVar[field.property] = newVar[field.property][field.flattenBySubAttribute]
-      }
-    })
-    if (!this.pageInfo.draftSupported){
-      newVar['status'] = true;
-    }
-    return newVar;
-  }
-
-
-  doSaveApproveAction() {
-    let actionId = getWfActionId(this.item.stateType);
-    if (this.itemId <= 0 && this.editable ) {
-      actionId = NEW
-    }
-    if (!this.pageInfo.draftSupported) {
-      actionId = SAVE_AND_COMPLETE
-    }
-    if (this.editable && this.backendService.parentForm.valid !== true) {
-      this.backendService.topPanelMessage$.next(new SnackMessage('INVALID_INPUT_FORM', true, 'error'));
-      return;
-    }
-    const request = new DoActionRequest();
-    request.actionId = actionId;
-    request.subject = this.buildDoActionSubject();
-
-    const dialogRef = this.dialog.open(ActionCommentComponent, {
-      data: {label: 'save', isTermination: false},
-      width: '600px',
-      height: 'auto',
-      direction:  this.currentDirection
-    });
-    dialogRef.afterClosed().subscribe(result => {
-      if (result) {
-        request.comment = result.comment;
-        this.backendService.doActionWithAttachments(request, [], this.pageInfo!).subscribe(resp => {
-          console.log('step',actionId);
-          this.actionResultEmitter.emit({ valid: resp.valid, actionId: actionId });
-          if (resp.valid ) {
-            let message = 'approve_successfully';
-            switch (actionId) {
-              case 1:
-                message = 'saved_successfully';
-                break;
-              case 2:
-                message = 'updated_successfully';
-                break;
-              default:
-                message = 'approve_successfully';
-            }
-            this.backendService.topPanelMessage$.next(new SnackMessage(message, true, 'success'));
-            this.backToParent();
-          }
-          else{
-            request.subject['stateType'] = null;
-            if (resp.message[0].errorMessage.toLowerCase().includes('duplic'))
-            this.backendService.topPanelMessage$.next(new SnackMessage(this.pageInfo.labelsSection + '.' + resp.message[0].errorCode, true, 'error'));
-          }
-        });
-      }
-    });
-  }
-
-  backToParent() {
-      const idIdx = this.router.url.lastIndexOf('/');
-      this.router.navigateByUrl(this.router.url.substring(0, idIdx));
-  }
-
-
-  getTitle() {
-        return `${this.pageInfo.labelsSection}.${this.pageInfo.id}` ;
-    }
-
-    updateForm($event: FormGroup) {
-        this.backendService.parentForm = $event;
-        this.formUpdated.emit($event);
-    }
-
-  doCancelRejectAction() {
-    if (!this.editable){
-      let actionId = 3;
-      // console.log('actionId',actionId);
-      const request = new DoActionRequest();
-      request.actionId = actionId;
-      request.subject = this.buildDoActionSubject();
-
-      const dialogRef = this.dialog.open(ActionCommentComponent, {
-        data: {label: 'reject', acceptActionLabel: 'accept', rejectActionLabel: 'return'},
-        width: '600px',
-        height: 'auto',
-        direction: this.currentDirection
-      });
-      dialogRef.afterClosed().subscribe(result => {
-        if (result) {
-          request.comment = result.comment;
-          this.backendService.doActionWithAttachments(request, [], this.pageInfo!).subscribe(resp => {
-            this.actionResultEmitter.emit({ valid: resp.valid, actionId: actionId });
-            if (resp.valid) {
-              this.backendService.topPanelMessage$.next(new SnackMessage('successful_reject_message', true, 'success'));
-              this.backToParent();
-            }
-          });
-        }
-      });
-    }
-    else {
-      this.location.back()
-    }
-    }
-
-  hasWfPermission() {
-    return  (this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT')
-    || this.securityManager.hasPagePermission(this.pageInfo.id, 'COMPLETE')
-    || this.securityManager.hasPagePermission(this.pageInfo.id, 'TERMINATE'))
-  }
-
-  protected readonly getPositiveWfActionKey = getPositiveWfActionKey;
-  protected readonly getNegativeWfActionKey = getNegativeWfActionKey;
-
-  hasWfPositivePermission() {
-    return (!this.editable && this.securityManager.hasPagePermission(this.pageInfo.id, 'COMPLETE')) ||
-      (this.editable && this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT'))
-  }
-
-  hasWfNegativePermission() {
-    return (!this.editable && this.securityManager.hasPagePermission(this.pageInfo.id, 'TERMINATE')) ||
-      (this.editable && this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT'))
-  }
-
-  doExtraAction() {
-    this.extraAction.emit()
-  }
-  disabledSaveButton(element) {
-    return (!this.isPending && element.stateType == 'PENDING') && this.pageInfo.draftSupported ;
-  }
-
-}
+import {Component, EventEmitter, Inject, Input, OnChanges, OnInit, Output, SimpleChanges} from '@angular/core';
+import {FieldInfo, Filter, FilterRequest, NEW, PageInfo, SAVE_AND_COMPLETE, SnackMessage} from "../../base-model";
+import {FieldMessage} from "../../base-model/api-response";
+import {TranslateModule} from "@ngx-translate/core";
+import {BackendService} from "../../services";
+import {FormGroup} from "@angular/forms";
+import {Location, NgIf} from "@angular/common";
+import {MatButton, MatButtonModule} from "@angular/material/button";
+import {MatIconModule} from "@angular/material/icon";
+import {TitleBarComponent} from "../title-bar/title-bar.component";
+import {BaseFormCanvasComponent} from "../base-form-canvas/base-form-canvas.component";
+import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
+import {DoActionRequest, SAVE} from "../../base-model/do-action-request";
+import {ActionCommentComponent} from "../action-comment/action-comment.component";
+import {MatDialog} from "@angular/material/dialog";
+import {BaseUtils, getNegativeWfActionKey, getPositiveWfActionKey, getWfActionId} from "../../utils/base-utils";
+import {ActivatedRoute, Router} from "@angular/router";
+import {AuditLogComponent} from "../audit-log-list/audit-log.component";
+import {Directionality} from "@angular/cdk/bidi";
+
+@Component({
+    selector: 'app-base-form',
+    standalone: true,
+  imports: [
+    TitleBarComponent,
+    BaseFormCanvasComponent,
+    MatButtonModule,
+    TranslateModule,
+    NgIf,
+    MatIconModule,
+    MatButton,
+    AuditLogComponent
+  ],
+    templateUrl: './base-form.component.html',
+    styleUrl: './base-form.component.scss'
+})
+export class BaseFormComponent extends BaseUtils implements OnInit, OnChanges {
+
+  @Input()
+  override pageInfo!: PageInfo;
+
+  @Input()// @ts-ignore
+  fields: FieldInfo[] = [];
+
+  @Input()// @ts-ignore
+  errors: FieldMessage[] = [];
+
+  @Input()
+  editable: boolean = false;
+
+  @Input()
+  itemId: number;
+
+  @Output()
+  actionResultEmitter: EventEmitter<any> = new EventEmitter<any>();
+
+  @Output()
+  formUpdated: EventEmitter<FormGroup> = new EventEmitter<FormGroup>();
+
+  @Output()
+  itemLoaded: EventEmitter<any> = new EventEmitter<any>();
+
+  @Output()
+  extraAction: EventEmitter<any> = new EventEmitter<any>();
+
+  item : any = {};
+  isLoaded : boolean = false;
+
+  @Output()
+  hyperTextEvent: EventEmitter<boolean> = new EventEmitter();
+
+  currentDirection: 'ltr' | 'rtl';
+  isSaveDisabled: boolean = true;
+  isRejectDisabled: boolean = true;
+
+  @Input()
+  hideBackButton: boolean = true;
+  protected readonly SAVE = SAVE;
+  private isPending: boolean;
+
+    constructor(public dialog: MatDialog,
+                private activatedRoute: ActivatedRoute,
+                private router:Router,
+                private directionality: Directionality,
+                private location:Location,
+                @Inject('securityManager') private securityManager: any,
+                public backendService: BackendService) {
+      super();
+       ClassicEditor.defaultConfig = {
+            toolbar: {
+                items: ['heading', '|', 'bold', 'italic', '|', 'bulletedList', 'numberedList']
+            },
+            image: {
+                toolbar: ['imageStyle:side', '|', 'imageTextAlternative']
+            },
+            table: {
+                contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ]
+            },
+            language: 'en'
+        };
+    }
+
+    ngOnInit(): void {
+      this.currentDirection = this.directionality.value;
+      this.directionality.change.subscribe((value) => {
+        this.currentDirection = value;
+      })
+
+      // console.log('editable', this.editable)
+      this.securityManager.loadPermissions().subscribe(x => {
+        console.log("before edit", this.editable);
+        this.loadItem();
+        console.log("after edit", this.editable);
+      });
+    }
+
+    ngOnChanges({item, errors, fields}: SimpleChanges): void {
+    }
+
+    isValid() {
+        return this.backendService.parentForm?.valid;
+    }
+
+    isMatchHeight() {
+        return this.pageInfo.pageHeight === 'match';
+    }
+
+  private loadItem() {
+    this.editable = false;
+
+    const modeEncrypted = this.activatedRoute.snapshot.queryParams['mode'];
+    this.isPending = !!modeEncrypted && this.backendService.decrypt(modeEncrypted) === 'pending';
+
+    if (this.activatedRoute.snapshot.queryParams['token'] && this.activatedRoute.snapshot.queryParams['mode']) {
+      this.itemId = this.backendService.decrypt(this.activatedRoute.snapshot.queryParams['token']);
+    } else {
+      // console.log(' ****** ****** ****** ****** error in url ')
+    }
+    if (this.itemId > 0) {
+      const filterRequest = new FilterRequest;
+      filterRequest.columns = this.fields.filter(c => c.type !== 'spacer').map(c => c.property);
+      filterRequest.pendingPage = this.isPending;
+
+      filterRequest.filters = [];
+      filterRequest.filters.push(new Filter({
+        key: 0,
+        fieldType: 'Long',
+        fieldName: 'id',
+        valueObject: this.itemId,
+        filterType: 'FILED_FILTER',
+        operator: 'EQUALS'
+      }));
+      ///audit-log
+      this.backendService.getItemAuditLog(filterRequest, this.pageInfo!.apiUri).subscribe(resp => {
+        // console.log('resp', resp);
+      });
+      this.backendService.getItemsByFilter(filterRequest, this.pageInfo!.apiUri).subscribe(resp => {
+        if (resp?.valid && resp.body?.length >= 0) {
+          this.item = resp.body[0];
+          this.editable = (!this.pageInfo.draftSupported || !this.isPending) && this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT')
+            && (!this.pageInfo.draftSupported ||this.item['stateType'] === 'COMPLETED' );
+          this.itemLoaded.emit(this.item);
+          this.isLoaded = true;
+        }
+      });
+    } else {
+      this.editable = this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT');
+      this.item = {};
+      this.itemLoaded.emit(this.item);
+      this.isLoaded = true;
+    }
+
+  }
+
+  buildDoActionSubject(): any {
+    const newVar = this.editable ? Object.assign(this.item, this.backendService.parentForm.value) : this.item;
+    if (this.itemId <= 0 && this.editable ) {
+      //TODO this is like a hack and must be handled from backend
+      newVar['stateType'] = 'NEW';
+    }
+    this.fields.forEach(field => {
+      if (field.flattenBySubAttribute){
+        newVar[field.property] = newVar[field.property][field.flattenBySubAttribute]
+      }
+    })
+    if (!this.pageInfo.draftSupported){
+      newVar['status'] = true;
+    }
+    return newVar;
+  }
+
+
+  doSaveApproveAction() {
+    let actionId = getWfActionId(this.item.stateType);
+    if (this.itemId <= 0 && this.editable ) {
+      actionId = NEW
+    }
+    if (!this.pageInfo.draftSupported) {
+      actionId = SAVE_AND_COMPLETE
+    }
+    if (this.editable && this.backendService.parentForm.valid !== true) {
+      this.backendService.topPanelMessage$.next(new SnackMessage('INVALID_INPUT_FORM', true, 'error'));
+      return;
+    }
+    const request = new DoActionRequest();
+    request.actionId = actionId;
+    request.subject = this.buildDoActionSubject();
+
+    const dialogRef = this.dialog.open(ActionCommentComponent, {
+      data: {label: 'save', isTermination: false},
+      width: '600px',
+      height: 'auto',
+      direction:  this.currentDirection
+    });
+    dialogRef.afterClosed().subscribe(result => {
+      if (result) {
+        request.comment = result.comment;
+        this.backendService.doActionWithAttachments(request, [], this.pageInfo!).subscribe(resp => {
+          console.log('step',actionId);
+          this.actionResultEmitter.emit({ valid: resp.valid, actionId: actionId });
+          if (resp.valid ) {
+            let message = 'approve_successfully';
+            switch (actionId) {
+              case 1:
+                message = 'saved_successfully';
+                break;
+              case 2:
+                message = 'updated_successfully';
+                break;
+              default:
+                message = 'approve_successfully';
+            }
+            this.backendService.topPanelMessage$.next(new SnackMessage(message, true, 'success'));
+             if(!this.pageInfo.stayOnPage){
+               this.backToParent();
+             }
+          }
+          else{
+            request.subject['stateType'] = null;
+            if (resp.message[0].errorMessage.toLowerCase().includes('duplic'))
+            this.backendService.topPanelMessage$.next(new SnackMessage(this.pageInfo.labelsSection + '.' + resp.message[0].errorCode, true, 'error'));
+          }
+        });
+      }
+    });
+  }
+
+  backToParent() {
+      const idIdx = this.router.url.lastIndexOf('/');
+      this.router.navigateByUrl(this.router.url.substring(0, idIdx));
+  }
+
+
+  getTitle() {
+        return `${this.pageInfo.labelsSection}.${this.pageInfo.id}` ;
+    }
+
+    updateForm($event: FormGroup) {
+        this.backendService.parentForm = $event;
+        this.formUpdated.emit($event);
+    }
+
+  doCancelRejectAction() {
+    if (!this.editable){
+      let actionId = 3;
+      // console.log('actionId',actionId);
+      const request = new DoActionRequest();
+      request.actionId = actionId;
+      request.subject = this.buildDoActionSubject();
+
+      const dialogRef = this.dialog.open(ActionCommentComponent, {
+        data: {label: 'reject', acceptActionLabel: 'accept', rejectActionLabel: 'return'},
+        width: '600px',
+        height: 'auto',
+        direction: this.currentDirection
+      });
+      dialogRef.afterClosed().subscribe(result => {
+        if (result) {
+          request.comment = result.comment;
+          this.backendService.doActionWithAttachments(request, [], this.pageInfo!).subscribe(resp => {
+            this.actionResultEmitter.emit({ valid: resp.valid, actionId: actionId });
+            if (resp.valid) {
+              this.backendService.topPanelMessage$.next(new SnackMessage('successful_reject_message', true, 'success'));
+              if(!this.pageInfo.stayOnPage){
+                this.backToParent();
+              }
+            }
+          });
+        }
+      });
+    }
+    else {
+      this.location.back()
+    }
+    }
+
+  hasWfPermission() {
+    return  (this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT')
+    || this.securityManager.hasPagePermission(this.pageInfo.id, 'COMPLETE')
+    || this.securityManager.hasPagePermission(this.pageInfo.id, 'TERMINATE'))
+  }
+
+  protected readonly getPositiveWfActionKey = getPositiveWfActionKey;
+  protected readonly getNegativeWfActionKey = getNegativeWfActionKey;
+
+  hasWfPositivePermission() {
+    return (!this.editable && this.securityManager.hasPagePermission(this.pageInfo.id, 'COMPLETE')) ||
+      (this.editable && this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT'))
+  }
+
+  hasWfNegativePermission() {
+    return (!this.editable && this.securityManager.hasPagePermission(this.pageInfo.id, 'TERMINATE')) ||
+      (this.editable && this.securityManager.hasPagePermission(this.pageInfo.id, 'EDIT'))
+  }
+
+  doExtraAction() {
+    this.extraAction.emit()
+  }
+  disabledSaveButton(element) {
+    return (!this.isPending && element.stateType == 'PENDING') && this.pageInfo.draftSupported ;
+  }
+
+}