qcobjects-sdk 2.4.64 → 2.5.105-beta

package/src/js/org.qcobjects.controllers.list.ts

@@ -1,7 +1,5 @@
-import { Package, Controller, logger, CONFIG, _DataStringify, _DOMCreateElement, New, ClassFactory, ComponentURI, serviceLoader, ControllerParams, QCObjectsElement, QCObjectsShadowedElement } from "qcobjects";
-import { ListComponent } from "./org.qcobjects.components.list";
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -24,231 +22,235 @@ import { ListComponent } from "./org.qcobjects.components.list";
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-(function () {
-  "use strict";
-  type ListControllerParams = ControllerParams & {
-    component: typeof ListComponent;
-    valueField:string | undefined;
-    labelField:string | undefined;
-
-  };
-  Package("org.qcobjects.controllers.list", [
-
-    class ListController extends Controller {
-      __instanceID!: number;
-      component: typeof ListComponent;
-      valueField:string | undefined;
-      labelField:string | undefined;
-      rows:number | string | null;
-      cols:number;
-      _componentRoot:QCObjectsElement | QCObjectsShadowedElement | HTMLElement | undefined;
-
-      constructor({component, dependencies = [], valueField = undefined, labelField = undefined}:ListControllerParams) {
-        super({component, dependencies, valueField, labelField} as ListControllerParams);
-        this.component = component;
-        this._componentRoot = (this.component.shadowed) ? (this.component.shadowRoot) : (this.component.body);
-
-        this.labelField = this.component.body.getAttribute("label-field") as string;
-        this.valueField = this.component.body.getAttribute("value-field") as string;
-        this.rows = this.component.body.getAttribute("rows");
-        this.rows = (this.rows !== null) ? (this.rows) : (this.component.rows);
-        this.cols = 1;
-        logger.debug("ListController INIT");
+"use strict";
+import { Package, Controller, logger, CONFIG, _DataStringify, _DOMCreateElement, New, ClassFactory, ComponentURI, serviceLoader } from "qcobjects";
+import { ListComponent } from "./org.qcobjects.components.list";
+export type ListControllerParams = {
+  component: ListComponent;
+  valueField: string | undefined;
+  labelField: string | undefined;
+  dependencies: any[];
+};
 
-      }
+export class ListController extends Controller {
+  __instanceID!: number;
+  component: ListComponent;
+  valueField: string | undefined;
+  labelField: string | undefined;
+  rows: number | string | null;
+  cols: number;
+  _componentRoot: HTMLElement | undefined;
 
-      getPageIndex(page:number, totalPage:number, totalElements:number) {
-        page = (page > 0) ? (page - 1) : (0);
-        return [totalElements * page / totalPage, (totalElements * page / totalPage) + totalElements / totalPage];
-      }
+  constructor({ component, dependencies = [], valueField = undefined, labelField = undefined }: ListControllerParams) {
+    super({ component, dependencies, valueField, labelField } as ListControllerParams);
+    this.component = component;
+    this._componentRoot = (this.component.shadowed) ? (this.component.shadowRoot) : (this.component.body);
+
+    this.labelField = this.component.body.getAttribute("label-field") as string;
+    this.valueField = this.component.body.getAttribute("value-field") as string;
+    this.rows = this.component.body.getAttribute("rows");
+    this.rows = (this.rows !== null) ? (this.rows) : (this.component.rows);
+    this.cols = 1;
+    logger.debug("ListController INIT");
 
-      addSubcomponents() {
-        this.component.subcomponents = [];
-        const layout = this.component.body.getAttribute("layout");
-        const basePath = CONFIG.get("listBasePath", CONFIG.get("remoteSDKPath", ""));
-        let cssLayout = "";
-        this.labelField = this.component.body.getAttribute("label-field");
-        this.valueField = this.component.body.getAttribute("value-field");
+  }
 
-        if (layout === "horizontal") {
-          cssLayout = `@import url("${basePath}css/components/horizontal-list.css");`;
+  getPageIndex(page: number, totalPage: number, totalElements: number) {
+    page = (page > 0) ? (page - 1) : (0);
+    return [totalElements * page / totalPage, (totalElements * page / totalPage) + totalElements / totalPage];
+  }
+
+  addSubcomponents() {
+    this.component.subcomponents = [];
+    const layout = this.component.body.getAttribute("layout");
+    const basePath = CONFIG.get("listBasePath", CONFIG.get("remoteSDKPath", ""));
+    let cssLayout = "";
+    this.labelField = this.component.body.getAttribute("label-field");
+    this.valueField = this.component.body.getAttribute("value-field");
+
+    if (layout === "horizontal") {
+      cssLayout = `@import url("${basePath}css/components/horizontal-list.css");`;
+    } else {
+      cssLayout = `@import url("${basePath}css/components/list.css");`;
+    }
+    if (typeof this._componentRoot !== "undefined") {
+      this._componentRoot.innerHTML = `<style>${cssLayout}</style><ul></ul>`;
+    }
+    logger.debug(_DataStringify(this.component.data));
+    try {
+      const subcomponentClass = this.component.body.getAttribute("subcomponentClass");
+      if (subcomponentClass != null) {
+        let offset: number;
+        let limit: number;
+        let pagesNumber: number;
+        let list = [...this.component.data];
+        let paginateIn = this.component.body.getAttribute("paginate-in");
+        paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
+        let page: number;
+        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 {
-          cssLayout = `@import url("${basePath}css/components/list.css");`;
-        }
-        if (typeof this._componentRoot !== "undefined"){
-          this._componentRoot.innerHTML = `<style>${cssLayout}</style><ul></ul>`;
+          offset = 0;
+          limit = list.length;
+          pagesNumber = 1;
         }
-        logger.debug(_DataStringify(this.component.data));
-        try {
-          const subcomponentClass = this.component.body.getAttribute("subcomponentClass");
-          if (subcomponentClass != null) {
-            let offset:number;
-            let limit:number;
-            let pagesNumber:number;
-            let list = [...this.component.data];
-            let paginateIn = this.component.body.getAttribute("paginate-in");
-            paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
-            let page:number;
-            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) => {
-                const _ret_=undefined;
-                try {
-                  const _body = _DOMCreateElement("li");
-                  record.label = record[this.labelField as string];
-                  record.value = record[this.valueField as string];
-                  const subcomponent = New(ClassFactory(subcomponentClass), {
-                    name:"list-item",
-                    data: {
-                      label: record[this.labelField as string],
-                      value: record[this.valueField as string],
-                      __dataIndex: dataIndex,
-                      __page: page,
-                      __totalPages: pagesNumber,
-                      __limit: limit,
-                      __offset: offset
-                    },
-                    templateURI: ComponentURI({
-                      "COMPONENTS_BASE_PATH": CONFIG.get("componentsBasePath", ""),
-                      "COMPONENT_NAME": ClassFactory(subcomponentClass).name,
-                      "TPLEXTENSION": CONFIG.get("tplextension", ""),
-                      "TPL_SOURCE": ClassFactory(subcomponentClass).tplsource
-                    }),
-                    body: _body,
-                    template: 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;
-                      }
-                      logger.debug("adding subcomponent to body");
-                      (this._componentRoot as QCObjectsElement).subelements("ul").map(ul => ul.append(subcomponent));
-                      try {
-                        this.component.subcomponents.push(subcomponent);
-                      } catch (e) {
-                        logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
-                      }
-                    } else {
-                      logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
-                    }
-                  } catch (e) {
-                    logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
+        list.map(
+          (record, dataIndex) => {
+            const _ret_ = undefined;
+            try {
+              const _body = _DOMCreateElement("li");
+              record.label = record[this.labelField as string];
+              record.value = record[this.valueField as string];
+              const subcomponent = New(ClassFactory(subcomponentClass), {
+                name: "list-item",
+                data: {
+                  label: record[this.labelField as string],
+                  value: record[this.valueField as string],
+                  __dataIndex: dataIndex,
+                  __page: page,
+                  __totalPages: pagesNumber,
+                  __limit: limit,
+                  __offset: offset
+                },
+                templateURI: ComponentURI({
+                  "COMPONENTS_BASE_PATH": CONFIG.get("componentsBasePath", ""),
+                  "COMPONENT_NAME": ClassFactory(subcomponentClass).name,
+                  "TPLEXTENSION": CONFIG.get("tplextension", ""),
+                  "TPL_SOURCE": ClassFactory(subcomponentClass).tplsource
+                }),
+                body: _body,
+                template: 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;
                   }
+                  logger.debug("adding subcomponent to body");
 
-                } catch (e) {
+                  (this._componentRoot as any).subelements("ul").map((ul: HTMLElement) => ul.append(subcomponent));
+                  try {
+                    this.component.subcomponents.push(subcomponent as never);
+                  } catch (e: any) {
+                    logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
+                  }
+                } else {
                   logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
                 }
-                return _ret_;
+              } catch (e: any) {
+                logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
               }
-            );
-          } else {
-            logger.debug("NO SUBCOMPONENT CLASS IN COMPONENT");
-          }
 
-        } catch (e) {
-          logger.debug("No data for component");
-        }
+            } catch (e: any) {
+              logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
+            }
+            return _ret_;
+          }
+        );
+      } else {
+        logger.debug("NO SUBCOMPONENT CLASS IN 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 = _DOMCreateElement("style");
-          const templateRows = "auto ".repeat(this.rows as number);
-          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);
-          _componentRoot.classList.add(className);
+    } catch (e: any) {
+      logger.debug(`No data for component: ${e}`);
+    }
+  }
+
+  cssGrid() {
+    const component = this.component;
+    const _componentRoot = (component.shadowed) ? (component.shadowRoot) : (component.body);
+    if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined") {
+      const s = _DOMCreateElement("style");
+      const templateRows = "auto ".repeat(this.rows as number);
+      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);
+      _componentRoot.classList.add(className);
+    }
+  }
+
+  done() {
+    this.cssGrid();
+
+    const componentInstance = this.component;
+    logger.debug("ListController 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;
         }
       }
 
-      done() {
-        this.cssGrid();
-
-        const componentInstance = this.component;
-        logger.debug("ListController 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;
-            }
+      serviceLoader(New(ClassFactory(serviceClass), {
+        data: componentInstance.serviceData
+      }), false).then(
+        (successfulResponse: { service: any }) => {
+          // This will show the service response as a plain text
+          logger.debug("DONE SERVICE COMPONENT");
+          successfulResponse.service.JSONresponse = JSON.parse(successfulResponse.service.template);
+          if (typeof successfulResponse.service.JSONresponse.result !== "undefined") {
+            logger.debug(_DataStringify(successfulResponse.service.JSONresponse.result));
+            componentInstance.data = successfulResponse.service.JSONresponse.result;
+          } else {
+            componentInstance.data = successfulResponse.service.JSONresponse;
           }
+          this.addSubcomponents();
 
-          serviceLoader(New(ClassFactory(serviceClass), {
-            data: componentInstance.serviceData
-          }), false).then(
-            (successfulResponse) => {
-              // This will show the service response as a plain text
-              logger.debug("DONE SERVICE COMPONENT");
-              successfulResponse.service.JSONresponse = JSON.parse(successfulResponse.service.template);
-              if (typeof successfulResponse.service.JSONresponse.result !== "undefined") {
-                logger.debug(_DataStringify(successfulResponse.service.JSONresponse.result));
-                componentInstance.data = successfulResponse.service.JSONresponse.result;
-              } else {
-                componentInstance.data = successfulResponse.service.JSONresponse;
-              }
-              this.addSubcomponents();
+        },
+        (failedResponse: string) => {
+          logger.debug(failedResponse);
+        }).catch((e: any) => {
+          logger.debug("Something went wrong when calling the service from: " + serviceClass);
+          logger.debug(e.message);
+        });
+
+    }
 
-            },
-            (failedResponse) => {
-              logger.debug(failedResponse);
-            }).catch((e) => {
-            logger.debug("Something went wrong when calling the service from: " + serviceClass);
-            logger.debug(e.message);
-          });
+  }
 
-        }
 
-      }
+}
 
 
-    }
+Package("org.qcobjects.controllers.list", [
+  ListController
 
-  ]);
+]);
 
-})();