ngx-techlify-core 11.4.7 → 11.4.8

package/bundles/ngx-techlify-core.umd.js

@@ -62,6 +62,165 @@
         { type: ActionPopup, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
     ]; };
 
+    /**
+     * Interface used to ensure we have a consistent structure across our form components
+     *
+     * It also provides some abstraction of repeated code to reduce our codebase size
+     *
+     * @todo This should be moved to ngx-techlify-core
+     *
+     * Advantages of this abstract class
+     * - Less code, less maintenance, less bugs
+     * - more consistent code
+     * - comments on more code
+     * - save time, save energy
+     */
+    var TechlifyFormComponentInterface = /** @class */ (function () {
+        function TechlifyFormComponentInterface(formValidatorService) {
+            this.formValidatorService = formValidatorService;
+        }
+        /**
+         * Resets the value of a field in the HTML form
+         *
+         * @param event
+         * @param field
+         */
+        TechlifyFormComponentInterface.prototype.resetFieldValue = function (event, field) {
+            var _a, _b;
+            (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.get(field)) === null || _b === void 0 ? void 0 : _b.setValue('');
+        };
+        /**
+         * Retrieves the value of a field from the HTML form
+         *
+         * @param field
+         * @returns
+         */
+        TechlifyFormComponentInterface.prototype.getFieldValue = function (field) {
+            var _a, _b;
+            return (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.get(field)) === null || _b === void 0 ? void 0 : _b.value;
+        };
+        /**
+         * Method to evaluate form fields
+         * */
+        TechlifyFormComponentInterface.prototype.isFieldValid = function (field) {
+            return this.formValidatorService.isFieldValid(field, this.form, true);
+        };
+        /**
+         * Method to find error in form fields
+         * */
+        TechlifyFormComponentInterface.prototype.getErrorMessage = function (field) {
+            return this.formValidatorService.getErrorMessage(field, this.form, this.errorMessages);
+        };
+        return TechlifyFormComponentInterface;
+    }());
+
+    /**
+     * Interface used to ensure we have a consistent structure across our listing pages
+     *
+     * @todo This should be moved to ngx-techlify-core
+     *
+     * Advantages of this abstract class
+     * - Less code, less maintenance, less bugs
+     * - more consistent code
+     * - comments on more code
+     * - save time, save energy
+     */
+    var TechlifyListingControllerInterface = /** @class */ (function () {
+        function TechlifyListingControllerInterface() {
+            this.models = [];
+            this.page = 1;
+            this.perPage = 25;
+            this.lastPage = 500;
+            this.isWorking = false;
+        }
+        /**
+         * Reload all data from page 1
+         */
+        TechlifyListingControllerInterface.prototype.reload = function () {
+            this.models = [];
+            this.page = 1;
+            if (!this.isWorking) {
+                this.loadData();
+            }
+        };
+        /**
+         * Can be called when the user is scrolling,
+         * to trigger loading a new page of data
+         */
+        TechlifyListingControllerInterface.prototype.onScroll = function () {
+            if (!this.isWorking && this.page < this.lastPage) {
+                this.page += 1;
+                this.loadData();
+            }
+        };
+        return TechlifyListingControllerInterface;
+    }());
+
+    /**
+     * Interface used to ensure we have a consistent structure across our listing pages
+     *
+     * @todo This should be moved to ngx-techlify-core
+     *
+     * Advantages of this abstract class
+     * - Less code, less maintenance, less bugs
+     * - more consistent code
+     * - comments on more code
+     * - save time, save energy
+     */
+    var TechlifyServiceBaseClass = /** @class */ (function () {
+        function TechlifyServiceBaseClass(http, baseUrl) {
+            this.http = http;
+            this.baseUrl = "you-forgot-to-set-a-base-url";
+            this.baseUrl = baseUrl;
+        }
+        /**
+         * Loads a set of the model this service is for
+         *
+         * @param filters Restrictors to filter the set of models
+         * @returns
+         */
+        TechlifyServiceBaseClass.prototype.index = function (filters) {
+            return this.http.get("api/" + this.baseUrl, { params: Object.assign({}, filters) }).toPromise();
+        };
+        /**
+         * Add a new record to the database
+         *
+         * @param model The data of the model to add
+         * @returns
+         */
+        TechlifyServiceBaseClass.prototype.store = function (model) {
+            return this.http.post("api/" + this.baseUrl, model).toPromise();
+        };
+        /**
+         * Load a single model record, often with all relations and related data
+         *
+         * @param modelId ID of the model to load
+         * @returns
+         */
+        TechlifyServiceBaseClass.prototype.show = function (modelId) {
+            return this.http.get("api/" + this.baseUrl + "/" + modelId).toPromise();
+        };
+        /**
+         * Update fields of a single existing model
+         *
+         * @param model Model to update
+         * @returns
+         */
+        TechlifyServiceBaseClass.prototype.update = function (model) {
+            return this.http.put("api/" + this.baseUrl + "/" + model.id, model).toPromise();
+        };
+        /**
+         * Delete a single model
+         *
+         * @param model Model to delete
+         * @returns
+         */
+        TechlifyServiceBaseClass.prototype.delete = function (model) {
+            return this.http.delete("api/" + this.baseUrl + "/" + model.id).toPromise();
+        };
+        return TechlifyServiceBaseClass;
+    }());
+
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -1800,6 +1959,7 @@
                                                 })];
                                             case 1:
                                                 result = _a.sent();
+                                                this.reload();
                                                 return [2 /*return*/];
                                         }
                                     });
@@ -1808,7 +1968,6 @@
                             _a.sent();
                             this.fileList = [];
                             this.alertService.addAlert('Successfull uploaded', 'success');
-                            this.reload();
                             _a.label = 2;
                         case 2: return [2 /*return*/];
                     }
@@ -8094,6 +8253,9 @@
     exports.TechlifyFeatureEnabledDirective = TechlifyFeatureEnabledDirective;
     exports.TechlifyFeatureModule = TechlifyFeatureModule;
     exports.TechlifyFeatureRoutes = TechlifyFeatureRoutes;
+    exports.TechlifyFormComponentInterface = TechlifyFormComponentInterface;
+    exports.TechlifyListingControllerInterface = TechlifyListingControllerInterface;
+    exports.TechlifyServiceBaseClass = TechlifyServiceBaseClass;
     exports.TechlifyTaggerTagFormConfigModel = TechlifyTaggerTagFormConfigModel;
     exports.TechlifyTaggerTagFormFieldModule = TechlifyTaggerTagFormFieldModule;
     exports.TechlifyTaggerTagSelectorModule = TechlifyTaggerTagSelectorModule;