@unifylib/ui-lib 1.0.3

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

@@ -0,0 +1,52 @@
+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-confirmation/action-confirmation.component.css

@@ -0,0 +1,34 @@
+.m-0{
+  margin: 0 !important;
+}
+.w-100{
+  width: 100%;
+}
+.form-style{
+  min-height: 12vh !important;
+  height: auto !important;
+}
+.text-red{
+  color: red !important;
+}
+.modal-footer{
+  margin-top: 5vh;
+}
+.overflow-hidden{
+  overflow: hidden;
+}
+.pad-top{
+  margin-top: -7px;
+  display: block;
+}
+.action-comment {
+  direction: rtl;
+  display: flex;
+  justify-content: space-between;
+}
+.material-icons {
+  color: #E22222;
+}
+textarea#warn::placeholder {
+  color: red;
+}

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

@@ -0,0 +1,18 @@
+<mat-dialog-content class="mat-typography" >
+  <p mat-dialog-title class="invoice-note-text invoice-section m-0" [dir]="direction">
+    {{ warningMsg | translate }}
+  </p>
+</mat-dialog-content>
+
+<mat-dialog-actions align="center" class="modal-footer">
+  <button mat-stroked-button color = 'warn'
+          (click)="cancel()" id="rejectActionLabel">
+    {{ rejectActionLabel | translate }}
+  </button>
+  <button mat-stroked-button color='primary'
+          (click)="commentAndClose()" id="acceptActionLabel">
+    {{ acceptActionLabel | translate }}
+  </button>
+
+</mat-dialog-actions>
+

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,58 @@
+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} from "@angular/material/button";
+
+@Component({
+  selector: 'app-action-confirmation',
+  standalone: true,
+  imports: [
+    MatDialogTitle,
+    MatFormField,
+    MatDialogContent,
+    TranslateModule,
+    MatDialogActions,
+    MatButton
+  ],
+  templateUrl: './action-confirmation.component.html',
+  styleUrl: './action-confirmation.component.css'
+})
+export class ActionConfirmationComponent implements OnInit {
+  acceptActionLabel : string =''
+  rejectActionLabel : string =''
+  warningMsg : string = '';
+  direction: 'ltr' | 'rtl' = 'ltr';
+  constructor(public dialogRef: MatDialogRef<ActionConfirmationComponent>,
+              @Inject(MAT_DIALOG_DATA) public data: any,
+              @Inject('securityManager') private securityManager: 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.warningMsg = this.data.warningMsg || '';
+    this.direction = this.securityManager.getDir() ;
+  }
+
+
+  commentAndClose() {
+    this.dialogRef.close('accept');
+
+    return "";
+  }
+
+  cancel() {
+    this.dialogRef.close();
+  }
+
+}

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

@@ -0,0 +1,109 @@
+<div fxLayout="column" fxFlex="2" fxHide.lt-sm [ngStyle]="{'height':isMatchHeight() ? '30vh' : '88vh' }">
+
+</div>
+
+<div fxLayout="column" fxFlex="98">
+
+  <div fxLayout="row" fxLayoutAlign="start center" style="margin-bottom: 10px;">
+    <app-title-bar [pageTitle]="getTitle()" [newAction]="false"></app-title-bar>
+
+    <mat-icon
+      *ngIf="pageInfo?.hasHint"
+      [matTooltip]="pageInfo.labelsSection + '.hint' | translate"
+      matTooltipPosition="right"
+      color="primary"
+      style="cursor: pointer; margin-left: 10px;"
+      matTooltipClass="custom-tooltip">
+      help_outline
+    </mat-icon>
+  </div>
+  <app-base-form-canvas
+    [pageInfo]="pageInfo"
+    [fields]="fields"
+    [editable]="isEditable"
+    [errors]="errors"
+    [item]="this.reportForm?.value || {}"
+    (formUpdated)="updateForm($event)"
+  ></app-base-form-canvas>
+
+  <div fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start start" fxLayoutAlign.lt-sm="center start"
+       class="main-form-canvas"
+       style="margin-top: 3vh; width: 100%">
+
+    <div fxLayout="column" fxFlex="49">
+      <div fxLayout="row" fxLayoutAlign="start center" fxFlex="100">
+        <button *ngIf="activeLevel === 1" color="primary" mat-flat-button (click)="doAction(x)"
+                [disabled]="!isValidForm()"
+                style="font-weight: bold;min-width: 140px; max-width: 200px; margin: 0 10px;">
+          {{ 'REPORTS.generate' | translate }}
+        </button>
+        <button style="font-weight: bold;min-width: 180px ;max-width: 200px;" mat-raised-button [matMenuTriggerFor]="menu"
+                [disabled]="getIsEmptyList()"
+                color="primary"  class="btn-none-background-primary">
+          {{ 'extract' | translate }}
+          <mat-icon class="expand_more actionButton__expand">expand_more</mat-icon>
+        </button>
+        <button
+          mat-flat-button
+          (click)="clear()"
+          [disabled]="isFormEmpty() || activeLevel > 1"
+          style="font-weight: bold; min-width: 140px; max-width: 200px; margin: 0 10px; ">
+          {{ 'REPORTS.clear' | translate }}
+        </button>
+
+        <button *ngIf="activeLevel === 1 && drillDownEnabled()" color="warn" mat-flat-button (click)="drillDown()"
+                style="font-weight: bold;min-width: 140px; max-width: 200px; margin: 0 10px;">
+          {{ drillDownLabel() | translate }}
+        </button>
+        <button *ngIf="activeLevel > 1 && !(isComparisonReport && activeLevel == 2)" color="warn" mat-flat-button (click)="goUp()"
+                style="font-weight: bold;min-width: 140px; max-width: 200px; margin: 0 10px;">
+          {{ 'REPORTS.up' | translate }}
+        </button>
+
+      </div>
+    </div>
+    <div fxLayout="column" fxFlex="49"></div>
+  </div>
+  <div *ngIf="activeLevel === 1" fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start start" fxLayoutAlign.lt-sm="center start"
+       class="main-form-canvas"
+       style="margin-top: 3vh; width: 100%">
+    <div fxLayout="column" fxFlex="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>
+  <div *ngIf="activeLevel === 2" fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start start" fxLayoutAlign.lt-sm="center start"
+       class="main-form-canvas"
+       style="margin-top: 3vh; width: 100%">
+    <div fxLayout="column" fxFlex="100">
+      <app-base-table [pageInfo]="drillDownPageInfo" [columns]="drillDownColumns " id="child"
+                      [reportRequest]="reportRequest"
+                      (userAction)="emitUserAction($event)" (hyperLinkAction)="emitHyperLinkAction($event)"></app-base-table>
+    </div>
+  </div>
+  <div *ngIf="activeLevel === 3" fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start start" fxLayoutAlign.lt-sm="center start"
+       class="main-form-canvas"
+       style="margin-top: 3vh; width: 100%">
+    <div fxLayout="column" fxFlex="100">
+      <app-base-table [pageInfo]="drillDownPageInfo" [columns]="drillDownColumns"  id="junior"
+                      [reportRequest]="reportRequest" (userAction)="emitUserAction($event)" (hyperLinkAction)="emitHyperLinkAction($event)" ></app-base-table>
+    </div>
+  </div>
+    <div *ngIf="activeLevel === 4" fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="start start" fxLayoutAlign.lt-sm="center start"
+         class="main-form-canvas"
+         style="margin-top: 3vh; width: 100%">
+      <div fxLayout="column" fxFlex="100">
+        <app-base-table [pageInfo]="drillDownPageInfo" [columns]="drillDownColumns"
+                        [reportRequest]="reportRequest" (userAction)="emitUserAction($event)"  (hyperLinkAction)="emitHyperLinkAction($event)" ></app-base-table>
+      </div>
+    </div>
+</div>
+<mat-menu #menu="matMenu">
+  <button type="button"
+          mat-menu-item
+          *ngFor="let type of types"
+          (click)="extractReport(type)">
+    {{ type }}
+  </button>
+</mat-menu>
+

package/src/lib/components/activity-report-form/activity-report-form.component.spec.ts

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