wuic-framework-lib 1.5.0 → 1.7.0

package/fesm2022/{wuic-framework-lib-scheduler-list.component-xzlTEkoq.mjs → wuic-framework-lib-scheduler-list.component--wY21R3o.mjs}

@@ -3,17 +3,23 @@ import * as i0 from '@angular/core';
 import { EventEmitter, HostListener, Output, Input, ViewChild, Component } from '@angular/core';
 import * as i3 from '@fullcalendar/angular';
 import { FullCalendarModule } from '@fullcalendar/angular';
+import itLocale from '@fullcalendar/core/locales/it';
+import frLocale from '@fullcalendar/core/locales/fr';
+import esLocale from '@fullcalendar/core/locales/es';
+import deLocale from '@fullcalendar/core/locales/de';
 import dayGridPlugin from '@fullcalendar/daygrid';
 import interactionPlugin from '@fullcalendar/interaction';
 import timeGridPlugin from '@fullcalendar/timegrid';
 import * as i1 from '@angular/platform-browser';
 import { Title } from '@angular/platform-browser';
-import { o as FilterInfo, q as FilterItem, W as WtoolboxService, d as ParametricDialogComponent, M as MetadataProviderService, D as DynamicGenericTemplateComponent, T as TranslationManagerService } from './wuic-framework-lib-wuic-framework-lib-3TZ-j-yL.mjs';
+import { W as WtoolboxService, f as ParametricDialogComponent, q as FilterInfo, s as FilterItem, M as MetadataProviderService, D as DynamicGenericTemplateComponent, T as TranslationManagerService } from './wuic-framework-lib-wuic-framework-lib-dfLTqam5.mjs';
 import { BehaviorSubject } from 'rxjs';
 
-// https://fullcalendar.io/docs/initialize-globals#premium-bundle - 
+// https://fullcalendar.io/docs/initialize-globals#premium-bundle -
 // https://fullcalendar.io/docs/addResource-demo
 // https://fullcalendar.io/docs/upgrading-from-v5#content-injection
+/** Locale registrati sul calendario (en e' built-in nel core). */
+const SCHEDULER_LOCALES = [itLocale, frLocale, esLocale, deLocale];
 class SchedulerListComponent {
     titleService;
     cd;
@@ -110,6 +116,14 @@ class SchedulerListComponent {
      * Flag di stato che governa il comportamento UI/logico relativo a loading.
      */
     loading = false;
+    /**
+     * Ultimo intervallo emesso da `datesSet` di full-calendar e chiave dei campi
+     * from/to usati nell'ultimo filtro di range: servono a capire se la prima
+     * fetch e' partita con campi provvisori e va rifatta (vedi subscribeToDS).
+     */
+    lastDatesSetInfo = null;
+    lastRangeFieldsKey = '';
+    rangeRefetchInFlight = false;
     /**
      * Proprieta di stato del componente per from field, usata dalla logica interna e dal template.
      */
@@ -146,6 +160,8 @@ class SchedulerListComponent {
      * Proprieta di stato del componente per datasource sub, usata dalla logica interna e dal template.
      */
     datasourceSub;
+    /** Subscription al cambio lingua: riallinea il locale del calendario. */
+    langChangeSub;
     /**
      * Inietta i servizi usati dal planner per titolo pagina, change detection e traduzioni.
      * @param titleService Servizio Angular `Title`.
@@ -157,6 +173,35 @@ class SchedulerListComponent {
         this.cd = cd;
         this.trslSrv = trslSrv;
     }
+    /**
+     * Codice locale per FullCalendar, derivato dalla lingua attiva.
+     * I locale registrati usano il codice a 2 lettere (`it`, `fr`, ...), mentre
+     * la lingua applicativa e' nel formato `it-IT`: prendiamo il prefisso.
+     */
+    currentCalendarLocale() {
+        const lang = String(this.trslSrv?.getCurrentLang?.() || '').trim();
+        if (!lang) {
+            return 'en';
+        }
+        return lang.split('-')[0].toLowerCase();
+    }
+    /**
+     * Applica al calendario gia' istanziato il locale della lingua attiva.
+     * Le `calendarOptions` sono lette da FullCalendar alla costruzione: al
+     * cambio lingua aggiorniamo l'opzione sull'API pubblica, cosi' header e
+     * bottoni si ridisegnano senza ricreare il componente.
+     */
+    applyCalendarLocale() {
+        const locale = this.currentCalendarLocale();
+        if (this.calendarOptions) {
+            this.calendarOptions.locale = locale;
+        }
+        try {
+            this.calendar?.getApi?.()?.setOption?.('locale', locale);
+        }
+        catch { /* calendario non ancora istanziato: bastera' calendarOptions */ }
+        this.cd?.detectChanges?.();
+    }
     /**
      * Completa inizializzazione dopo il rendering della view e collega riferimenti UI.
      */
@@ -165,6 +210,12 @@ class SchedulerListComponent {
         let calOpts = {
             initialView: 'dayGridMonth',
             plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
+            // Header (mesi, giorni, bottoni prev/next/today) nella lingua attiva:
+            // senza `locale` FullCalendar resta sull'inglese di default anche dopo
+            // il cambio lingua dell'app. `locales` va fornito perche' il bundle
+            // core include solo en — vedi schedulerLocales.
+            locale: this.currentCalendarLocale(),
+            locales: SCHEDULER_LOCALES,
             headerToolbar: {
                 left: 'prev,next today',
                 center: 'title',
@@ -190,7 +241,7 @@ class SchedulerListComponent {
             unselectAuto: true,
             dateClick: function (info) {
                 self.onSchedulerDateClick.emit(info);
-                if (self.datasource && self.datasource.value && self.datasource.value.metaInfo && self.datasource.value.metaInfo.tableMetadata.md_insertable) {
+                if (self.datasource?.value?.metaInfo?.tableMetadata.md_insertable) {
                     let header = self.trslSrv.instant('insert') + ' ' + self.metaInfo.tableMetadata.md_display_string;
                     const fromCol = self.getColumnMetadata(self.fromField);
                     const toCol = self.getColumnMetadata(self.toField);
@@ -265,12 +316,17 @@ class SchedulerListComponent {
                 dateInfo.end.setHours(23);
                 dateInfo.end.setMinutes(59);
                 dateInfo.end.setSeconds(59);
-                if (self.datasource && self.datasource.value) {
-                    self.datasource.value.filterInfo = new FilterInfo('AND', [
-                        new FilterItem({ operator: 'gte', field: self.toField, value: dateInfo.start }),
-                        new FilterItem({ operator: 'lte', field: self.fromField, value: dateInfo.end })
-                    ]);
-                    if (self.datasource && self.datasource.value && self.datasource.value.metaInfo && self.datasource.value.metaInfo.columnMetadata.length > 0) {
+                if (self.datasource?.value) {
+                    // Memorizza l'intervallo: serve a subscribeToDS per rifare la fetch
+                    // se i campi from/to arrivano solo DOPO (vedi resolveSchedulerFields).
+                    self.lastDatesSetInfo = dateInfo;
+                    // Risolvi from/to PRIMA di costruire il filtro: al primo render le
+                    // proprieta' valgono ancora gli inizializzatori 'from'/'to'.
+                    if (self.datasource.value.metaInfo) {
+                        self.resolveSchedulerFields(self.datasource.value.metaInfo);
+                    }
+                    self.applyRangeFilter(dateInfo);
+                    if (self.datasource?.value?.metaInfo && self.datasource.value.metaInfo.columnMetadata.length > 0) {
                         await self.datasource.value.fetchData();
                     }
                 }
@@ -288,11 +344,15 @@ class SchedulerListComponent {
         // to `0` (view created) within the same CD cycle.
         queueMicrotask(() => {
             self.calendarOptions = calOpts; // error in prod
+            // Header/bottoni del calendario seguono la lingua attiva anche quando
+            // viene cambiata a calendario gia' montato.
+            self.langChangeSub?.unsubscribe?.();
+            self.langChangeSub = self.trslSrv?.onLangChange$?.subscribe(() => self.applyCalendarLocale());
             if (this.hardcodedDatasource) {
                 this.datasource = new BehaviorSubject(this.hardcodedDatasource);
                 this.subscribeToDS();
             }
-            else if (this.datasource && this.datasource.value) {
+            else if (this.datasource?.value) {
                 this.subscribeToDS();
             }
             else {
@@ -307,6 +367,76 @@ class SchedulerListComponent {
             this.refreshCalendarView();
         });
     }
+    /**
+     * Risolve `fromField`/`toField`/`titleField` dai metadati della route:
+     * dalle opzioni archetype (`md_props_bag.archetypes.scheduler`) se presenti,
+     * altrimenti per auto-detect sulle colonne data/testo.
+     *
+     * Sta in un metodo a se' perche' va invocato in DUE momenti: qui da
+     * `subscribeToDS` (dopo ogni fetch) e da `datesSet` PRIMA di costruire il
+     * filtro di range. `datesSet` scatta al primo render del calendario ed e'
+     * lui a lanciare l'unica fetch iniziale: se i campi non fossero gia'
+     * risolti, il filtro userebbe gli inizializzatori 'from'/'to' — colonne che
+     * non esistono. Il backend scarta i filtri su colonne ignote e restituisce
+     * la PRIMA PAGINA non filtrata, quindi il calendario mostra 0 eventi per il
+     * mese corrente senza alcun errore visibile (e nessun refetch la corregge,
+     * perche' un nuovo `datesSet` arriva solo se l'utente naviga).
+     *
+     * @param metaInfo Metadati della route da cui leggere opzioni e colonne.
+     * @returns Le opzioni archetype scheduler se presenti, altrimenti undefined.
+     */
+    resolveSchedulerFields(metaInfo) {
+        const schedOptions = metaInfo?.tableMetadata?.extraProps?.archetypes?.scheduler;
+        if (schedOptions) {
+            this.fromField = schedOptions.fromField;
+            this.toField = schedOptions.toField;
+            this.titleField = schedOptions.titleField;
+            return schedOptions;
+        }
+        const columnMetadata = metaInfo?.columnMetadata || [];
+        const dateFields = columnMetadata.filter(c => c.mc_ui_column_type == 'date' || c.mc_ui_column_type == 'datetime');
+        if (dateFields.length >= 2) {
+            const fromCandidates = dateFields.filter(c => c.mc_nome_colonna.toLowerCase().includes('from'));
+            const toCandidates = dateFields.filter(c => c.mc_nome_colonna.toLowerCase().includes('to'));
+            if (fromCandidates.length > 0 && toCandidates.length > 0) {
+                this.fromField = fromCandidates[0].mc_nome_colonna;
+                this.toField = toCandidates[0].mc_nome_colonna;
+            }
+            else {
+                this.fromField = dateFields[0].mc_nome_colonna;
+                this.toField = dateFields[1].mc_nome_colonna;
+            }
+        }
+        else {
+            // Solo se l'auto-detect trova davvero qualcosa: al primo `datesSet` i
+            // columnMetadata possono non essere ancora popolati, e sovrascrivere i
+            // campi con `undefined` produrrebbe un filtro SENZA `field` (che il
+            // backend scarta esattamente come uno su colonna inesistente).
+            const single = columnMetadata.find(c => c.mc_ui_column_type == 'date' || c.mc_ui_column_type == 'datetime')?.mc_nome_colonna;
+            if (single) {
+                this.fromField = this.toField = single;
+            }
+        }
+        const detectedTitle = columnMetadata.find(c => c.mc_ui_column_type == 'text' || c.mc_ui_column_type == 'txt_area')?.mc_nome_colonna;
+        if (detectedTitle) {
+            this.titleField = detectedTitle;
+        }
+        return undefined;
+    }
+    /**
+     * Costruisce il filtro di range sul datasource per l'intervallo visualizzato
+     * dal calendario, usando i campi from/to correnti.
+     */
+    applyRangeFilter(dateInfo) {
+        const ds = this.datasource?.value;
+        if (!ds || !dateInfo)
+            return;
+        ds.filterInfo = new FilterInfo('AND', [
+            new FilterItem({ operator: 'gte', field: this.toField, value: dateInfo.start }),
+            new FilterItem({ operator: 'lte', field: this.fromField, value: dateInfo.end })
+        ]);
+        this.lastRangeFieldsKey = `${this.fromField}|${this.toField}`;
+    }
     /**
      * Sottoscrive lo stream `fetchInfo$` del datasource, applica le opzioni scheduler
      * dai metadati tabella e aggiorna gli eventi mostrati nel calendario.
@@ -316,44 +446,34 @@ class SchedulerListComponent {
         this.fetchInfoSub = this.datasource.value.fetchInfo$.subscribe((info) => {
             if (info) {
                 this.metaInfo = info.metaInfo;
-                let schedOptions = info.metaInfo.tableMetadata.extraProps?.archetypes?.scheduler;
+                let schedOptions = this.resolveSchedulerFields(info.metaInfo);
                 this.calendarOptions.editable = info.metaInfo.tableMetadata.md_editable;
+                // La prima fetch la lancia `datesSet`, quando le opzioni archetype
+                // possono non essere ancora state idratate in `extraProps`: in quel
+                // caso il filtro di range e' stato costruito su campi diversi da
+                // quelli veri e i dati a schermo NON sono quelli dell'intervallo
+                // richiesto. Ora che i campi sono corretti, si rifa' la fetch una
+                // volta sola (al giro successivo la chiave coincide e non si rientra).
+                const fieldsKey = `${this.fromField}|${this.toField}`;
+                if (this.lastDatesSetInfo && this.lastRangeFieldsKey && this.lastRangeFieldsKey !== fieldsKey && !this.rangeRefetchInFlight) {
+                    this.rangeRefetchInFlight = true;
+                    this.applyRangeFilter(this.lastDatesSetInfo);
+                    Promise.resolve(this.datasource?.value?.fetchData?.())
+                        .finally(() => { this.rangeRefetchInFlight = false; });
+                    return;
+                }
                 if (schedOptions) {
-                    this.fromField = schedOptions.fromField;
-                    this.toField = schedOptions.toField;
-                    this.titleField = schedOptions.titleField;
                     if (schedOptions.itemTemplateString || this.metaInfo.tableMetadata.md_book_html_template) {
                         this.itemTemplateString = schedOptions.itemTemplateString || this.metaInfo.tableMetadata.md_book_html_template;
                     }
-                    else {
-                        if (schedOptions.titleFunction) {
-                            // skills/typed-localized-exceptions: cached compiled fn → wrap il
-                            // call-site (non la compile) cosi' ogni invocazione runtime e' protetta
-                            // (titleFunction(record) viene chiamata per ogni evento renderizzato).
-                            const compiledTitleFn = new Function('record', schedOptions.titleFunction);
-                            const route = this.metaInfo?.tableMetadata?.md_route_name;
-                            this.titleFunction = (record) => WtoolboxService.runUserCallbackSync('archetypes.scheduler.titleFunction', () => compiledTitleFn(record), [], { archetype: 'scheduler', route });
-                        }
-                    }
-                }
-                else {
-                    let dateFields = this.metaInfo.columnMetadata.filter(c => c.mc_ui_column_type == 'date' || c.mc_ui_column_type == 'datetime');
-                    if (dateFields.length >= 2) {
-                        let fromCandidates = dateFields.filter(c => c.mc_nome_colonna.toLowerCase().includes('from'));
-                        let toCandidates = dateFields.filter(c => c.mc_nome_colonna.toLowerCase().includes('to'));
-                        if (fromCandidates.length > 0 && toCandidates.length > 0) {
-                            this.fromField = fromCandidates[0].mc_nome_colonna;
-                            this.toField = toCandidates[0].mc_nome_colonna;
-                        }
-                        else {
-                            this.fromField = dateFields[0].mc_nome_colonna;
-                            this.toField = dateFields[1].mc_nome_colonna;
-                        }
-                    }
-                    else {
-                        this.fromField = this.toField = this.metaInfo.columnMetadata.find(c => c.mc_ui_column_type == 'date' || c.mc_ui_column_type == 'datetime')?.mc_nome_colonna;
+                    else if (schedOptions.titleFunction) {
+                        // skills/typed-localized-exceptions: cached compiled fn → wrap il
+                        // call-site (non la compile) cosi' ogni invocazione runtime e' protetta
+                        // (titleFunction(record) viene chiamata per ogni evento renderizzato).
+                        const compiledTitleFn = new Function('record', schedOptions.titleFunction);
+                        const route = this.metaInfo?.tableMetadata?.md_route_name;
+                        this.titleFunction = (record) => WtoolboxService.runUserCallbackSync('archetypes.scheduler.titleFunction', () => compiledTitleFn(record), [], { archetype: 'scheduler', route });
                     }
-                    this.titleField = this.metaInfo.columnMetadata.find(c => c.mc_ui_column_type == 'text' || c.mc_ui_column_type == 'txt_area')?.mc_nome_colonna;
                 }
                 let title = this.metaInfo.tableMetadata.md_display_string;
                 this.titleService.setTitle(title);
@@ -371,9 +491,6 @@ class SchedulerListComponent {
                 else {
                     this.datasource.value.fetchData();
                 }
-                // this.totalRecords = info.resultInfo.totalRowCount || 0;
-                // this.aggregates = info.resultInfo.Agg || [];
-                // this.filter();
             }
         });
     }
@@ -427,7 +544,7 @@ class SchedulerListComponent {
             if (col.mc_ui_column_type == 'date') {
                 if (typeof date === 'string') {
                     const raw = date.trim();
-                    const m = raw.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+                    const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(raw);
                     if (m) {
                         return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
                     }
@@ -454,9 +571,6 @@ class SchedulerListComponent {
   * @param arg Parametro utilizzato dal metodo nel flusso elaborativo.
   */
     async updateEvent(arg) {
-        // var instance = this.datasource.value.getObservable(arg.event.extendedProps);
-        // this.datasource.value.pristine = arg.event.extendedProps;
-        // this.datasource.value.resultInfo.current = instance;
         const originalRecord = JSON.parse(JSON.stringify(arg?.event?.extendedProps || {}));
         this.datasource.value.setCurrent(originalRecord);
         let instance = this.datasource.value.resultInfo.current;
@@ -499,7 +613,7 @@ class SchedulerListComponent {
         return (this.metaInfo?.columnMetadata || []).find((c) => String(c?.mc_nome_colonna || '').trim().toLowerCase() === key);
     }
     serializeDateForColumn(date, col) {
-        if (!(date instanceof Date) || isNaN(date.getTime())) {
+        if (!(date instanceof Date) || Number.isNaN(Number(date.getTime()))) {
             return '';
         }
         const type = String(col?.mc_ui_column_type || '').trim().toLowerCase();
@@ -522,10 +636,10 @@ class SchedulerListComponent {
         return `${yyyy}-${mm}-${dd}T${hh}:${mi}:${ss}`;
     }
     addDays(date, delta) {
-        if (!(date instanceof Date) || isNaN(date.getTime()) || !Number.isFinite(delta)) {
+        if (!(date instanceof Date) || Number.isNaN(Number(date.getTime())) || !Number.isFinite(delta)) {
             return date;
         }
-        const clone = new Date(date.getTime());
+        const clone = new Date(date);
         clone.setDate(clone.getDate() + delta);
         return clone;
     }
@@ -595,6 +709,8 @@ class SchedulerListComponent {
         this.fetchInfoSub = null;
         this.datasourceSub?.unsubscribe?.();
         this.datasourceSub = null;
+        this.langChangeSub?.unsubscribe?.();
+        this.langChangeSub = null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SchedulerListComponent, deps: [{ token: i1.Title }, { token: i0.ChangeDetectorRef }, { token: TranslationManagerService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SchedulerListComponent, isStandalone: true, selector: "wuic-scheduler-list", inputs: { hardcodedRoute: "hardcodedRoute", parentRecord: "parentRecord", parentMetaInfo: "parentMetaInfo", datasource: "datasource", hardcodedDatasource: "hardcodedDatasource", hideToolbar: "hideToolbar" }, outputs: { onSchedulerDateClick: "onSchedulerDateClick", onSchedulerEventClick: "onSchedulerEventClick", onSchedulerEventDrop: "onSchedulerEventDrop", onSchedulerEventResize: "onSchedulerEventResize", onSchedulerDatesSet: "onSchedulerDatesSet", onSchedulerDataBound: "onSchedulerDataBound", onSchedulerEventSync: "onSchedulerEventSync" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [Title], viewQueries: [{ propertyName: "eventContent", first: true, predicate: ["fcEventContent"], descendants: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "@if (calendarOptions) {\n<full-calendar #calendar [options]=\"calendarOptions\" [events]=\"data\">\n  <ng-template #eventContent let-arg>\n    <ng-container\n      *ngComponentOutlet=\"itemTemplate; inputs: { record: arg.event, rowData: arg.event, metaInfo: metaInfo, datasource: datasource }\"></ng-container>\n  </ng-template>\n</full-calendar>\n}", styles: [":host ::ng-deep .fc{--fc-event-bg-color: var(--primary-color, var(--p-primary-color, #3b82f6));--fc-event-border-color: var(--primary-color, var(--p-primary-color, #3b82f6));--fc-event-text-color: var(--primary-color-text, var(--p-primary-contrast-color, #ffffff))}:host ::ng-deep .fc .fc-h-event,:host ::ng-deep .fc .fc-v-event,:host ::ng-deep .fc .fc-daygrid-event,:host ::ng-deep .fc .fc-timegrid-event{border-color:var(--fc-event-border-color)!important;background-color:var(--fc-event-bg-color)!important;color:var(--fc-event-text-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: FullCalendarModule }, { kind: "component", type: i3.FullCalendarComponent, selector: "full-calendar", inputs: ["options", "deepChangeDetection", "events", "eventSources", "resources"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
@@ -640,4 +756,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 export { SchedulerListComponent };
-//# sourceMappingURL=wuic-framework-lib-scheduler-list.component-xzlTEkoq.mjs.map
+//# sourceMappingURL=wuic-framework-lib-scheduler-list.component--wY21R3o.mjs.map