newportsite 1.1.3

package/src/lib/home/modelsearch/modelsearch.component.ts

@@ -0,0 +1,453 @@
+import {
+  Component,
+  AfterViewInit,
+  viewChild,
+  ElementRef,
+  HostListener,
+  DestroyRef,
+  ChangeDetectorRef,
+  inject,
+} from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+import { GlobalService, Languages } from '../../services/global.service';
+
+import { AppMessageService } from '../../services/message.service';
+
+import { ManagmentService } from '../model/services/index';
+import {
+  ItemInterface,
+  DataInterface,
+  ManagmentInterface,
+  PaginationInterface,
+  ItemState,
+} from '../../interfaces/index';
+
+import { v1 as uuidv1, v4 as uuidv4 } from 'uuid';
+import { HttpEventType } from '@angular/common/http';
+import { saveAs } from 'file-saver';
+
+import { ModelTemplateComponent } from '../../template/modeltemplate.component';
+import { InputDirective } from '../../directives/input.directive';
+import { CardComponent } from '../../common/card.component';
+
+@Component({
+  selector: 'app-modelsearch',
+  templateUrl: 'modelsearch.component.html',
+  imports: [ModelTemplateComponent, InputDirective, CardComponent],
+})
+export class ModelSearchComponent implements AfterViewInit {
+  gsv = inject(GlobalService);
+  msv = inject(ManagmentService);
+  msg = inject(AppMessageService);
+  private destroyRef = inject(DestroyRef);
+  private cdr = inject(ChangeDetectorRef);
+
+  readonly inputfilter = viewChild<ElementRef>('inputfilter');
+
+  public exitState = false;
+  public plusState = false;
+
+  public firstState = true;
+  public previousState = true;
+  public nextState = true;
+  public lastState = true;
+  public printState = true;
+
+  public totalPages = 1;
+
+  public items: DataInterface[] = [];
+  public filter = '';
+  public itemsCount!: number;
+
+  public currentPage = 1;
+
+  public printHidden = false;
+
+  /** Creates a ManagmentInterface pre-filled with current project/year. */
+  private createManagment(): ManagmentInterface {
+    const m = this.gsv.getManagmentInterface();
+    m.appId = this.gsv.getProject().project;
+    m.year = this.gsv.getYear();
+    return m;
+  }
+
+  /** Returns the upper-cased printable entity name for the active project schema. */
+  private getPrintableEntityName(managment: ManagmentInterface): string {
+    return this.gsv
+      .getSchemaJson(managment.appId + '.' + managment.year)
+      .entities.find((_: any) => _.printable)!
+      .name.toLocaleUpperCase();
+  }
+
+  /** Lifecycle: focuses the search input and restores a saved filter from localStorage if available. */
+  public ngAfterViewInit() {
+    this.readData();
+    this.inputfilter()?.nativeElement?.focus();
+    this.printHidden = !this.gsv
+      .getSchemaJson(this.gsv.getProject().project + '.' + this.gsv.getYear())
+      .entities.find((_: any) => _.printable)?.printable;
+    try {
+      const search = localStorage.getItem('search');
+      if (search) {
+        localStorage.removeItem('search');
+        this.activate(search);
+      }
+    } catch (error) {
+      console.error('Error reading search from localStorage:', error);
+    }
+  }
+
+  /** Handles download responses (progress + completion), saves the blob, and hides the loader. */
+  private handleDownload(ext: string) {
+    return {
+      next: (data: any) => {
+        if (data.type === HttpEventType.Response) {
+          const blob = new Blob([data.body], { type: data.body.type });
+          saveAs(blob, uuidv4() + '.' + ext);
+          this.gsv.setLoaderState(false);
+        }
+      },
+      error: () => {
+        this.gsv.setLoaderState(false);
+      },
+    };
+  }
+
+  /** Initiates a batch-print download: fetches all matching records as a streamed ZIP file. */
+  public printAll(id: string) {
+    this.gsv.setLoaderState(true);
+    const managment = this.createManagment();
+    managment.filterId =
+      this.filter.length === 0 ? btoa(' ') : btoa(this.filter);
+    managment.page = this.currentPage;
+    managment.entId = this.getPrintableEntityName(managment);
+    managment.functionId = 'print';
+    this.msv
+      .downloadFileAll(managment, 'zip')
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe(this.handleDownload('zip'));
+    this.inputfilter()?.nativeElement?.focus();
+  }
+
+  /** Downloads a single record as a PDF blob and saves it using file-saver. */
+  public print(id: string) {
+    this.gsv.setLoaderState(true);
+    const managment = this.createManagment();
+    managment.entId = this.getPrintableEntityName(managment);
+    managment.keyId = id;
+    managment.keys = 'prg=1';
+    managment.functionId = 'print';
+    this.msv
+      .downloadFile(managment)
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe(this.handleDownload('pdf'));
+    this.inputfilter()?.nativeElement?.focus();
+  }
+
+  /**
+   * Toggles the card face (front → back or back → front).
+   * On back-face reveal, fetches fresh entity state from the API.
+   */
+  public flipflop(id: string[]) {
+    const idx = this.items.findIndex(item => item.key_id === id[0]);
+    if (idx === -1) return;
+    const old = this.items[idx];
+
+    // Immediately populate backitems with already-available data so the card
+    // shows content as soon as it flips (before the API responds)
+    const populated: DataInterface = {
+      ...old,
+      backitems: (old.backitems ?? []).map((b, i) => {
+        if (i === 0)
+          return {
+            ...b,
+            id: old.key_id ?? '',
+            name_id: this.msg?.get('app.error') ?? '',
+            value_id: old.errors_id,
+          };
+        if (i === 1)
+          return {
+            ...b,
+            id: old.key_id ?? '',
+            name_id: this.msg?.get('app.warning') ?? '',
+            value_id: old.warnings_id,
+          };
+        return b;
+      }),
+    };
+    this.items = [
+      ...this.items.slice(0, idx),
+      populated,
+      ...this.items.slice(idx + 1),
+    ];
+
+    // Then fetch fresh state from the API and update state_id
+    const managment = this.createManagment();
+    managment.keyId = id[0];
+    this.msv
+      .getItemsState(managment)
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: (data: ItemInterface[]) => {
+          let errors = 0,
+            warnings = 0;
+          for (const e of data) {
+            if (e.state === 1) errors++;
+            else if (e.state === 2) warnings++;
+          }
+          const i2 = this.items.findIndex(item => item.key_id === id[0]);
+          if (i2 === -1) return;
+          const cur = this.items[i2];
+          const updated: DataInterface = {
+            ...cur,
+            state_id:
+              errors > 0
+                ? ItemState.Error
+                : warnings > 0
+                  ? ItemState.Warning
+                  : ItemState.Valid,
+          };
+          this.items = [
+            ...this.items.slice(0, i2),
+            updated,
+            ...this.items.slice(i2 + 1),
+          ];
+        },
+        error: () => {},
+      });
+  }
+
+  /** Navigates to the model item form for the given record key id. */
+  public activate(id: string) {
+    this.gsv.setKeyId(id);
+    this.gsv.setActiveLink('/home/model');
+    this.gsv.navigate('/home/model');
+  }
+
+  /** Deletes the record with the given key id and refreshes the list on success. */
+  public delete(id: string) {
+    const managment = this.createManagment();
+    managment.page = this.currentPage;
+    managment.keyId = id;
+    this.msv
+      .deleteItem(managment)
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: (data: boolean) => {
+          if (data === true) {
+            this.readData();
+          }
+        },
+        error: () => {},
+      });
+  }
+
+  /** Triggers readData() when the Enter key is pressed in the search input. */
+  public onKeyUp(event: KeyboardEvent) {
+    if (event.key === 'Enter') {
+      this.readData();
+    }
+  }
+
+  /**
+   * Fetches one page of search results. Normalises date filter strings before the
+   * request and decides between getAllItemsData (show all mode) and getItemsData.
+   */
+  public readData() {
+    if (
+      this.gsv.getProject().type === 'D' ||
+      this.gsv.getProject().type === 'G'
+    ) {
+      this.gsv.setLoaderState(true);
+      const managment = this.createManagment();
+      const tryDate = this.filter.split('/');
+      if (tryDate.length === 3) {
+        if (this.gsv.getLng() === 'IT') {
+          this.filter = tryDate[2] + '/' + tryDate[1] + '/' + tryDate[0];
+        } else {
+          this.filter = tryDate[2] + '/' + tryDate[0] + '/' + tryDate[1];
+        }
+      }
+      managment.page = this.currentPage;
+      managment.entId = this.getPrintableEntityName(managment);
+      managment.functionId = 'default';
+
+      const observer = {
+        next: (data: PaginationInterface) => {
+          this.gsv.setLoaderState(false);
+          this.items = data.data as DataInterface[];
+          this.storeItems(this.items);
+          this.checkStates(data);
+          this.cdr.detectChanges();
+        },
+        error: () => {
+          this.gsv.setLoaderState(false);
+          this.currentPage = 1;
+          this.readData();
+        },
+      };
+
+      if (this.filter.length === 0) {
+        managment.filterId = btoa(' ');
+        this.msv
+          .getAllItemsData(managment)
+          .pipe(takeUntilDestroyed(this.destroyRef))
+          .subscribe(observer);
+      } else {
+        managment.filterId = btoa(this.filter);
+        this.msv
+          .getItemsData(managment)
+          .pipe(takeUntilDestroyed(this.destroyRef))
+          .subscribe(observer);
+      }
+    } else {
+      this.gsv.navigateToDefault();
+    }
+  }
+
+  /** Enriches each DataInterface item with back-card state info from the API. */
+  storeItems(items: DataInterface[]) {
+    const dateFormatter = new Intl.DateTimeFormat(
+      this.gsv.getLng() === Languages.IT ? 'it-IT' : 'en-US',
+      { day: '2-digit', month: '2-digit', year: 'numeric' }
+    );
+
+    for (const item of items) {
+      const keyId = item.key_id ?? '';
+      const emptyBack = { id: keyId, name_id: '', value_id: '' };
+      item.frontitems = [];
+      item.backitems = [];
+
+      const addRow = (name: string, value: any) => {
+        item.frontitems!.push({ id: keyId, name_id: name, value_id: value });
+        item.backitems!.push({ ...emptyBack });
+      };
+
+      if (item.prog_id && item.prog_id.toString() !== '0') {
+        addRow(this.msg?.get('app.identifier'), item.prog_id);
+      }
+      if (item.tag_id !== '') {
+        addRow(this.msg?.get('app.description'), item.tag_id);
+      }
+      if (item.date_id && item.date_id !== '') {
+        addRow('Data', dateFormatter.format(new Date(item.date_id)));
+      }
+      if (
+        item.denominazione_id !== '' ||
+        item.cognome_id !== '' ||
+        item.nome_id !== '' ||
+        item.tag_id !== ''
+      ) {
+        addRow(
+          item.denominazione_id !== '' ? this.msg?.get('app.name') : '',
+          `${item.denominazione_id} ${item.cognome_id} ${item.nome_id}`
+        );
+      }
+      if (
+        item.codicefiscale_id !== '' ||
+        item.partitaiva_id !== '' ||
+        item.tag_id !== ''
+      ) {
+        addRow(
+          item.codicefiscale_id !== '' ? this.msg?.get('app.cinnumber') : '',
+          item.codicefiscale_id + ''
+        );
+      }
+      if (
+        item.partitaiva_id !== '' ||
+        item.codicefiscale_id !== '' ||
+        item.tag_id !== ''
+      ) {
+        addRow(
+          item.partitaiva_id !== '' ? this.msg?.get('app.vatnumber') : '',
+          item.partitaiva_id + ''
+        );
+      }
+    }
+  }
+
+  /** Updates pagination button states (first/previous/next/last) from the PaginationInterface response. */
+  checkStates(data: PaginationInterface) {
+    this.itemsCount = data.numRec;
+    this.totalPages = data.totPages;
+    this.printState = data.numRec === 0;
+
+    if (data.totPages > 1) {
+      this.firstState = data.isFirst;
+      this.previousState = data.isFirst;
+      this.nextState = data.isLast;
+      this.lastState = data.isLast;
+    } else {
+      this.firstState = true;
+      this.previousState = true;
+      this.nextState = true;
+      this.lastState = true;
+    }
+    if (this.totalPages < this.currentPage) {
+      this.currentPage = Math.max(this.totalPages, 1);
+    }
+  }
+
+  /** Stores the upper-cased filter string on every input change. */
+  public onEnter(value: string) {
+    this.filter = value.toUpperCase();
+  }
+
+  /** Closes the search view when Escape is pressed, regardless of focus location. */
+  @HostListener('document:keydown.escape', ['$event']) onKeydownHandler(
+    event: KeyboardEvent
+  ) {
+    event.stopImmediatePropagation();
+    this.click('exit');
+  }
+
+  /**
+   * Toolbar command dispatcher: handles exit, first, previous, next, last, print, delete,
+   * and refresh commands, updating pagination state after each navigation action.
+   */
+  public click(id: string) {
+    switch (id) {
+      case 'exit':
+        this.gsv.setActiveLink('/home/dashboard');
+        this.gsv.navigate('/home/dashboard');
+        break;
+      case 'plus': {
+        const managment = this.createManagment();
+        managment.functionId = id;
+        managment.keyId = uuidv1();
+        this.msv
+          .getItemsState(managment)
+          .pipe(takeUntilDestroyed(this.destroyRef))
+          .subscribe({
+            next: () => {
+              this.gsv.setKeyId(managment.keyId);
+              this.gsv.setActiveLink('/home/model');
+              this.gsv.navigate('/home/model');
+            },
+            error: () => {},
+          });
+        break;
+      }
+      case 'print':
+        this.printAll(id);
+        break;
+      case 'first':
+        this.currentPage = 1;
+        this.readData();
+        break;
+      case 'previous':
+        this.currentPage -= 1;
+        this.readData();
+        break;
+      case 'next':
+        this.currentPage += 1;
+        this.readData();
+        break;
+      case 'last':
+        this.currentPage = this.totalPages;
+        this.readData();
+        break;
+    }
+  }
+}

package/src/lib/interfaces/data.interface.ts

@@ -0,0 +1,131 @@
+//
+// Data
+//
+export interface EntitiesData {
+  entities: Array<EntityData>;
+}
+
+export interface EntityData {
+  name: string;
+  modules: Array<ModuleData>;
+}
+
+export interface ModuleData {
+  prg: number[];
+  state: number;
+  members: MemberData[];
+  insert?: boolean;
+}
+
+export type FieldValue = string | number | boolean | Date | null;
+
+export interface MemberData {
+  name: string;
+  type: number;
+  value: FieldValue;
+  state: number;
+  initialvalue: FieldValue;
+  initialstate: number;
+  refresh?: boolean;
+  scale?: boolean;
+  message?: string;
+}
+
+//
+// Schema
+//
+export interface Entities {
+  entities: Array<Entity>;
+}
+
+export interface Entity {
+  name: string;
+  x: string;
+  y: string;
+  width: string;
+  height: string;
+  enabled: boolean;
+  visible: boolean;
+  linkeditems: string;
+  parentitems: string;
+  id: string;
+  title: string;
+  titlegb: string;
+  groupname: string;
+  focusoninsert: string;
+  focusonupdate: string;
+  preview: boolean;
+  allowadd: boolean;
+  allowdelete: string;
+  mandatory: boolean;
+  printable: boolean;
+  viewlist: boolean;
+  cache: boolean;
+  masterdetail: number;
+  prgdim: number;
+  svg: string;
+  pdf: string;
+  type: string;
+  index: number;
+  pdfoffsetleft: number;
+  pdfoffsettop: number;
+  members: Array<Member>;
+}
+
+export interface Member {
+  type: number;
+  value: FieldValue;
+  id: string;
+  name: string;
+  title: string;
+  tabindex: number;
+  x: string;
+  y: string;
+  width: string;
+  height: string;
+  enabled: boolean;
+  visible: boolean;
+  tabstop: boolean;
+  tag: FieldValue;
+  initialvalue: string;
+  state: number;
+  length?: number;
+  allowedchars?: string;
+  charactercasing?: string;
+  generateuid?: boolean;
+  alignment: string;
+  mandatory: boolean;
+  uniqueid: string;
+  lookup: string;
+  lookuplink: boolean;
+  lookupoutput?: boolean;
+  match: string;
+  replace: string;
+  readonly: boolean;
+  output: boolean;
+  autoformatter: boolean;
+  viewlist: number;
+  caption: string;
+  captiongb: string;
+  function: string;
+  padleftchar: string;
+  padrightchar: string;
+  spacing: number;
+  groupname?: string;
+  precision?: number;
+  scale?: number;
+  allowsign?: boolean;
+  min?: number | string;
+  max?: number | string;
+  thousandseparator?: boolean;
+  combo?: string;
+  today?: boolean;
+  graphic?: string;
+  action?: string;
+  sign?: string;
+  ivisible?: boolean;
+  rootModel?: boolean;
+  linkedItems?: string[];
+  svg?: string;
+  prgDim?: number;
+}

package/src/lib/interfaces/index.ts

@@ -0,0 +1,2 @@
+export * from './item.interface';
+export * from './data.interface';