@unifylib/ui-lib 1.1.3 → 1.1.4

package/src/lib/base-model/table-column.interface.ts

@@ -1,29 +0,0 @@
-export interface TableColumn<T> {
-  property: string;
-  type: 'text' | 'croppedText' | 'image' | 'netAmount' | 'workflowStatus' | 'onOff' | 'progress' | 'checkbox' | 'button' | 'date' | 'number'| 'icon' |'bigdecimal'|'builder'|'localDateTime'|'report-sequence' | 'listAction' | 'info' | 'stateType' | 'hyper-text'|'year' | 'reportType' | 'status'
-  viewType?:string;
-  enableSorting: boolean;
-  visible?: boolean;
-  cssClasses?: string[];
-  reportVisible?:boolean | true;
-  reportProperty?: string;
-  reportType?: string;
-  showSum?:boolean;
-  showCount?:boolean;
-  translate?: boolean;
-  width?:number;
-  label?:string;
-  reportwidth?:number;
-  langDrivenName?:boolean;
-  additionalProperty?: string;
-  currency?: string;
-  orderByProperty?: string;
-  advancedFilter?: boolean;
-  enableQuickFilter?: boolean;
-  format?:string;
-  group?:string;
-  arraySubProperty?: string;
-  digitInfo?:string;
-}
-
-export const FRONT_END_COLUMN_TYPES = ['listAction', 'button','hyper-text'];

package/src/lib/base-model/table-page-user-action.interface.ts

@@ -1,33 +0,0 @@
-import {PageInfo} from "./page-info";
-
-export interface TablePageUserAction {
-  type: 'add' | 'select' | 'extra';
-  id?:number;
-  item?:any;
-  actionKey?: string;
-  pageInfo?:PageInfo
-}
-
-export const SELECT_RECORD_ACTION: TablePageUserAction = {
-  type:'select'
-}
-export const EXTRA_ACTION: TablePageUserAction = {
-  type:'extra'
-}
-
-export const DRILL_DOWN_ACTION: TablePageUserAction = {
-  type:'extra'
-}
-export const JUNIOR_DOWN_ACTION: TablePageUserAction = {
-  type:'extra'
-}
-
-export const ADD_NEW_RECORD_ACTION: TablePageUserAction = {
-  type:'add',
-  id: -1
-}
-
-export const TABLE_RECORD_ACTION: TablePageUserAction = {
-  type:'extra',
-  id: -1
-}

package/src/lib/base-model/workflow/workflow-steps.model.ts

@@ -1,9 +0,0 @@
-
-export class WorkflowStep {
-    stepId?: number;
-    stepName: string='';
-    stepNameAr: string='';
-    isObsoleted: boolean=false;
-    description: string='';
-
-}

package/src/lib/base-model/workflow/workflow.model.ts

@@ -1,52 +0,0 @@
-import {WorkflowStep} from "./workflow-steps.model";
-
-export class Workflow {
-    id: number;
-    corporateWorkflowId: number;
-    corporateId : number;
-    workflowProcessId: number;
-    workflowSteps : WorkflowStep[];
-    rejectionStrategy: 'TERMINATE' | 'STEP_BACK' | 'CREATE_STEP';
-    processName: string;
-
-    constructor(workflow: Workflow) {
-        this.id= workflow.id;
-        this.corporateWorkflowId= workflow.corporateWorkflowId;
-        this.corporateId = workflow.corporateId;
-        this.workflowProcessId = workflow.workflowProcessId;
-        this.workflowSteps = workflow.workflowSteps === undefined ? [] : workflow.workflowSteps;
-        this.processName = PROCESS_NAMES_MAP[this.workflowProcessId];
-        this.rejectionStrategy = workflow.rejectionStrategy;
-    }
-}
-export const PROCESS_NAMES_MAP: Record<number, string> = {
-    1: 'Outward Invoices',
-    2: 'Inward Invoices',
-    5: 'Customers Management',
-    6: 'Vendors Management',
-    8: 'Payment',
-    13: 'Users Management',
-    14: 'Groups Management',
-    19: 'Departments Management',
-    22: 'Credit Notes',
-    23: 'Debit Notes',
-    30: 'Store Management',
-    31: 'Branch Management ',
-    32: 'Division Management',
-    33: 'Product Management',
-    34: 'Import Stock',
-    35: 'Export Stock',
-    36: 'Stock Damage',
-    51: 'Internal Invoices',
-    60: 'Purchase Request',
-    61: 'Purchase Order',
-    62: 'Request for Quotation',
-    63: 'Proposal Evaluation',
-    64: 'Proposal By Vendor'
-};
-
-export const SEQ_PROCESS_NAMES_MAP: Record<number, string> = {
-    1:  'Outward Invoices / Invoice Number',
-    100:  'Outward Invoices / ePayment Number',
-    2:  'Inward Invoices'
-};

package/src/lib/components/action-comment/action-comment.component.css

@@ -1,52 +0,0 @@
-
-.dialog-title {
-  font-size: 20px;
-  font-weight: 600;
-  padding: 0 16px;
-}
-
-.dialog-subtitle {
-  color: #666;
-  padding: 0 20px;
-}
-
-.textarea-label {
-  font-weight: 600;
-  padding: 5px 20px;
-  margin: 0;
-  color: black;
-}
-
-.info-text {
-  color: #888;
-  font-family: Lusail, sans-serif;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 120%;
-}
-
-.info-box {
-  display: flex;
-  font-size: 12px;
-
-  mat-icon {
-    font-size: 18px;
-    color: var(--primary-color-3nd);
-  }
-}
-
-.footer-actions {
-  margin-top: 0px;
-}
-
-.cancel-btn {
-  width: 121px !important;
-}
-.warn-btn {
-  width: 171px !important;
-}
-
-.content-section {
-  padding: 0 20px;
-}

package/src/lib/components/action-comment/action-comment.component.html

@@ -1,47 +0,0 @@
-<div class="dialog-container" [dir]="currentDirection">
-
-  <h2 mat-dialog-title class="dialog-title" >
-    {{ titleKey | translate}} {{itemName}}
-  </h2>
-
-  <p class="dialog-subtitle">
-    {{ subtitleKey | translate }}
-  </p>
-
-
-  <p class="textarea-label">
-    {{ reasonLabelKey | translate }}
-  </p>
-
-
-  <mat-dialog-content class="content-section">
-    <mat-form-field appearance="outline" class="w-100">
-      <textarea
-        matInput
-        [(ngModel)]="comment"
-        placeholder="{{ placeholderKey | translate }}"
-        cdkTextareaAutosize
-        cdkAutosizeMinRows="4"
-        cdkAutosizeMaxRows="5"
-      ></textarea>
-    </mat-form-field>
-
-
-    <div class="info-box">
-      <mat-icon>info</mat-icon>
-      <span class="info-text">
-        {{ warningKey | translate }}
-      </span>
-    </div>
-  </mat-dialog-content>
-
-  <mat-dialog-actions align="end" class="footer-actions">
-    <button mat-stroked-button class="btn-none-background-primary cancel-btn" (click)="cancel()">
-      {{ cancelKey | translate }}
-    </button>
-
-    <button  mat-flat-button class="btn-background-primary warn-btn" (click)="commentAndClose()" [disabled]="!comment">
-      {{ actionKey | translate }}
-    </button>
-  </mat-dialog-actions>
-</div>

package/src/lib/components/action-comment/action-comment.component.spec.ts

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

package/src/lib/components/action-comment/action-comment.component.ts

@@ -1,102 +0,0 @@
-import {Component, HostListener, Inject, Input, OnInit} from '@angular/core';
-import {
-  MAT_DIALOG_DATA,
-  MatDialogActions,
-  MatDialogContent,
-  MatDialogRef,
-  MatDialogTitle
-} from "@angular/material/dialog";
-import {MatFormField} from "@angular/material/form-field";
-import {FormsModule} from "@angular/forms";
-import {CdkTextareaAutosize} from "@angular/cdk/text-field";
-import {TranslateModule} from "@ngx-translate/core";
-import {MatButton} from "@angular/material/button";
-import {MatInput} from "@angular/material/input";
-import {MatIcon} from "@angular/material/icon";
-
-@Component({
-  selector: 'app-action-comment',
-  standalone: true,
-  imports: [
-    MatDialogTitle,
-    MatFormField,
-    MatDialogContent,
-    FormsModule,
-    CdkTextareaAutosize,
-    TranslateModule,
-    MatDialogActions,
-    MatButton,
-    MatInput,
-    MatIcon
-  ],
-  templateUrl: './action-comment.component.html',
-  styleUrl: './action-comment.component.css'
-})
-export class ActionCommentComponent implements OnInit {
-  itemName: string = '';
-  titleKey: string = '';
-  subtitleKey: string = '';
-  reasonLabelKey: string = '';
-  placeholderKey: string = '';
-  warningKey: string = '';
-  cancelKey: string = '';
-  actionKey: string = '';
-  currentDirection: 'ltr' | 'rtl' = 'ltr';
-
-  actionLabel : string =''
-  isTermination : boolean=false;
-  comment: string = '';
-  external: boolean = false;
-  signingRequired: boolean = false;
-  tokenReference: string = "";
-  otp: string = "";
-  isSubmitted: boolean = false;
-  warningMsg = false;
-
-  constructor(public dialogRef: MatDialogRef<ActionCommentComponent>,
-              @Inject(MAT_DIALOG_DATA) public data: any) {
-    dialogRef.disableClose = true;
-  }
-  @HostListener('window:keyup.esc') onKeyUp() {
-    this.dialogRef.close();
-  }
-  ngOnInit(): void {
-    this.actionLabel = this.data.label;
-    this.isTermination = this.data.isTermination ;
-    this.signingRequired = this.data.signingRequired;
-    this.tokenReference = this.data.tokenReference;
-    this.warningMsg = this.data.warningMsg || false;
-
-    this.itemName = this.data.deviceName;
-    this.titleKey = this.data.titleKey;
-    this.subtitleKey = this.data.subtitleKey;
-    this.reasonLabelKey = this.data.reasonLabelKey;
-    this.placeholderKey = this.data.placeholderKey;
-    this.warningKey = this.data.warningKey;
-    this.cancelKey = this.data.cancelKey;
-    this.actionKey = this.data.actionKey;
-    this.currentDirection  = this.data.direction;
-  }
-
-
-  commentAndClose() {
-    this.isSubmitted = true;
-    if (this.signingRequired && !this.otp) return false;
-    let obj:{[key: string]:any} = {
-      comment: this.comment,
-      shareExternal : this.external
-    };
-    //
-    if(this.signingRequired) obj["token"] = this.otp;
-    if(this.signingRequired) obj["tokenReference"] = this.tokenReference;
-    //
-    this.dialogRef.close(obj);
-
-    return "";
-  }
-
-  cancel() {
-    this.dialogRef.close();
-  }
-
-}

package/src/lib/components/action-confirmation/action-confirmation.component.css

@@ -1,46 +0,0 @@
-.confirm-dialog {
-  padding: 32px;
-  min-width: 500px;
-  box-sizing: border-box;
-}
-
-.header-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.title {
-  margin: 0;
-  font-size: 20px;
-  font-weight: 700;
-  color: #222;
-}
-
-.close-btn mat-icon {
-  font-size: 24px;
-  color: #333;
-}
-
-.message {
-  margin-top: 20px;
-  font-size: 16px;
-  color: #333;
-}
-
-.actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 16px;
-  margin-top: 40px;
-}
-
-.btn-cancel{
-  width: 121px !important;
-  margin: 0 !important;
-}
-.btn-confirm{
-  width: 171px !important;
-  margin: 0 !important;
-}
-

package/src/lib/components/action-confirmation/action-confirmation.component.html

@@ -1,32 +0,0 @@
-<div class="confirm-dialog" [dir]="currentDirection">
-
-  <div class="header-row">
-    <h2 class="title">{{ titleMsg | translate }}</h2>
-    <button mat-icon-button class="close-btn" (click)="cancel()">
-      <mat-icon>close</mat-icon>
-    </button>
-  </div>
-
-  <p class="message">
-    {{ subMsg | translate }}
-  </p>
-
-  <div class="actions">
-    <button
-      mat-stroked-button
-      class="btn-none-background-primary btn-cancel"
-      (click)="cancel()"
-      id="rejectActionLabel">
-      {{ rejectActionLabel | translate }}
-    </button>
-
-    <button
-      mat-flat-button
-      class="btn-background-primary btn-confirm"
-      (click)="commentAndClose()"
-      id="acceptActionLabel">
-      {{ acceptActionLabel | translate }}
-    </button>
-  </div>
-
-</div>

package/src/lib/components/action-confirmation/action-confirmation.component.spec.ts

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

package/src/lib/components/action-confirmation/action-confirmation.component.ts

@@ -1,58 +0,0 @@
-import {Component, HostBinding, HostListener, Inject, OnInit} from '@angular/core';
-import {
-  MAT_DIALOG_DATA,
-  MatDialogActions,
-  MatDialogContent,
-  MatDialogRef,
-  MatDialogTitle
-} from "@angular/material/dialog";
-import {MatFormField} from "@angular/material/form-field";
-import {TranslateModule} from "@ngx-translate/core";
-import {MatButton, MatIconButton} from "@angular/material/button";
-import {MatIcon} from "@angular/material/icon";
-
-@Component({
-  selector: 'app-action-confirmation',
-  standalone: true,
-  imports: [
-    TranslateModule,
-    MatButton,
-    MatIconButton,
-    MatIcon
-  ],
-  templateUrl: './action-confirmation.component.html',
-  styleUrl: './action-confirmation.component.css'
-})
-export class ActionConfirmationComponent implements OnInit {
-  acceptActionLabel : string =''
-  rejectActionLabel : string =''
-  subMsg : string = '';
-  titleMsg : string = '';
-  currentDirection: 'ltr' | 'rtl' = 'ltr';
-  constructor(public dialogRef: MatDialogRef<ActionConfirmationComponent>,
-              @Inject(MAT_DIALOG_DATA) public data: any) {
-    dialogRef.disableClose = true;
-  }
-  @HostListener('window:keyup.esc') onKeyUp() {
-    this.dialogRef.close();
-  }
-  ngOnInit(): void {
-    this.acceptActionLabel = this.data.acceptActionLabel || 'accept' ;
-    this.rejectActionLabel = this.data.rejectActionLabel || 'reject';
-    this.subMsg = this.data.warningMsg || '';
-    this.titleMsg = this.data.confirmMsg || '';
-    this.currentDirection  = this.data.direction;
-  }
-
-
-  commentAndClose() {
-    this.dialogRef.close('accept');
-
-    return "";
-  }
-
-  cancel() {
-    this.dialogRef.close();
-  }
-
-}

package/src/lib/components/activity-report-form/activity-report-form.component.html

@@ -1,110 +0,0 @@
-<div class="page-container">
-
-  <div class="row row-center-start mb-10px full-width">
-    <app-title-bar [pageTitle]="getTitle()" [newAction]="false"></app-title-bar>
-    <mat-icon *ngIf="pageInfo?.hasHint"
-              [matTooltip]="pageInfo.labelsSection + '.hint' | translate"
-              matTooltipPosition="right"
-              color="primary"
-              class="help-icon"
-              matTooltipClass="custom-tooltip">
-      help_outline
-    </mat-icon>
-  </div>
-
-  <app-base-form-canvas
-    [pageInfo]="pageInfo"
-    [fields]="fields"
-    [editable]="isEditable"
-    [errors]="errors"
-    [item]="reportForm?.value || {}"
-    (formUpdated)="updateForm($event)">
-  </app-base-form-canvas>
-
-  <div class="row main-form-canvas mt-3vh">
-    <div class="column flex-49">
-      <div class="row row-center-start">
-        <button *ngIf="activeLevel === 1" color="primary" mat-flat-button (click)="doAction(x)"
-                [disabled]="!isValidForm()" class="action-button" id="activity-generate-btn">
-          {{ 'REPORTS.generate' | translate }}
-        </button>
-        <button mat-raised-button [matMenuTriggerFor]="menu" [disabled]="getIsEmptyList()"
-                color="primary" class="btn-none-background-primary action-button" id="activity-extract-trigger">
-          {{ 'extract' | translate }}
-          <mat-icon class="expand_more actionButton__expand">expand_more</mat-icon>
-        </button>
-        <button mat-flat-button (click)="clear()"
-                [disabled]="isFormEmpty() || activeLevel > 1"
-                class="action-button" id="activity-clear-btn">
-          {{ 'REPORTS.clear' | translate }}
-        </button>
-        <button *ngIf="activeLevel === 1 && drillDownEnabled()" color="warn" mat-flat-button
-                (click)="drillDown()" class="action-button" id="activity-drilldown-btn">
-          {{ drillDownLabel() | translate }}
-        </button>
-        <button *ngIf="activeLevel > 1 && !(isComparisonReport && activeLevel == 2)" color="warn"
-                mat-flat-button (click)="goUp()" class="action-button" id="activity-up-btn">
-          {{ 'REPORTS.up' | translate }}
-        </button>
-      </div>
-    </div>
-    <div class="column flex-49"></div>
-  </div>
-
-  <!-- Base tables -->
-  <ng-container *ngIf="activeLevel === 1">
-    <div class="row main-form-canvas mt-3vh">
-      <div class="column flex-100">
-        <app-base-table [pageInfo]="pageInfo" [columns]="columnsDefinition" [enforceRefresh]="reloadData"
-                        id="parent" [reportRequest]="reportRequest"
-                        (userAction)="emitUserAction($event)"
-                        (hyperLinkAction)="emitHyperLinkAction($event)">
-        </app-base-table>
-      </div>
-    </div>
-  </ng-container>
-
-  <ng-container *ngIf="activeLevel === 2">
-    <div class="row main-form-canvas mt-3vh">
-      <div class="column flex-100">
-        <app-base-table [pageInfo]="drillDownPageInfo" [columns]="drillDownColumns" id="child"
-                        [reportRequest]="reportRequest"
-                        (userAction)="emitUserAction($event)"
-                        (hyperLinkAction)="emitHyperLinkAction($event)">
-        </app-base-table>
-      </div>
-    </div>
-  </ng-container>
-
-  <ng-container *ngIf="activeLevel === 3">
-    <div class="row main-form-canvas mt-3vh">
-      <div class="column flex-100">
-        <app-base-table [pageInfo]="drillDownPageInfo" [columns]="drillDownColumns" id="junior"
-                        [reportRequest]="reportRequest"
-                        (userAction)="emitUserAction($event)"
-                        (hyperLinkAction)="emitHyperLinkAction($event)">
-        </app-base-table>
-      </div>
-    </div>
-  </ng-container>
-
-  <ng-container *ngIf="activeLevel === 4">
-    <div class="row main-form-canvas mt-3vh">
-      <div class="column flex-100">
-        <app-base-table [pageInfo]="drillDownPageInfo" [columns]="drillDownColumns"
-                        [reportRequest]="reportRequest"
-                        (userAction)="emitUserAction($event)"
-                        (hyperLinkAction)="emitHyperLinkAction($event)">
-        </app-base-table>
-      </div>
-    </div>
-  </ng-container>
-
-</div>
-
-<!-- Menu -->
-<mat-menu #menu="matMenu">
-  <button type="button" mat-menu-item *ngFor="let type of types" (click)="extractReport(type)" [attr.id]="'activity-extract-item-' + type">
-    {{ type }}
-  </button>
-</mat-menu>

package/src/lib/components/activity-report-form/activity-report-form.component.scss

@@ -1,69 +0,0 @@
-
-.page-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.row {
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  flex-wrap: wrap;
-  width: 100%;
-}
-
-.column {
-  display: flex;
-  flex-direction: column;
-}
-
-.flex-49 {
-  flex: 0 0 49%;
-}
-
-.flex-100 {
-  flex: 0 0 100%;
-}
-
-.row-center-start {
-  align-items: center;
-  justify-content: flex-start;
-}
-
-.mt-3vh { margin-top: 3vh; }
-.mb-10px { margin-bottom: 10px; }
-
-.action-button {
-  font-weight: bold;
-  min-width: 140px;
-  max-width: 200px;
-  margin: 0 10px;
-}
-
-.help-icon {
-  cursor: pointer;
-  margin-left: 10px;
-}
-
-@media (max-width: 960px) {
-  .flex-49, .flex-100 {
-    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;
-  }
-  .help-icon {
-    margin-left: 0;
-    margin-top: 5px;
-  }
-}