newportsite 1.1.3

package/src/lib/home/model/services/model.service.ts

@@ -0,0 +1,319 @@
+import { Injectable, inject } from '@angular/core';
+import {
+  HttpClient,
+  HttpErrorResponse,
+  HttpEvent,
+  HttpRequest,
+} from '@angular/common/http';
+import { Observable, firstValueFrom, throwError } from 'rxjs';
+import { GlobalService } from '../../../services/global.service';
+
+import {
+  ItemInterface,
+  FieldInterface,
+  TransportInterface,
+  ManagmentInterface,
+  PaginationInterface,
+  GroupedDataArt,
+} from '../../../interfaces/index';
+
+import { catchError, retry, map } from 'rxjs/operators';
+
+import * as pako from 'pako';
+
+@Injectable()
+export class ManagmentService {
+  private http = inject(HttpClient);
+  private globalService = inject(GlobalService);
+
+  private managmentsUrl: string =
+    this.globalService.restService() + 'managment';
+
+  private url(...segments: (string | number)[]): string {
+    return [this.managmentsUrl, ...segments].join('/');
+  }
+
+  /** Streams a GET request for a single record PDF/ZIP as a progress-tracked HttpEvent sequence. */
+  public downloadFile(
+    managment: ManagmentInterface,
+    fileType: string = 'pdf'
+  ): Observable<HttpEvent<Blob>> {
+    return this.http.request(
+      new HttpRequest(
+        'GET',
+        this.url('GetData', managment.functionId, managment.appId, managment.year, managment.entId, managment.keys, managment.keyId),
+        null,
+        this.globalService.jwt(fileType)
+      )
+    );
+  }
+
+  /** Streams a GET request for a paginated batch of records as a ZIP progress-event sequence. */
+  public downloadFileAll(
+    managment: ManagmentInterface,
+    fileType: string = 'zip'
+  ): Observable<HttpEvent<Blob>> {
+    return this.http.request(
+      new HttpRequest(
+        'GET',
+        this.url('GetItemsData', managment.appId, managment.year, managment.filterId, managment.page, managment.functionId, managment.entId),
+        null,
+        this.globalService.jwt(fileType)
+      )
+    );
+  }
+
+  /** Downloads a single record as a raw Blob PDF (no progress events). */
+  public downloadPDF(
+    managment: ManagmentInterface,
+    fileType: string = 'pdf'
+  ): Observable<Blob> {
+    return this.http
+      .get(
+        this.url('GetData', managment.functionId, managment.appId, managment.year, managment.entId, managment.keys, managment.keyId),
+        { ...this.globalService.jwt(fileType), responseType: 'blob' }
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Fetches grouped article data (GetGroupedDataArt) and resolves the full response. */
+  public async getGroupedDataArtPromise(
+    managment: ManagmentInterface
+  ): Promise<GroupedDataArt> {
+    return await firstValueFrom(
+      this.http
+        .get<GroupedDataArt>(
+          this.url('GetGroupedDataArt', managment.appId, managment.year, managment.codmag!, managment.codart!),
+          this.globalService.jwt()
+        )
+        .pipe(retry(3), catchError(this.handleError))
+    );
+  }
+
+  /** Returns an Observable of paginated search results (GetItemsData). */
+  public getItemsData(
+    managment: ManagmentInterface
+  ): Observable<PaginationInterface> {
+    return this.http
+      .get<PaginationInterface>(
+        this.url('GetItemsData', managment.appId, managment.year, managment.filterId, managment.page, managment.functionId, managment.entId),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Returns an Observable of all records across all pages (GetAllItemsData). */
+  public getAllItemsData(
+    managment: ManagmentInterface
+  ): Observable<PaginationInterface> {
+    return this.http
+      .get<PaginationInterface>(
+        this.url('GetAllItemsData', managment.appId, managment.year, managment.page),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Returns an Observable with the total record count for the given app/year pair. */
+  public getItemsCount(managment: ManagmentInterface): Observable<number> {
+    return this.http
+      .get<number>(
+        this.url('GetItemsCount', managment.appId, managment.year),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Sends a DELETE request for the record identified by appId/year/keyId. */
+  public deleteItem(managment: ManagmentInterface): Observable<boolean> {
+    return this.http
+      .delete<boolean>(
+        this.url('DeleteItem', managment.appId, managment.year, managment.keyId),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Returns entity state info (error/warning counts) for a given project record (Observable). */
+  public getItemsState(
+    managment: ManagmentInterface
+  ): Observable<ItemInterface[]> {
+    return this.http
+      .get<ItemInterface[]>(
+        this.url('GetItemsState', managment.appId, managment.year, managment.keyId),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Promise variant of getItemsState — resolves entity state info for a given record. */
+  public async getItemsSStatePromise(
+    managment: ManagmentInterface
+  ): Promise<ItemInterface[]> {
+    return await firstValueFrom(
+      this.http
+        .get<ItemInterface[]>(
+          this.url('GetItemsState', managment.appId, managment.year, managment.keyId),
+          this.globalService.jwt()
+        )
+        .pipe(retry(3), catchError(this.handleError))
+    );
+  }
+
+  /** Fetches a list of ItemInterface records by entity name/ids (Promise, GetItemsInfo). */
+  public async getItemsByNamePromise(
+    managment: ManagmentInterface
+  ): Promise<ItemInterface[]> {
+    return await firstValueFrom(
+      this.http
+        .get<ItemInterface[]>(
+          this.url('GetItemsInfo', managment.appId, String(managment.entIds), managment.year, managment.functionId, managment.keyId),
+          this.globalService.jwt()
+        )
+        .pipe(retry(3), catchError(this.handleError))
+    );
+  }
+
+  /** Observable variant of getItemsByNamePromise (GetItemsInfo). */
+  public getItemsByName(
+    managment: ManagmentInterface
+  ): Observable<ItemInterface[]> {
+    return this.http
+      .get<ItemInterface[]>(
+        this.url('GetItemsInfo', managment.appId, String(managment.entIds), managment.year, managment.functionId, managment.keyId),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Fetches the entity field schema (GetResource/{entId}.json) as an Observable. */
+  public getFields(
+    managment: ManagmentInterface
+  ): Observable<FieldInterface[]> {
+    return this.http
+      .get<FieldInterface[]>(
+        this.url('GetResource', managment.appId, managment.year, managment.entId + '.json'),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Promise variant of getFields — resolves the entity field schema JSON. */
+  public async getFieldsPromise(
+    managment: ManagmentInterface
+  ): Promise<FieldInterface[]> {
+    return await firstValueFrom(
+      this.http
+        .get<FieldInterface[]>(
+          this.url('GetResource', managment.appId, managment.year, managment.entId + '.json'),
+          this.globalService.jwt()
+        )
+        .pipe(retry(3), catchError(this.handleError))
+    );
+  }
+
+  /**
+   * Fetches entity data (Observable). The pako-compressed base64 response is
+   * decompressed by the `getDataFile` operator before emission.
+   */
+  public getData(
+    managment: ManagmentInterface
+  ): Observable<TransportInterface> {
+    return this.http
+      .get<TransportInterface>(
+        this.url('GetData', managment.functionId, managment.appId, managment.year, managment.entId, managment.keys, managment.keyId),
+        this.globalService.jwt()
+      )
+      .pipe(
+        retry(3),
+        catchError(this.handleError),
+        map(d => this.getDataFile(d))
+      );
+  }
+
+  /** Decodes the base64 dataFile, inflates it with pako, and returns the updated transport. */
+  private getDataFile(data: TransportInterface) {
+    const binary = atob(data.dataFile as string);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) {
+      bytes[i] = binary.charCodeAt(i);
+    }
+    data.dataFile = pako.inflate(bytes, { to: 'string' });
+    return data;
+  }
+
+  /** Promise variant of getData — resolves raw transport data (no decompression applied). */
+  public getDataPromise(
+    managment: ManagmentInterface
+  ): Promise<TransportInterface> {
+    return firstValueFrom(
+      this.http
+        .get<TransportInterface>(
+          this.url('GetData', managment.functionId, managment.appId, managment.year, managment.entId, managment.keys, managment.keyId),
+          this.globalService.jwt()
+        )
+        .pipe(retry(3), catchError(this.handleError))
+    );
+  }
+
+  /** Sends a POST request to insert a new managment record. */
+  public postData(
+    managment: ManagmentInterface
+  ): Observable<TransportInterface> {
+    return this.http
+      .post<TransportInterface>(
+        this.managmentsUrl,
+        JSON.stringify(managment),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Sends a PUT request to update an existing managment record (Observable). */
+  public putData(
+    managment: ManagmentInterface
+  ): Observable<TransportInterface> {
+    return this.http
+      .put<TransportInterface>(
+        this.managmentsUrl,
+        JSON.stringify(managment),
+        this.globalService.jwt()
+      )
+      .pipe(retry(3), catchError(this.handleError));
+  }
+
+  /** Promise variant of putData — awaits a PUT save and resolves the transport response. */
+  public putDataPromise(
+    managment: ManagmentInterface
+  ): Promise<TransportInterface> {
+    return firstValueFrom(
+      this.http
+        .put<TransportInterface>(
+          this.managmentsUrl,
+          JSON.stringify(managment),
+          this.globalService.jwt()
+        )
+        .pipe(retry(3), catchError(this.handleError))
+    );
+  }
+
+  /** Centralised error handler: maps client-side network errors and HTTP status codes to a typed Error. */
+  private handleError(error: HttpErrorResponse): Observable<never> {
+    let errorMessage = 'An error occurred';
+
+    if (error.error instanceof ErrorEvent) {
+      // Client-side or network error
+      errorMessage = `Client Error: ${error.error.message}`;
+      console.error('Client-side error:', error.error.message);
+    } else {
+      // Backend error
+      errorMessage = `Server Error (${error.status}): ${error.message}`;
+      console.error(
+        `Backend returned code ${error.status}, body:`,
+        error.error
+      );
+    }
+
+    return throwError(() => new Error(errorMessage));
+  }
+}

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

@@ -0,0 +1 @@
+export * from './modelsearch.component';

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

@@ -0,0 +1,124 @@
+<!-- modelsearch.component -->
+<modeltemplate>
+  <div class="fill d-flex flex-column">
+    <!-- ── Header ────────────────────────────────────────────────── -->
+    <div class="model-header">
+      <div
+        class="model-title truncate"
+        title="{{ msg?.getProjectDescription('description') }}">
+        {{ msg?.getProjectDescription('description') }}
+      </div>
+    </div>
+
+    <!-- ── Toolbar ───────────────────────────────────────────────── -->
+    <div class="mtb-bar">
+      <div class="mtb-group">
+        <a class="mtb-btn" (click)="click('exit')" [class.pe-none]="exitState">
+          <i
+            [class.icon-disabled]="exitState"
+            class="bi bi-box-arrow-left"
+            title="{{ msg?.get('app.exit') }}"></i>
+        </a>
+      </div>
+
+      <div class="mtb-divider"></div>
+
+      <!-- Search input -->
+      <div class="msearch-input-wrap">
+        <i class="bi bi-search msearch-input-icon"></i>
+        <input
+          id="bkgwhite"
+          [attr.data-state]="0"
+          type="text"
+          [attr.data-length]="30"
+          [attr.data-type]="0"
+          nvg
+          class="msearch-input"
+          [placeholder]="msg?.get('app.search')"
+          [title]="msg?.get('app.search')"
+          (input)="onEnter($event.target.value)"
+          (keyup)="onKeyUp($event)"
+          #inputfilter />
+      </div>
+
+      <div class="mtb-divider"></div>
+
+      <div class="mtb-group">
+        <a class="mtb-btn" (click)="click('plus')" [class.pe-none]="plusState">
+          <i
+            [class.icon-disabled]="plusState"
+            class="bi bi-plus-circle"
+            title="{{ msg?.get('app.plus') }}"></i>
+        </a>
+      </div>
+
+      <div class="mtb-divider"></div>
+
+      <div class="mtb-group">
+        <a
+          class="mtb-btn"
+          [class.pe-none]="firstState"
+          (click)="click('first')">
+          <i
+            [class.icon-disabled]="firstState"
+            class="bi bi-chevron-double-left"
+            title="{{ msg?.get('app.first') }}"></i>
+        </a>
+        <a
+          class="mtb-btn"
+          [class.pe-none]="previousState"
+          (click)="click('previous')">
+          <i
+            [class.icon-disabled]="previousState"
+            class="bi bi-chevron-left"
+            title="{{ msg?.get('app.previous') }}"></i>
+        </a>
+        <span class="msearch-page-badge">{{ currentPage }}</span>
+        <a class="mtb-btn" [class.pe-none]="nextState" (click)="click('next')">
+          <i
+            [class.icon-disabled]="nextState"
+            class="bi bi-chevron-right"
+            title="{{ msg?.get('app.next') }}"></i>
+        </a>
+        <a class="mtb-btn" [class.pe-none]="lastState" (click)="click('last')">
+          <i
+            [class.icon-disabled]="lastState"
+            class="bi bi-chevron-double-right"
+            title="{{ msg?.get('app.last') }}"></i>
+        </a>
+      </div>
+
+      <div class="mtb-divider"></div>
+
+      <div class="mtb-group">
+        <a
+          class="mtb-btn"
+          [class.pe-none]="printState"
+          (click)="click('print')">
+          <i
+            [class.icon-disabled]="printState"
+            class="bi bi-printer"
+            title="{{ msg?.get('app.print') }}"></i>
+        </a>
+      </div>
+    </div>
+
+    <!-- ── Cards grid ────────────────────────────────────────────── -->
+    <div class="msearch-body">
+      <div class="row g-2">
+        @for (item of items; track item.key_id) {
+          <div class="col-sm-6 col-md-4">
+            <card
+              [item]="item"
+              (activate)="activate($event)"
+              (print)="print($event)"
+              (delete)="delete($event)"
+              (flipflop)="flipflop($event)">
+            </card>
+          </div>
+        }
+      </div>
+    </div>
+  </div>
+</modeltemplate>
+<!-- fine modelsearch.component-->