@unifylib/ui-lib 1.1.3 → 1.1.5

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

@@ -1,68 +0,0 @@
-
-.page-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.row {
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  width: 100%;
-  flex-wrap: wrap;
-}
-
-.column {
-  display: flex;
-  flex-direction: column;
-}
-
-.full-width {
-  width: 100%;
-}
-
-.flex-49 {
-  flex: 0 0 49%;
-}
-
-.flex-95 {
-  flex: 0 0 95%;
-}
-
-.row-center-start {
-  align-items: center;
-  justify-content: flex-start;
-}
-
-.mt-2vh { margin-top: 2vh; }
-.mt-3vh { margin-top: 3vh; }
-.mt-4vh { margin-top: 4vh; }
-.pb-5vh { padding-bottom: 5vh; }
-
-
-.action-button {
-  font-weight: bold;
-  min-width: 140px;
-  max-width: 200px;
-  margin: 0 10px;
-}
-
-
-@media (max-width: 960px) {
-  .flex-49, .flex-95 {
-    flex: 1 1 100%;
-  }
-}
-
-@media (max-width: 600px) {
-  .row {
-    flex-direction: column;
-    align-items: center;
-  }
-  .action-button {
-    width: 100%;
-    max-width: 300px;
-    margin: 5px 0;
-  }
-}

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

@@ -1,25 +0,0 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
-
-import {BaseFormComponent} from './base-form.component';
-
-describe('BaseFormComponent', () => {
-  let component: BaseFormComponent;
-  let fixture: ComponentFixture<BaseFormComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BaseFormComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(BaseFormComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,323 +0,0 @@
-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 ;
-  }
-
-}

package/src/lib/components/base-form-canvas/base-form-canvas.component.css

@@ -1,196 +0,0 @@
-
-.main-form-canvas {
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  margin-top: 3vh;
-  width: 100%;
-  flex-wrap: wrap;
-}
-
-.form-wrapper {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-.form-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.row-container {
-  display: flex;
-  flex-direction: row;
-  gap: 20px;
-  flex-wrap: wrap;
-  width: 100%;
-}
-
-.field-column {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-
-.label-and-asterisk-container {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-}
-
-.full-width {
-  width: 100%;
-}
-
-.readonly-item {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 2px;
-  font-size: 14px;
-  padding: 4px 0;
-  width: 100%;
-
-  .readonly-label {
-    font-weight: 500;
-    color: #9B9B9B;
-    font-size: 14px;
-  }
-
-  .readonly-value {
-    font-weight: 500;
-    color: #222;
-    word-break: break-word;
-    font-size: 14px;
-  }
-
-  .json-viewer {
-    width: 100%;
-  }
-
-  .chipList {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-  }
-
-  mat-icon {
-    font-size: 18px;
-    vertical-align: middle;
-  }
-}
-
-
-.row-wrapper {
-  display: flex;
-  flex-direction: row;
-  gap: 20px;
-  width: 100%;
-  flex-wrap: wrap;
-}
-
-.column-wrapper {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: flex-start;
-}
-
-.row-container {
-  display: flex;
-  flex-direction: row;
-  gap: 20px;
-  width: 100%;
-  flex-wrap: wrap;
-}
-
-.field-column {
-  display: flex;
-  flex-direction: column;
-  min-width: 50px !important;
-}
-
-.field-row {
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  width: 100%;
-  align-items: flex-start;
-}
-
-.field-label {
-  flex: 0 0 40%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
-.field-input {
-  flex: 0 0 60%;
-  display: flex;
-  flex-direction: column;
-}
-
-
-.radio-group-custom {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-
-
-@media (max-width: 600px) {
-  .main-form-canvas {
-    flex-direction: column;
-    align-items: center;
-  }
-
-  .row-container {
-    flex-direction: column;
-    gap: 10px;
-  }
-
-  .field-column {
-    width: 100%;
-    flex: 1 1 100% !important;
-  }
-
-  .column-wrapper {
-    align-items: center;
-  }
-
-  .field-row {
-    flex-direction: column;
-  }
-
-  .field-label,
-  .field-input {
-    flex: 1 1 100%;
-  }
-
-  .radio-group-custom {
-    flex-direction: column;
-    gap: 5px;
-  }
-}
-
-@media (max-width: 960px) {
-  .row-wrapper,
-  .row-container {
-    flex-direction: column;
-  }
-
-  .row-container {
-    gap: 15px;
-  }
-
-  .field-column {
-    flex: 1 1 100% !important;
-  }
-}