qcobjects-sdk 2.4.66 → 2.5.105

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

@@ -0,0 +1,200 @@
+/**
+ * QCObjects SDK 2.5
+ * ________________
+ *
+ * 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.
+ */
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwaggerUIComponent = exports.ModalComponent = exports.ModalEnclosureComponent = exports.EmailField = exports.TextField = exports.InputField = exports.ButtonField = exports.ShadowedComponent = exports.FormField = void 0;
+const qcobjects_1 = require("qcobjects");
+const org_qcobjects_effects_1 = require("./org.qcobjects.effects");
+const org_qcobjects_base_components_1 = require("./org.qcobjects.base.components");
+Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return org_qcobjects_base_components_1.FormField; } });
+class ShadowedComponent extends qcobjects_1.Component {
+    container = null;
+    shadowed = true;
+    cached = false;
+    controller = null;
+    view = null;
+    data = {};
+    constructor(o) {
+        o.body = (0, qcobjects_1._DOMCreateElement)("div");
+        super(o);
+    }
+}
+exports.ShadowedComponent = ShadowedComponent;
+class ButtonField extends org_qcobjects_base_components_1.FormField {
+    constructor(o) {
+        o.fieldType = "button";
+        super(o);
+    }
+}
+exports.ButtonField = ButtonField;
+class InputField extends org_qcobjects_base_components_1.FormField {
+    constructor(o) {
+        o.fieldType = "input";
+        super(o);
+    }
+}
+exports.InputField = InputField;
+class TextField extends org_qcobjects_base_components_1.FormField {
+    constructor(o) {
+        o.fieldType = "textarea";
+        super(o);
+    }
+}
+exports.TextField = TextField;
+class EmailField extends org_qcobjects_base_components_1.FormField {
+    constructor(o) {
+        o.fieldType = "input";
+        super(o);
+    }
+}
+exports.EmailField = EmailField;
+class ModalEnclosureComponent extends qcobjects_1.Component {
+    name = "modalenclosure";
+    tplsource = "inline";
+    cached = false;
+    basePath = qcobjects_1.CONFIG.get("modalBasePath", qcobjects_1.CONFIG.get("remoteSDKPath", ""));
+    template = `
+<!-- The Modal -->
+<style>
+@import url('https://sdk.qcobjects.dev/css/modal.css');
+</style>
+<div id="modalInstance_{{modalId}}" class="modal">
+
+<!-- Modal content -->
+<div class="modal-content">
+<span class="close">&times;</span>
+{{content}}
+</div>
+
+</div>
+`;
+    data = {};
+    constructor(o) {
+        o.body = (0, qcobjects_1._DOMCreateElement)("div");
+        super(o);
+    }
+}
+exports.ModalEnclosureComponent = ModalEnclosureComponent;
+class ModalComponent extends qcobjects_1.Component {
+    name = "modal";
+    cached = false;
+    modalEnclosureComponentClass = "ModalEnclosureComponent";
+    controller = null;
+    view = null;
+    tplsource = "none";
+    closeOnClickOutside = false;
+    data = {
+        content: "",
+        modalId: 0
+    };
+    submodal = null;
+    __instanceID;
+    basePath;
+    subcomponents;
+    body;
+    templateURI;
+    constructor(o) {
+        o.basePath = qcobjects_1.CONFIG.get("modalBasePath", qcobjects_1.CONFIG.get("remoteSDKPath", ""));
+        super(o);
+        this.data.modalId = this.__instanceID;
+        const submodal = (0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(this.modalEnclosureComponentClass), {
+            name: this.name,
+            basePath: this.basePath,
+            data: this.data
+        });
+        this.subcomponents.push(submodal);
+        this.submodal = submodal;
+        if (submodal.tplsource === "none") {
+            this.body.innerHTML = submodal.parsedAssignmentText;
+        }
+        else {
+            this.body.append(submodal.body);
+        }
+    }
+    modal() {
+        const modalId = this.data.modalId;
+        (0, qcobjects_1.Tag)("#modalInstance_" + modalId + ".modal").map((modal) => {
+            modal.style.display = "block";
+            return (new org_qcobjects_effects_1.ModalFade()).apply(modal, 0, 1);
+        });
+        (0, qcobjects_1.Tag)("#modalInstance_" + modalId + ".modal .modal-content").map((modalcontent) => {
+            return org_qcobjects_effects_1.ModalMoveDown.apply(modalcontent, 0, -document.body.clientHeight, 0, 0);
+        });
+        (0, qcobjects_1.Tag)("#modalInstance_" + modalId + ".modal .modal-content .close").map((closebtn) => {
+            return closebtn.addEventListener("click", () => {
+                this.close();
+            }, false);
+        });
+        if (this.closeOnClickOutside) {
+            window.addEventListener("click", () => {
+                this.close();
+            }, false);
+        }
+    }
+    close() {
+        const modalId = this.data.modalId;
+        (0, qcobjects_1.Tag)("#modalInstance_" + modalId + ".modal").map((modal) => {
+            modal.style.display = "block";
+            return (new org_qcobjects_effects_1.ModalFade({ duration: 3000 })).apply(modal, 1, 0);
+        });
+        (0, qcobjects_1.Tag)("#modalInstance_" + modalId + ".modal .modal-content").map(function (modalcontent) {
+            return org_qcobjects_effects_1.ModalMoveUp.apply(modalcontent, 0, 0, 0, -document.body.clientHeight);
+        });
+        setTimeout(function () {
+            (0, qcobjects_1.Tag)("#modalInstance_" + modalId + ".modal").map((modal) => {
+                modal.style.display = "none";
+                return true;
+            });
+        }, 900);
+    }
+    rebuild() {
+        const _ret_ = super.rebuild();
+        this.templateURI = (0, qcobjects_1.ComponentURI)({
+            "COMPONENTS_BASE_PATH": qcobjects_1.CONFIG.get("componentsBasePath", ""),
+            "COMPONENT_NAME": "modal",
+            "TPLEXTENSION": qcobjects_1.CONFIG.get("tplextension", ""),
+            "TPL_SOURCE": "default" // here is always default in order to get the right uri
+        });
+        return _ret_; // parent call
+    }
+}
+exports.ModalComponent = ModalComponent;
+class SwaggerUIComponent extends qcobjects_1.Component {
+    cached = false;
+    basePath = qcobjects_1.CONFIG.get("remoteSDKPath", "");
+    tplextension = "tpl.html";
+    name = "swagger-ui";
+}
+exports.SwaggerUIComponent = SwaggerUIComponent;
+(0, qcobjects_1.Package)("org.qcobjects.form.components", [
+    ShadowedComponent,
+    ButtonField,
+    InputField,
+    TextField,
+    EmailField,
+    ModalEnclosureComponent,
+    ModalComponent,
+    SwaggerUIComponent
+]);

package/build/{js/org.qcobjects.modal.effects.js → ts/org.qcobjects.components.list.js}

@@ -1,9 +1,5 @@
-"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
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -25,27 +21,42 @@ const org_qcobjects_effects_1 = require("./org.qcobjects.effects");
  *
  * 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.modal.effects", [
-        class ModalFade extends org_qcobjects_effects_1.Fade {
-            constructor() {
-                super(...arguments);
-                this.duration = 500;
-            }
-        },
-        class ModalMoveDown extends org_qcobjects_effects_1.Move {
-            constructor() {
-                super(...arguments);
-                this.duration = 300;
-            }
-        },
-        class ModalMoveUp extends org_qcobjects_effects_1.Move {
-            constructor() {
-                super(...arguments);
-                this.duration = 800;
-            }
-        }
-    ]);
-})();
+*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListComponent = exports.ListItemComponent = void 0;
+const qcobjects_1 = require("qcobjects");
+class ListItemComponent extends qcobjects_1.Component {
+    shadowed = false;
+    tplsource = "inline";
+    template = "<a href=\"{{value}}\">{{label}}</a>";
+    cached = false;
+    constructor(o) {
+        o.name = "list-item";
+        super(o);
+    }
+}
+exports.ListItemComponent = ListItemComponent;
+class ListComponent extends qcobjects_1.Component {
+    data;
+    shadowed = true;
+    tplsource = "inline";
+    template = "<p>Loading...</p>";
+    body;
+    shadowRoot;
+    rows;
+    subcomponents;
+    done;
+    serviceData;
+    constructor(o) {
+        o.name = "list";
+        super(o);
+        this.body.setAttribute("controllerClass", "ListController");
+        this.body.setAttribute("subcomponentClass", "ListItemComponent");
+    }
+}
+exports.ListComponent = ListComponent;
+(0, qcobjects_1.Package)("org.qcobjects.components.list", [
+    ListItemComponent,
+    ListComponent
+]);

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

@@ -0,0 +1,180 @@
+/**
+ * QCObjects SDK 2.5
+ * ________________
+ *
+ * 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.
+*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationComponent = void 0;
+const qcobjects_1 = require("qcobjects");
+const org_qcobjects_effects_1 = require("./org.qcobjects.effects");
+class NotificationComponent extends qcobjects_1.Component {
+    cached = false;
+    tplsource = "inline";
+    shadowed = false;
+    kinds;
+    template;
+    constructor(o) {
+        o.name = "notification";
+        o.body = (0, qcobjects_1._DOMCreateElement)("div");
+        super(o);
+        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) => { return (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);
+    }
+}
+exports.NotificationComponent = NotificationComponent;
+(0, qcobjects_1.Package)("org.quickcorp.components.notifications", [
+    NotificationComponent
+]);

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

@@ -0,0 +1,207 @@
+/**
+ * QCObjects SDK 2.5
+ * ________________
+ *
+ * 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.
+*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderComponent = exports.SlideItemComponent = exports.SlideListComponent = void 0;
+const qcobjects_1 = require("qcobjects");
+class SlideListComponent extends qcobjects_1.Component {
+    tplsource = "inline";
+    template = "<p>Loading...</p>";
+    name = "slidelist";
+    body;
+    constructor(o) {
+        super(o);
+        this.body.setAttribute("controllerClass", "DataGridController");
+        const subcomponentClass = (this.body.getAttribute("subcomponentClass") !== null) ? (this.body.getAttribute("subcomponentClass")) : ("GridItemComponent");
+        this.body.setAttribute("subcomponentClass", subcomponentClass);
+    }
+}
+exports.SlideListComponent = SlideListComponent;
+class SlideItemComponent extends qcobjects_1.Component {
+    effectClass = "Fade";
+    name = "slider_item";
+    data;
+    template;
+    tplsource;
+    constructor(o) {
+        super(o);
+        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";
+    }
+}
+exports.SlideItemComponent = SlideItemComponent;
+class SliderComponent extends qcobjects_1.Component {
+    name = "slider";
+    template;
+    tplsource;
+    shadowed;
+    data;
+    body;
+    __instanceID;
+    constructor(o) {
+        super(o);
+        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");
+    }
+}
+exports.SliderComponent = SliderComponent;
+(0, qcobjects_1.Package)("org.qcobjects.components.slider", [
+    SlideListComponent,
+    SlideItemComponent,
+    SliderComponent
+]);