@dataclouder/ngx-core 0.2.2 → 0.2.3

package/fesm2022/dataclouder-ngx-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Component, Injectable, inject, ChangeDetectionStrategy, output, Input, HostListener, ChangeDetectorRef, signal, Pipe, effect, ViewChild, Directive, InjectionToken, computed, Optional, Inject } from '@angular/core';
+import { input, Component, Injectable, inject, ChangeDetectionStrategy, output, Input, HostListener, ChangeDetectorRef, signal, Pipe, effect, ViewChild, Directive, InjectionToken, computed, untracked, Optional, Inject } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormBuilder, FormsModule, ReactiveFormsModule, FormControl, ControlContainer, FormGroup, FormArray } from '@angular/forms';
 import * as i2 from 'primeng/button';
@@ -1315,6 +1315,8 @@ class EntityBaseListComponent extends PaginationBase {
         });
     }
     async ngOnInit() {
+        this.entityCommunicationService.currentMode.set('list');
+        this.entityCommunicationService.currentEntity.set(undefined);
         await this.loadData();
     }
     async loadData() {
@@ -1425,6 +1427,8 @@ class EntityBaseListV2Component extends PaginationBase {
         // Initialize mongoState from PaginationBase defaults if needed
         this.mongoState.options.limit = this.rows();
         this.mongoState.options.skip = this.first();
+        this.entityCommunicationService.currentMode.set('list');
+        this.entityCommunicationService.currentEntity.set(undefined);
         await this.loadData();
     }
     async loadData() {
@@ -1618,6 +1622,10 @@ class EntityBaseFormComponent {
         this.entityId = computed(() => this.id() ?? this.entityIdFromUrl(), ...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
         this.useFakeSave = input(false, ...(ngDevMode ? [{ debugName: "useFakeSave" }] : /* istanbul ignore next */ [])); // dont actually save if the father component that is in charge of save.
         this.fakeSaved = output();
+        this._stateSyncEffect = effect(() => {
+            untracked(() => this.entityCommunicationService.currentMode.set('form'));
+            this.entityCommunicationService.currentEntity.set(this.entity());
+        }, { ...(ngDevMode ? { debugName: "_stateSyncEffect" } : /* istanbul ignore next */ {}), allowSignalWrites: true });
         this.loadEntityEffect = effect(() => {
             const entityFromInput = this.entityInput();
             if (entityFromInput) {
@@ -1719,6 +1727,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
             type: Directive
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], entityInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: false }] }], useFakeSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "useFakeSave", required: false }] }], fakeSaved: [{ type: i0.Output, args: ["fakeSaved"] }] } });
 
+class EntityBaseDetailComponent {
+    constructor() {
+        this.route = inject(ActivatedRoute);
+        this.toastService = inject(TOAST_ALERTS_TOKEN, { optional: true });
+        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
+        this.entity = signal(undefined, ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.entityIdFromUrl = toSignal(this.route.paramMap.pipe(map((params) => params.get('id') ?? undefined)));
+        this.entityId = computed(() => this.id() ?? this.entityIdFromUrl(), ...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
+        this._loadEffect = effect(() => {
+            const id = this.entityId();
+            untracked(() => this.entityCommunicationService.currentMode.set('detail'));
+            if (id) {
+                this.loadEntity(id);
+            }
+        }, { ...(ngDevMode ? { debugName: "_loadEffect" } : /* istanbul ignore next */ {}), allowSignalWrites: true });
+    }
+    /** Called after the entity is successfully loaded. Override to react (e.g. load related data). */
+    onEntityLoaded(_entity) { }
+    async loadEntity(id) {
+        try {
+            this.isLoading.set(true);
+            const loaded = await this.entityCommunicationService.findOne(id);
+            if (loaded) {
+                this.entity.set(loaded);
+                this.entityCommunicationService.currentEntity.set(loaded);
+                this.onEntityLoaded(loaded);
+            }
+        }
+        catch (err) {
+            this.toastService?.error({ title: 'Error', subtitle: 'Error loading entity' });
+            console.error('Error loading entity', err);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    reload() {
+        const id = this.entityId();
+        if (id) {
+            this.loadEntity(id);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: EntityBaseDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: EntityBaseDetailComponent, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: EntityBaseDetailComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
 var EModelQuality;
 (function (EModelQuality) {
     EModelQuality["FAST"] = "fast";
@@ -3196,7 +3254,6 @@ class HttpCoreService {
     }
     async deleteHttp({ service, host }) {
         this.isLoading.set(true);
-        debugger;
         try {
             const url = this.getHostUrl(host) + '/' + service;
             const response$ = this.httpClient.delete(url).pipe(catchError(this.handleRequestError.bind(this)));
@@ -3537,6 +3594,9 @@ class HttpCoreService {
             const subtitle = appException?.explanation || 'Please try again later';
             this.toastService.error({ title: errorMessage, subtitle });
         }
+        else if (error.status === 0) {
+            this.toastService.error({ title: 'No server connection', subtitle: 'Please check your network and try again, or verify that the server is running at ' + error?.url });
+        }
         // Set the last error, not sure if this is still neeed, to keep track of the last error.
         if (appException) {
             this.lastError.set({
@@ -3548,8 +3608,8 @@ class HttpCoreService {
         }
         else {
             this.lastError.set({
-                error_message: error.message || 'An error occurred',
-                explanation: 'Please try again later',
+                error_message: error.status === 0 ? 'No server connection' : error.message || 'An error occurred',
+                explanation: error.status === 0 ? 'Please check your network and try again.' : 'Please try again later',
                 status: error.status,
             });
         }
@@ -3658,6 +3718,8 @@ class EntityCommunicationService {
     constructor(serviceName) {
         this.serviceName = serviceName;
         this.httpService = inject(HttpCoreService);
+        this.currentEntity = signal(undefined, ...(ngDevMode ? [{ debugName: "currentEntity" }] : /* istanbul ignore next */ []));
+        this.currentMode = signal(undefined, ...(ngDevMode ? [{ debugName: "currentMode" }] : /* istanbul ignore next */ []));
         // this.customHost = customHost;
     }
     findAll(query = {}) {
@@ -4071,5 +4133,5 @@ const CharacterEventActions = [
  * Generated bundle index. Do not edit.
  */
 
-export { APP_CONFIG, AppConfigService, AudioNotificationService, AudioSpeed, AudioSpeedReverse, CharacterEventActions, ChatUserSettings, ConfirmComponent, ConfirmService, DCFilterBarComponent, DCProgressToastComponent, DcAuditableViewerComponent, DcExtensionsViewerComponent, DcLearnableFormComponent, DcLearnableViewerComponent, DcManageableFormComponent, DcManageableViewerComponent, DcReactionsViewerComponent, DcTagsFormComponent, EModelQuality, EmptyStateComponent, EntityBaseFormComponent, EntityBaseListComponent, EntityBaseListV2Component, EntityCommunicationService, FlagPipe, FormUtilsService, GetPathPipe, HTTP_CORE_CONFIG, HttpCoreService, IAIModel, LANGUAGES, LangDescTranslation, LoadingBarComponent, LoadingBarService, MobileService, ModelQualityOptions, MoodState, MoodStateOptions, OptionValue, PaginationBase, PromptService, QuickTableComponent, SUPPORTED_LANGUAGES, TOAST_ALERTS_TOKEN, ToastAlertsAbstractService, UiStateService, availibleFilters, extractJsonFromString, formatCamelCaseString, getLangDesc, getSupportedLanguageOptions, provideToastAlert, sortOptions, sortTypes };
+export { APP_CONFIG, AppConfigService, AudioNotificationService, AudioSpeed, AudioSpeedReverse, CharacterEventActions, ChatUserSettings, ConfirmComponent, ConfirmService, DCFilterBarComponent, DCProgressToastComponent, DcAuditableViewerComponent, DcExtensionsViewerComponent, DcLearnableFormComponent, DcLearnableViewerComponent, DcManageableFormComponent, DcManageableViewerComponent, DcReactionsViewerComponent, DcTagsFormComponent, EModelQuality, EmptyStateComponent, EntityBaseDetailComponent, EntityBaseFormComponent, EntityBaseListComponent, EntityBaseListV2Component, EntityCommunicationService, FlagPipe, FormUtilsService, GetPathPipe, HTTP_CORE_CONFIG, HttpCoreService, IAIModel, LANGUAGES, LangDescTranslation, LoadingBarComponent, LoadingBarService, MobileService, ModelQualityOptions, MoodState, MoodStateOptions, OptionValue, PaginationBase, PromptService, QuickTableComponent, SUPPORTED_LANGUAGES, TOAST_ALERTS_TOKEN, ToastAlertsAbstractService, UiStateService, availibleFilters, extractJsonFromString, formatCamelCaseString, getLangDesc, getSupportedLanguageOptions, provideToastAlert, sortOptions, sortTypes };
 //# sourceMappingURL=dataclouder-ngx-core.mjs.map