qcobjects-sdk 2.4.66 → 2.5.105

package/build/js/org.qcobjects.components.notifications.js

@@ -1,179 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const qcobjects_1 = require("qcobjects");
-const org_qcobjects_effects_1 = require("./org.qcobjects.effects");
-/**
- * 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";
-    class NotificationComponent extends qcobjects_1.Component {
-        constructor(o) {
-            o.name = "notification";
-            o.body = (0, qcobjects_1._DOMCreateElement)("div");
-            super(o);
-            this.cached = false;
-            this.tplsource = "inline";
-            this.shadowed = false;
-            this.template = `
-    <style>
-    div.notification_background {
-      display: block; /* Hidden by default */
-      position: fixed; /* Stay in place */
-      z-index: 1; /* Sit on top */
-      padding-top: 100px; /* Location of the box */
-      left: 0;
-      top: 0;
-      bottom:0;
-      right:0;
-      width: 100%; /* Full width */
-      height: 100%; /* Full height */
-      overflow: auto; /* Enable scroll if needed */
-      background-color: rgb(0,0,0); /* Fallback color */
-      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
-      border: none !important;
-    }
-    div.notification {
-      border-radius: 12px !important;
-      margin-bottom: 15px;
-      padding: 4px 12px;
-    }
-    .notification.danger {
-      background-color: #ffdddd;
-      border-left: 6px solid #f44336;
-    }
-    .notification.success {
-      background-color: #ddffdd;
-      border-left: 6px solid #4CAF50;
-    }
-    .notification.info {
-      background-color: #e7f3fe;
-      border-left: 6px solid #2196F3;
-    }
-    .notification.warning {
-      background-color: #ffffcc;
-      border-left: 6px solid #ffeb3b;
-    }
-    </style>
-    <div class="notification_background">
-    <div class="notification {{kind}}">
-      <p><strong>{{title}}</strong> {{message}}</p>
-    </div>
-    </div>
-    `;
-            this.kinds = ["danger", "success", "info", "warning"];
-        }
-        display(element) {
-            const _display_ = function (element) {
-                element.style.display = "block";
-                const appearEffect = (0, qcobjects_1.New)(org_qcobjects_effects_1.Move, {
-                    duration: 900,
-                    apply(element) {
-                        (0, qcobjects_1._super_)("Fade", "apply").call(this, element, 0, 1);
-                        (0, qcobjects_1._super_)("Move", "apply").call(this, element, 0, -document.body.clientHeight, 0, 0);
-                    }
-                });
-                const disappearEffect = (0, qcobjects_1.New)(org_qcobjects_effects_1.Move, {
-                    duration: 650,
-                    apply(element) {
-                        (0, qcobjects_1._super_)("Fade", "apply").call(this, element, 1, 0);
-                        (0, qcobjects_1._super_)("Move", "apply").call(this, element, 0, 0, 0, -document.body.clientHeight);
-                    }
-                });
-                appearEffect.apply(element);
-                setTimeout(function () {
-                    disappearEffect.apply(element);
-                }, 2000);
-            };
-            element.subelements("div.notification_background").map(element => (0, qcobjects_1.New)(org_qcobjects_effects_1.Fade, { duration: 500 }).apply(element, 0, 1));
-            element.subelements("div.notification").map(element => _display_(element));
-            setTimeout(function () {
-                element.remove();
-            }, 2200);
-        }
-        static success(message) {
-            const c = (0, qcobjects_1.New)(NotificationComponent, {
-                name: "notification",
-                shadowed: true,
-                body: (0, qcobjects_1._DOMCreateElement)("div"),
-                data: {
-                    kind: "success",
-                    title: "Success!",
-                    message: `${message}...`
-                }
-            });
-            document.body.append(c);
-            const _componentRoot = (c.shadowed) ? (c.shadowRoot.host) : (c.body);
-            c.display(_componentRoot);
-        }
-        static danger(message) {
-            const c = (0, qcobjects_1.New)(NotificationComponent, {
-                name: "notification",
-                shadowed: true,
-                body: (0, qcobjects_1._DOMCreateElement)("div"),
-                data: {
-                    kind: "danger",
-                    title: "Danger!",
-                    message: `${message}...`
-                }
-            });
-            document.body.append(c);
-            const _componentRoot = (c.shadowed) ? (c.shadowRoot.host) : (c.body);
-            c.display(_componentRoot);
-        }
-        static info(message) {
-            const c = (0, qcobjects_1.New)(NotificationComponent, {
-                name: "notification",
-                shadowed: true,
-                body: (0, qcobjects_1._DOMCreateElement)("div"),
-                data: {
-                    kind: "info",
-                    title: "Info!",
-                    message: `${message}...`
-                }
-            });
-            document.body.append(c);
-            const _componentRoot = (c.shadowed) ? (c.shadowRoot.host) : (c.body);
-            c.display(_componentRoot);
-        }
-        static warning(message) {
-            const c = (0, qcobjects_1.New)(NotificationComponent, {
-                name: "notification",
-                shadowed: true,
-                body: (0, qcobjects_1._DOMCreateElement)("div"),
-                data: {
-                    kind: "warning",
-                    title: "Warning!",
-                    message: `${message}...`
-                }
-            });
-            document.body.append(c);
-            const _componentRoot = (c.shadowed) ? (c.shadowRoot.host) : (c.body);
-            c.display(_componentRoot);
-        }
-    }
-    (0, qcobjects_1.Package)("org.quickcorp.components.notifications", [
-        NotificationComponent
-    ]);
-})();

package/build/js/org.qcobjects.components.slider.js

@@ -1,193 +0,0 @@
-"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.components.slider", [
-        class SlideListComponent extends qcobjects_1.Component {
-            constructor(o) {
-                super(o);
-                this.tplsource = "inline";
-                this.template = "<p>Loading...</p>";
-                this.name = "slidelist";
-                this.body.setAttribute("controllerClass", "DataGridController");
-                const subcomponentClass = (this.body.getAttribute("subcomponentClass") !== null) ? (this.body.getAttribute("subcomponentClass")) : ("GridItemComponent");
-                this.body.setAttribute("subcomponentClass", subcomponentClass);
-            }
-        },
-        class SlideItemComponent extends qcobjects_1.Component {
-            constructor(o) {
-                super(o);
-                this.effectClass = "Fade";
-                this.name = "slider_item";
-                this.data.slideNumber = this.data.__dataIndex + 1;
-                this.template = `
-      <div class="qcoSlides" style="display:none">
-        <div class="qco-slider__numbertext">{{slideNumber}} / {{__dataLength}}</div>
-        <img src="{{image}}" alt="{{title}}"/>
-        <div class="qco-slider__text">
-          <p>{{label}} <a href="{{link}}">{{category}}</a></p>
-        </div>
-      </div>
-      `;
-                this.tplsource = "inline";
-            }
-        },
-        class SliderComponent extends qcobjects_1.Component {
-            constructor(o) {
-                super(o);
-                this.name = "slider";
-                this.template = `
-      <style>
-      /* Slideshow container */
-  
-      :host a:hover,
-      :host a:active,
-      :host a:visited {
-        color: #ffffff;
-      }
-  
-       {
-        color: #ffffff;
-      }
-  
-      :host .prev {left:0;}
-      .qco-slider__container {
-        max-width: 100%;
-        position: relative;
-        margin: auto;
-        height: 300px;
-      }
-      :host .qco-slider__container .qcoSlides img {
-        object-fit: cover;
-        width: 100%;
-        height: 300px;
-      }
-  
-      /* Next & previous buttons */
-      :host .prev,
-      :host .next {
-        cursor: pointer;
-        position: absolute;
-        top: 50%;
-        width: auto;
-        margin-top: -22px;
-        padding: 16px;
-        color: white;
-        font-weight: bold;
-        font-size: 18px;
-        transition: 0.6s ease;
-        border-radius: 0 3px 3px 0;
-        background-color: rgba(1, 1, 1, 0.1);
-      }
-  
-      /* Position the "next button" to the right */
-      :host .next {
-        right: 0;
-        border-radius: 3px 0 0 3px;
-      }
-  
-      /* On hover, add a black background color with a little bit see-through */
-      :host .prev:hover,
-      :host .next:hover {
-        background-color: rgba(0, 0, 0, 0.8);
-      }
-  
-      /* Caption text */
-      :host .qco-slider__text {
-        color: #f2f2f2;
-        font-size: 15px;
-  /*      padding: 8px 12px;*/
-        position: absolute;
-        bottom: 8px;
-        width: 100%;
-        text-align: center;
-        text-shadow: -1px 1px 3px #111111;
-        background-color: rgba(1,1,1,0.7);
-      }
-  
-      /* Number text (1/3 etc) */
-      :host .qco-slider__numbertext {
-        color: #f2f2f2;
-        text-shadow: 0px 2px 3px #111111;
-        font-size: 12px;
-        padding: 8px 12px;
-        position: absolute;
-        top: 0;
-        padding-top: 0;
-        margin-top: 10px;
-      }
-  
-      /* The dots/bullets/indicators */
-      :host .qcoSlider__dots {
-        text-align: center;
-        margin: 0 auto;
-        padding: 0;
-      }
-      :host .qcoSlider__dots--dot {
-        cursor: pointer;
-        height: 10px;
-        width: 10px;
-        margin: 0 2px;
-        background-color: #bbb;
-        border-radius: 50%;
-        display: inline-block;
-        transition: background-color 0.6s ease;
-      }
-  
-      :host .active,
-      :host .qcoSlider__dots--dot:hover {
-        background-color: #717171;
-      }
-  
-      :host .qco-slider__container .qcoSlides img {
-        border-radius: 30px 30px 0px 0px;
-      }
-  
-      </style>
-  
-      <div class="qco-slider__container">
-        <component name="slidelist" componentClass="SlideListComponent" subcomponentClass="SlideItemComponent" serviceClass="{{SERVICE_CLASS}}" ></component>
-  
-        <a class="prev" onclick="global.get('{{sliderHandler}}').plusSlidesAndStop(-1)">&#10094;</a>
-        <a class="next" onclick="global.get('{{sliderHandler}}').plusSlidesAndStop(1)">&#10095;</a>
-      </div>
-      <br>
-  
-      <div class="qcoSlider__dots" style="text-align:center">
-      </div>
-  
-      `;
-                this.tplsource = "inline";
-                this.shadowed = true;
-                this.data.SERVICE_CLASS = this.body.getAttribute("serviceClass");
-                this.data.sliderHandler = "slider_" + this.__instanceID.toString();
-                this.body.setAttribute("controllerClass", "SliderController");
-            }
-        }
-    ]);
-})();

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

@@ -1,178 +0,0 @@
-"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();
-                });
-            }
-        }
-    ]);
-})();