@lenne.tech/ng-base 14.18.0 → 14.19.0

package/fesm2015/lenne.tech-ng-base-base-components.mjs

@@ -1325,28 +1325,31 @@ class ModelFormComponent {
         })
             .subscribe({
             next: (response) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
                 if (this.logging) {
                     console.log('ModelFormComponent::get->value', response);
                 }
                 this.object = response;
                 this.form.patchValue(Object.assign({}, response));
                 // Process patchFields for reference input
-                for (const [key, value] of Object.entries(this.config)) {
+                for (const [key, value] of Object.entries(this.fields)) {
+                    if (((_a = this.fields[key]) === null || _a === void 0 ? void 0 : _a.type) === 'DateTime' || ((_b = this.config[key]) === null || _b === void 0 ? void 0 : _b.type) === 'DateTime') {
+                        this.form.get(key).patchValue(this.formatDate(response[key]));
+                    }
                     // If it not an array
-                    if (((_a = this.config[key]) === null || _a === void 0 ? void 0 : _a.type) === 'Reference' && !((_b = this.fields[key]) === null || _b === void 0 ? void 0 : _b.isList)) {
+                    if (((_c = this.config[key]) === null || _c === void 0 ? void 0 : _c.type) === 'Reference' && !((_d = this.fields[key]) === null || _d === void 0 ? void 0 : _d.isList)) {
                         if (this.form.get(key)) {
                             this.form
                                 .get(key)
-                                .patchValue((_e = response[((_c = this.config[key]) === null || _c === void 0 ? void 0 : _c.patchField) ? (_d = this.config[key]) === null || _d === void 0 ? void 0 : _d.patchField : key]) === null || _e === void 0 ? void 0 : _e.id);
+                                .patchValue((_g = response[((_e = this.config[key]) === null || _e === void 0 ? void 0 : _e.patchField) ? (_f = this.config[key]) === null || _f === void 0 ? void 0 : _f.patchField : key]) === null || _g === void 0 ? void 0 : _g.id);
                         }
                     }
                     // If value is an array
-                    if (((_f = this.config[key]) === null || _f === void 0 ? void 0 : _f.type) === 'Reference' && ((_g = this.fields[key]) === null || _g === void 0 ? void 0 : _g.isList)) {
+                    if (((_h = this.config[key]) === null || _h === void 0 ? void 0 : _h.type) === 'Reference' && ((_j = this.fields[key]) === null || _j === void 0 ? void 0 : _j.isList)) {
                         if (this.form.get(key)) {
                             this.form
                                 .get(key)
-                                .patchValue((_k = response[((_h = this.config[key]) === null || _h === void 0 ? void 0 : _h.patchField) ? (_j = this.config[key]) === null || _j === void 0 ? void 0 : _j.patchField : key]) === null || _k === void 0 ? void 0 : _k.map((e) => e === null || e === void 0 ? void 0 : e.id));
+                                .patchValue((_m = response[((_k = this.config[key]) === null || _k === void 0 ? void 0 : _k.patchField) ? (_l = this.config[key]) === null || _l === void 0 ? void 0 : _l.patchField : key]) === null || _m === void 0 ? void 0 : _m.map((e) => e === null || e === void 0 ? void 0 : e.id));
                         }
                     }
                 }
@@ -1627,19 +1630,24 @@ class ModelFormComponent {
      * Prepare data for server
      */
     prepareDataForRequest(config, fieldsConfig, data) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         if (!data) {
             return data;
         }
         for (const [key, value] of Object.entries(data)) {
-            if ((((_a = config[key]) === null || _a === void 0 ? void 0 : _a.roles) ? !this.user.hasAllRoles((_b = config[key]) === null || _b === void 0 ? void 0 : _b.roles) : false) || ((_c = config[key]) === null || _c === void 0 ? void 0 : _c.exclude)) {
+            if ((((_a = this.fields[key]) === null || _a === void 0 ? void 0 : _a.type) === 'DateTime' || ((_b = this.config[key]) === null || _b === void 0 ? void 0 : _b.type) === 'DateTime') && value === '') {
+                data[key] = null;
+                continue;
+            }
+            if ((((_c = config[key]) === null || _c === void 0 ? void 0 : _c.roles) ? !this.user.hasAllRoles((_d = config[key]) === null || _d === void 0 ? void 0 : _d.roles) : false) || ((_e = config[key]) === null || _e === void 0 ? void 0 : _e.exclude)) {
                 delete data[key];
+                continue;
             }
             if (value && typeof value === 'object' && !Array.isArray(value)) {
                 data[key] = Object.keys(data[key])
                     .filter((k) => data[key][k] != null)
                     .reduce((a, k) => (Object.assign(Object.assign({}, a), { [k]: data[key][k] })), {});
-                if (((_d = Object.keys(data[key])) === null || _d === void 0 ? void 0 : _d.length) === 0) {
+                if (((_f = Object.keys(data[key])) === null || _f === void 0 ? void 0 : _f.length) === 0) {
                     if (this.logging) {
                         console.log('Object is empty from result');
                     }
@@ -1647,7 +1655,7 @@ class ModelFormComponent {
                 }
             }
             // Set type for graphql method
-            if (((_e = fieldsConfig[key]) === null || _e === void 0 ? void 0 : _e.type) === 'Float') {
+            if (((_g = fieldsConfig[key]) === null || _g === void 0 ? void 0 : _g.type) === 'Float') {
                 if (value) {
                     data[key] = Number(value);
                 }
@@ -1655,8 +1663,8 @@ class ModelFormComponent {
                     data[key] = null;
                 }
             }
-            if (((_f = fieldsConfig[key]) === null || _f === void 0 ? void 0 : _f.fields) && Object.keys((_g = fieldsConfig[key]) === null || _g === void 0 ? void 0 : _g.fields).length > 0) {
-                data[key] = this.prepareDataForRequest((_h = config[key]) === null || _h === void 0 ? void 0 : _h.fields, (_j = fieldsConfig[key]) === null || _j === void 0 ? void 0 : _j.fields, data[key]);
+            if (((_h = fieldsConfig[key]) === null || _h === void 0 ? void 0 : _h.fields) && Object.keys((_j = fieldsConfig[key]) === null || _j === void 0 ? void 0 : _j.fields).length > 0) {
+                data[key] = this.prepareDataForRequest((_k = config[key]) === null || _k === void 0 ? void 0 : _k.fields, (_l = fieldsConfig[key]) === null || _l === void 0 ? void 0 : _l.fields, data[key]);
             }
         }
         return data;
@@ -1695,6 +1703,13 @@ class ModelFormComponent {
             this.fileChanges = [event];
         }
     }
+    formatDate(date) {
+        if (!date) {
+            return null;
+        }
+        const newDate = new Date(date);
+        return newDate.toISOString().substring(0, 16);
+    }
 }
 ModelFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModelFormComponent, deps: [{ token: i1$1.GraphQLMetaService }, { token: i1$1.GraphQLService }, { token: i1$1.FormsService }, { token: i1$1.AuthService }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: i1$1.CmsService }, { token: i1$1.ToastService }, { token: i1$1.FileService }], target: i0.ɵɵFactoryTarget.Component });
 ModelFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ModelFormComponent, selector: "base-model-form", inputs: { modelName: "modelName", label: "label", id: "id", delete: "delete", onlyUpdateMode: "onlyUpdateMode", duplicate: "duplicate", logging: "logging", config: "config", showFavButton: "showFavButton" }, outputs: { finished: "finished" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-100\" *ngIf=\"form\">\n  <div class=\"d-flex flex-row justify-content-between mt-3\">\n    <div class=\"responsive-back d-flex d-lg-none\">\n      <i class=\"bi bi-arrow-left\" routerLink=\"../\"></i>\n    </div>\n    <h2 class=\"mb-0\">\n      {{ label ? label : capitalizeFirstLetter(modelName) }} {{ operation === 'update' ? 'bearbeiten' : 'erstellen' }}\n    </h2>\n\n    <div class=\"d-none d-lg-flex flex-row align-items-center justify-content-end\">\n      <button class=\"btn btn-outline-primary me-2\" *ngIf=\"id && duplicate && !_loading\" (click)=\"duplicateObject()\">\n        Duplizieren\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"button\"\n        [disabled]=\"!form.touched && !form.dirty\"\n        (click)=\"submit(false)\"\n        *ngIf=\"!_loading\"\n      >\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n      </button>\n      <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n        <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n      </button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <base-model-form-sub\n      [id]=\"id\"\n      [fields]=\"fields\"\n      [config]=\"config\"\n      [form]=\"form\"\n      (imageChanged)=\"imageChanged($event)\"\n      (fileChanged)=\"processFileChanges($event)\"\n    ></base-model-form-sub>\n\n    <div class=\"d-none d-lg-flex mt-4\" [ngClass]=\"id && delete ? 'justify-content-between' : 'justify-content-end'\">\n      <div *ngIf=\"id && delete\">\n        <button class=\"btn btn-danger\" type=\"button\" (click)=\"deleteObject()\">L\u00F6schen</button>\n      </div>\n      <div>\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          [disabled]=\"!form.touched && !form.dirty\"\n          (click)=\"submit(false)\"\n          *ngIf=\"!_loading\"\n        >\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n        </button>\n        <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n          <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n        </button>\n      </div>\n    </div>\n  </form>\n</div>\n\n<div class=\"d-block d-lg-none responsive-action-button\" *ngIf=\"showFavButton\">\n  <base-fab-button [buttons]=\"fabButtons\"></base-fab-button>\n</div>\n", styles: [".responsive-back{display:flex;align-items:center;margin-right:6px}.responsive-back .bi-arrow-left{font-size:28px}h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.responsive-action-button{position:fixed;bottom:15px;right:15px;z-index:100}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "component", type: ModelFormSubComponent, selector: "base-model-form-sub", inputs: ["id", "fields", "form", "config"], outputs: ["imageChanged", "fileChanged"] }, { kind: "component", type: FabButtonComponent, selector: "base-fab-button", inputs: ["fabIcon", "buttons"] }] });