qcobjects-sdk 2.4.62 → 2.4.66

package/build/js/org.qcobjects.controllers.form.js

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const qcobjects_1 = require("qcobjects");
+const org_qcobjects_components_1 = require("./org.qcobjects.components");
+/**
+ * QCObjects SDK 2.4
+ * ________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+(function () {
+    "use strict";
+    (0, qcobjects_1.Package)("org.qcobjects.controllers.form", [
+        class FormValidations extends qcobjects_1.Controller {
+            getDefault() {
+                return function (fieldName, dataValue, element) {
+                    const _regex = {
+                        name: "^[a-zA-Z]+(([',. -][a-zA-Z ])?[a-zA-Z]*)*$",
+                        email: "^([A-Za-z0-9]+)@([A-Za-z0-9]+).([A-Za-z0-9]+)$"
+                    };
+                    const _pattern_ = (element.getAttribute("pattern") || _regex[fieldName]);
+                    const pattern = new RegExp(_pattern_);
+                    return pattern.test(dataValue);
+                };
+            }
+        },
+        class FormController extends qcobjects_1.Controller {
+            hasValidation(element) {
+                const fieldName = element.getAttribute("data-field");
+                let _hasValidation = false;
+                if (typeof this.validations !== "undefined"
+                    && Object.hasOwnProperty.call(this.validations, fieldName)) {
+                    _hasValidation = true;
+                }
+                return _hasValidation;
+            }
+            isInvalid(element) {
+                let _isInvalid = false;
+                const fieldName = element.getAttribute("data-field");
+                const dataValue = this.component.data[fieldName];
+                const _execValidation = (fieldName, dataValue, element) => {
+                    return (typeof this.validations !== "undefined"
+                        && Object.hasOwnProperty.call(this.validations, fieldName)
+                        && this.validations[fieldName].call(null, fieldName, dataValue, element));
+                };
+                if (typeof this.validations !== "undefined" && (!_execValidation(fieldName, dataValue, element))) {
+                    _isInvalid = true;
+                }
+                return _isInvalid;
+            }
+            isValid(element) {
+                return !this.isInvalid(element);
+            }
+            save() {
+                if (this.serviceClass !== "") {
+                    location.href = this.formSettings.loadingRouting;
+                    (0, qcobjects_1.serviceLoader)((0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(this.serviceClass), {
+                        data: this.component.data
+                    }), false).then((successfulResponse) => {
+                        // This will show the service response as a plain text
+                        console.log("DONE SERVICE COMPONENT");
+                        try {
+                            console.log(successfulResponse.service.JSONresponse);
+                        }
+                        catch (e) {
+                            // no json
+                        }
+                        location.href = this.formSettings.nextRouting;
+                    }, (failedResponse) => {
+                        qcobjects_1.logger.debug(failedResponse);
+                        location.href = this.formSettings.backRouting;
+                    });
+                }
+                else {
+                    qcobjects_1.logger.debug("No service name declared on serviceClass property");
+                }
+            }
+            formSaveTouchHandler() {
+                qcobjects_1.logger.debug("Saving data...");
+                const _componentRoot_ = (this.component.shadowed) ? ((this.component?.shadowRoot).host) : (this.component.body);
+                this.component.executeBindings();
+                if (this.formValidatorModal != null) {
+                    const componentElementFields = _componentRoot_.subelements("*[data-field]");
+                    const fieldsToValidate = componentElementFields.filter(f => this.hasValidation(f));
+                    const _labelledby = function (parentElement, element) {
+                        const _arialabelledby = (parentElement, element) => {
+                            return (element.getAttribute("aria-labelledby") !== null) ? ((element.getAttribute("aria-labelledby") || "").split(" ").map(e => parentElement.subelements(`#${e}`).map(_e => _e.innerHTML)).join(" ")) : (null);
+                        };
+                        return (_arialabelledby(parentElement, element)
+                            || element.getAttribute("aria-label")
+                            || element.getAttribute("placeholder")
+                            || element.getAttribute("name")
+                            || element.getAttribute("data-field"));
+                    };
+                    const _ariatitle = function (element) {
+                        return (element.getAttribute("title") || element.getAttribute("aria-title") || "");
+                    };
+                    const invalidFields = fieldsToValidate.filter(f => this.isInvalid(f));
+                    if (invalidFields.length > 0) {
+                        const validationMessage = `
+<details>
+    <summary>Please verify the following incorrect fields:</summary>
+    <ul>
+      <div>
+      ${invalidFields.map(element => "<li><div>" + _labelledby(_componentRoot_, element) + "</div><div>" + _ariatitle(element) + "</div></li>").join("")}
+      </div>
+    </ul>
+</details>
+`;
+                        this.formValidatorModal.body.subelements(".validationMessage")[0].innerHTML = validationMessage;
+                        this.formValidatorModal.modal();
+                    }
+                    else {
+                        this.save();
+                    }
+                }
+                else {
+                    qcobjects_1.logger.debug("Unable to find the modal validator...");
+                    qcobjects_1.logger.debug("Saving data...");
+                    this.save();
+                }
+            }
+            constructor(o) {
+                super(o);
+                this.validations = [];
+                this.serviceClass = "";
+                this.formSettings = {
+                    backRouting: "#",
+                    loadingRouting: "#loading",
+                    nextRouting: "#signupsuccessful"
+                };
+                this.component = o.component;
+                this.component = this.component.Cast(org_qcobjects_components_1.FormField);
+            }
+            done() {
+                qcobjects_1.logger.debugEnabled = true;
+                try {
+                    this.component.createBindingEvents();
+                    const modalBody = (0, qcobjects_1._DOMCreateElement)("div");
+                    modalBody.className = "modal_body";
+                    this.formValidatorModal = (0, qcobjects_1.New)(org_qcobjects_components_1.ModalComponent, {
+                        body: modalBody,
+                        subcomponents: [],
+                        data: {
+                            content: "<div class=\"validationMessage\"></div>"
+                        }
+                    });
+                    (0, qcobjects_1.Tag)(".modal_body").map(e => document.body.removeChild(e));
+                    document.body.append(this.formValidatorModal);
+                }
+                catch (e) {
+                    qcobjects_1.logger.debug("Unable to create the modal");
+                }
+                this.onpress(".submit", () => {
+                    this.formSaveTouchHandler();
+                });
+            }
+        }
+    ]);
+})();

package/build/js/org.qcobjects.controllers.grid.js

@@ -0,0 +1,258 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const qcobjects_1 = require("qcobjects");
+/**
+ * QCObjects SDK 2.4
+ * ________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+(function () {
+    "use strict";
+    (0, qcobjects_1.Package)("org.qcobjects.controllers.grid", [
+        class GridController extends qcobjects_1.Controller {
+            constructor(controller) {
+                super(controller);
+                this.rows = this.component.body.getAttribute("rows");
+                this.rows = (this.rows !== null) ? (this.rows) : (this.component.rows);
+                this.cols = this.component.body.getAttribute("cols");
+                this.cols = (this.cols !== null) ? (this.cols) : (this.component.cols);
+            }
+            cssGrid() {
+                const component = this.component;
+                const _componentRoot = (component.shadowed) ? (component.shadowRoot) : (component.body);
+                if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined") {
+                    const s = (0, qcobjects_1._DOMCreateElement)("style");
+                    const templateRows = "auto ".repeat(this.rows);
+                    const templateCols = "auto ".repeat(this.cols);
+                    const className = "grid" + this.__instanceID.toString();
+                    s.innerHTML = `.${className}{
+          display: grid; \
+          grid-template-rows: ${templateRows}; \
+          grid-template-columns: ${templateCols}; \
+          margin:0 auto; \
+        }`;
+                    _componentRoot?.append(s);
+                    if (component.shadowed) {
+                        _componentRoot?.host.classList.add(className);
+                    }
+                    else {
+                        (_componentRoot.classList).add(className);
+                    }
+                }
+            }
+            done() {
+                this.cssGrid();
+                qcobjects_1.logger.debug("GridComponent built");
+            }
+        },
+        class DataGridController extends qcobjects_1.Controller {
+            constructor(controller) {
+                super(controller);
+                this._componentRoot = (controller.component.shadowed) ? (controller.component.shadowRoot) : (controller.component.body);
+                this.rows = controller.component.body.getAttribute("rows");
+                this.rows = (controller.rows !== null) ? (controller.rows) : (controller.component.rows);
+                this.cols = controller.component.body.getAttribute("cols");
+                this.cols = (controller.cols !== null) ? (controller.cols) : (controller.component.cols);
+                qcobjects_1.logger.debug("DataGridController INIT");
+            }
+            getPageIndex(page, totalPage, totalElements) {
+                page = (page > 0) ? (page - 1) : (0);
+                return [totalElements * page / totalPage, (totalElements * page / totalPage) + totalElements / totalPage];
+            }
+            addSubcomponents() {
+                this.component.subcomponents = [];
+                if (typeof this._componentRoot !== "undefined") {
+                    this._componentRoot.innerHTML = "";
+                }
+                this.cssGrid();
+                qcobjects_1.logger.debug((0, qcobjects_1._DataStringify)(this.component.data));
+                try {
+                    const subcomponentClass = this.component.body.getAttribute("subcomponentClass");
+                    if (subcomponentClass != null) {
+                        let offset;
+                        let limit;
+                        let pagesNumber;
+                        let list = [...this.component.data];
+                        let paginateIn = this.component.body.getAttribute("paginate-in");
+                        let page;
+                        paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
+                        if (paginateIn === "client") {
+                            page = this.component.body.getAttribute("page-number");
+                            page = (isNaN(page) || page === null) ? (-1) : (page);
+                            if (page !== -1) {
+                                pagesNumber = this.component.body.getAttribute("total-pages");
+                                pagesNumber = (isNaN(pagesNumber)) ? (1) : (pagesNumber);
+                                offset = this.getPageIndex(page, pagesNumber, list.length)[0];
+                                limit = this.getPageIndex(page, pagesNumber, list.length)[1];
+                            }
+                            else {
+                                offset = 0;
+                                limit = list.length;
+                                pagesNumber = 1;
+                            }
+                            list = list.slice(offset, limit);
+                        }
+                        else {
+                            offset = 0;
+                            limit = list.length;
+                            pagesNumber = 1;
+                        }
+                        list.map((record, dataIndex, list) => {
+                            const _ret_ = undefined;
+                            try {
+                                const _body = (0, qcobjects_1._DOMCreateElement)("component");
+                                _body.setAttribute("name", (0, qcobjects_1.ClassFactory)(subcomponentClass).name);
+                                _body.setAttribute("shadowed", (0, qcobjects_1.ClassFactory)(subcomponentClass).shadowed);
+                                _body.setAttribute("cached", (0, qcobjects_1.ClassFactory)(subcomponentClass).cached);
+                                record = Object.assign(record, {
+                                    __dataIndex: dataIndex,
+                                    __dataLength: list.length,
+                                    __page: page,
+                                    __totalPages: pagesNumber,
+                                    __limit: limit,
+                                    __offset: offset
+                                });
+                                const subcomponent = (0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(subcomponentClass), {
+                                    name: "item",
+                                    data: record,
+                                    templateURI: (0, qcobjects_1.ComponentURI)({
+                                        "COMPONENTS_BASE_PATH": qcobjects_1.CONFIG.get("componentsBasePath", ""),
+                                        "COMPONENT_NAME": (0, qcobjects_1.ClassFactory)(subcomponentClass).name,
+                                        "TPLEXTENSION": qcobjects_1.CONFIG.get("tplextension", ""),
+                                        "TPL_SOURCE": (0, qcobjects_1.ClassFactory)(subcomponentClass).tplsource
+                                    }),
+                                    body: _body,
+                                    template: (0, qcobjects_1.ClassFactory)(subcomponentClass).template
+                                });
+                                subcomponent.done = this.component.done.bind(subcomponent);
+                                try {
+                                    if (subcomponent) {
+                                        subcomponent.data.__dataIndex = dataIndex;
+                                        if (Object.hasOwnProperty.call(this.component.data, "length")) {
+                                            subcomponent.data.__dataLength = this.component.data.length;
+                                        }
+                                        qcobjects_1.logger.debug("adding subcomponent to body");
+                                        this._componentRoot?.append(subcomponent.body);
+                                        try {
+                                            this.component.subcomponents.push(subcomponent);
+                                        }
+                                        catch (e) {
+                                            qcobjects_1.logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
+                                        }
+                                    }
+                                    else {
+                                        qcobjects_1.logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
+                                    }
+                                }
+                                catch (e) {
+                                    qcobjects_1.logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
+                                }
+                            }
+                            catch (e) {
+                                qcobjects_1.logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
+                            }
+                            return _ret_;
+                        });
+                    }
+                    else {
+                        qcobjects_1.logger.debug("NO SUBCOMPONENT CLASS IN COMPONENT");
+                    }
+                }
+                catch (e) {
+                    qcobjects_1.logger.debug("No data for component");
+                }
+            }
+            cssGrid() {
+                const component = this.component;
+                const _componentRoot = (component.shadowed) ? (component.shadowRoot) : (component.body);
+                if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined") {
+                    const s = (0, qcobjects_1._DOMCreateElement)("style");
+                    const templateRows = "auto ".repeat(this.rows);
+                    const templateCols = "auto ".repeat(this.cols);
+                    const className = "grid" + this.__instanceID.toString();
+                    s.innerHTML = `.${className}{
+          display: grid; \
+          grid-template-rows: ${templateRows}; \
+          grid-template-columns: ${templateCols}; \
+          margin:0 auto; \
+        }`;
+                    if (component.shadowed) {
+                        component.body.append(s);
+                        _componentRoot.host.classList.add(className);
+                    }
+                    else {
+                        _componentRoot?.append(s);
+                        _componentRoot.classList.add(className);
+                    }
+                }
+            }
+            done() {
+                const componentInstance = this.component;
+                qcobjects_1.logger.debug("DataGridController DONE");
+                const serviceClass = this.component.body.getAttribute("serviceClass");
+                if (serviceClass != null) {
+                    let offset;
+                    let limit;
+                    let paginateIn = componentInstance.body.getAttribute("paginate-in");
+                    paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
+                    if (paginateIn === "server") {
+                        let page = componentInstance.body.getAttribute("page-number");
+                        page = (isNaN(page) || page === null) ? (-1) : (page);
+                        let pagesNumber;
+                        if (page !== -1) {
+                            const serverDataCount = (this.component.body.getAttribute("server-data-count") !== null) ? this.component.body.getAttribute("server-data-count") : (1);
+                            pagesNumber = this.component.body.getAttribute("total-pages");
+                            pagesNumber = (isNaN(pagesNumber)) ? (1) : (pagesNumber);
+                            offset = this.getPageIndex(page, pagesNumber, serverDataCount)[0];
+                            limit = this.getPageIndex(page, pagesNumber, serverDataCount)[1];
+                            // send params in jsonrpc 2.0 style
+                            componentInstance.serviceData = (typeof componentInstance.serviceData !== "undefined") ? (componentInstance.serviceData) : ({});
+                            componentInstance.serviceData.params = (typeof componentInstance.serviceData.params !== "undefined") ? (componentInstance.serviceData.params) : ({});
+                            componentInstance.serviceData.params.offset = offset;
+                            componentInstance.serviceData.params.limit = limit;
+                        }
+                    }
+                    (0, qcobjects_1.serviceLoader)((0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(serviceClass), {
+                        data: componentInstance.serviceData
+                    }), false).then((successfulResponse) => {
+                        // This will show the service response as a plain text
+                        qcobjects_1.logger.debug("DONE SERVICE COMPONENT");
+                        successfulResponse.service.JSONresponse = JSON.parse(successfulResponse.service.template);
+                        if (typeof successfulResponse.service.JSONresponse.result !== "undefined") {
+                            qcobjects_1.logger.debug((0, qcobjects_1._DataStringify)(successfulResponse.service.JSONresponse.result));
+                            componentInstance.data = successfulResponse.service.JSONresponse.result;
+                        }
+                        else {
+                            componentInstance.data = successfulResponse.service.JSONresponse;
+                        }
+                        this.addSubcomponents();
+                    }, (failedResponse) => {
+                        qcobjects_1.logger.debug(failedResponse);
+                    }).catch((e) => {
+                        qcobjects_1.logger.debug("Something went wrong when calling the service from: " + serviceClass);
+                        qcobjects_1.logger.debug(e.message);
+                    });
+                }
+            }
+        }
+    ]);
+})();

package/build/js/org.qcobjects.controllers.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const qcobjects_1 = require("qcobjects");
+/**
+ * QCObjects SDK 2.4
+ * ________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+(function () {
+    "use strict";
+    (0, qcobjects_1.Package)("org.qcobjects.controllers", [
+        class GenericController extends qcobjects_1.Controller {
+        }
+    ]);
+})();