qcobjects-sdk 2.4.5 → 2.4.8

package/js/org.qcobjects.components.js

@@ -1,5 +1,5 @@
 /**
- * QCObjects SDK 2.3
+ * QCObjects SDK 2.4
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -25,23 +25,35 @@
 "use strict";
 (function() {
   Package("org.qcobjects.components",[
-    Class("ShadowedComponent",Component,{
-      container:null,
-      body:null,
-      shadowed:true,
-      cached:false,
-      controller:null,
-      view:null,
-      data:{},
-      _new_:function (o){
-        o.body = _DOMCreateElement("div");
-        _super_("Component","_new_").call(this,o);
-      }
-    }),
-    Class("FormField",Component,{
-      cached:false,
-      reload:true,
-      createBindingEvents:function (){
+
+    class ShadowedComponent extends Component {
+      constructor (){
+        super ();
+        this.container=null;
+        this.body=null;
+        this.shadowed=true;
+        this.cached=false;
+        this.controller=null;
+        this.view=null;
+        this.data={};
+      }
+
+      _new_ (){
+        super._new_();
+        this.body = _DOMCreateElement("div");
+      }
+
+    },
+
+    class FormField extends Component {
+      constructor (){
+        super ();
+        this.cached = false;
+        this.reload = true;
+  
+      }
+
+      createBindingEvents(){
         var thisobj = this;
         var _objList;
         if (typeof this.fieldType =="undefined" || this.fieldType == null ){
@@ -68,13 +80,13 @@
               thisobj.executeBindings(e);
           });
         }
-      },
-      executeBinding:function (_obj){
+      }
+      executeBinding(_obj){
         var _datamodel = _obj.getAttribute("data-field");
         logger.debug("Binding "+_datamodel+" for "+this.name);
         this.data[_datamodel]=_obj.value;
-      },
-      executeBindings:function (){
+      }
+      executeBindings(){
         var _objList;
         if (typeof this.fieldType =="undefined" || this.fieldType == null ){
           _objList = this.body.subelements("*[data-field]"); // every child with data-field set
@@ -87,37 +99,61 @@
           logger.debug("Binding "+_datamodel+" for "+this.name);
           this.data[_datamodel]=_obj.value;
         }
-      },
-      done:function (){
+      }
+      done(){
         var thisobj = this;
         thisobj.executeBindings();
         thisobj.createBindingEvents();
         logger.debug("Field loaded: "+thisobj.fieldType+"[name="+thisobj.name+"]");
       }
-    }),
-    Class("ButtonField",FormField,{
-      fieldType:"button"
-    }),
-    Class("InputField",FormField,{
-      fieldType:"input"
-    }),
-    Class("TextField",FormField,{
-      fieldType:"textarea"
-    }),
-    Class("EmailField",FormField,{
-      fieldType:"input"
-    }),
-    Class("ModalEnclosureComponent",Component,{
-      name:"modal",
-      tplsource:"inline",
-      cached:false,
-      basePath:CONFIG.get("modalBasePath",CONFIG.get("remoteSDKPath")),
-      data:{},
-      _new_:function (o){
-        o.body = _DOMCreateElement("div");
-        _super_("Component","_new_").call(this,o);
-      },
-      template:`
+
+
+    },
+
+    class ButtonField extends FormField {
+      constructor (){
+        super();
+        this.fieldType="button";
+
+      }
+    },
+
+    class InputField extends FormField {
+      constructor (){
+        super();
+        this.fieldType="input";
+
+      }
+
+    },
+
+    class TextField extends FormField {
+      constructor (){
+        super();
+        this.fieldType="textarea";
+
+      }
+
+    },
+
+    class EmailField extends FormField {
+      constructor (){
+        super();
+        this.fieldType="input";
+
+      }
+
+    },
+
+    class ModalEnclosureComponent extends Component {
+      constructor (){
+        super();
+        this.name="modal";
+        this.tplsource="inline";
+        this.cached=false;
+        this.basePath=CONFIG.get("modalBasePath",CONFIG.get("remoteSDKPath"));
+        this.data={};
+        this.template=`
 <!-- The Modal -->
 <style>
   @import url('https://sdk.qcobjects.dev/css/modal.css');
@@ -131,23 +167,32 @@
 </div>
 
 </div>
-`
-    }),
-    Class("ModalComponent",Component,{
-      name:"modal",
-      cached:false,
-      modalEnclosureComponentClass:"ModalEnclosureComponent",
-      basePath: CONFIG.get("modalBasePath",CONFIG.get("remoteSDKPath")),
-      controller:null,
-      view:null,
-      tplsource:"none",
-      closeOnClickOutside:false,
-      data:{
-        content:"",
-        modalId:0
-      },
-      submodal:null,
-      modal: function (){
+`;
+        this.body = _DOMCreateElement("div");
+      }
+
+    },
+
+    class ModalComponent extends Component {
+      constructor (){
+        super();
+        this.name="modal";
+        this.cached=false;
+        this.modalEnclosureComponentClass="ModalEnclosureComponent";
+        this.basePath= CONFIG.get("modalBasePath",CONFIG.get("remoteSDKPath"));
+        this.controller=null;
+        this.view=null;
+        this.tplsource="none";
+        this.closeOnClickOutside=false;
+        this.data={
+          content:"",
+          modalId:0
+        };
+        this.submodal=null;
+  
+      }
+
+      modal(){
         var modalId = this.data.modalId;
         var modalComponent = this;
 
@@ -168,8 +213,9 @@
             modalComponent.close();
           },false);
         }
-      },
-      close: function (){
+      }
+
+      close(){
         var modalId = this.data.modalId;
         Tag("#modalInstance_"+parseInt(modalId)+".modal").map(function (modal){
           modal.style.display="block";
@@ -183,8 +229,9 @@
             modal.style.display="none";
           });
         },900);
-      },
-      _new_:function (o){
+      }
+
+      _new_(o){
         var component = this;
         component.data.modalId = component.__instanceID;
         var submodal = New(ClassFactory(component.modalEnclosureComponentClass),{
@@ -200,11 +247,13 @@
           component.body.append(submodal.body);
         }
         _super_("Component","_new_").call(this,o); // parent call
-      },
-      done: function ({request,component}){
+      }
+
+      done({request,component}){
         _super_("Component","done").call(this,{request:request,component:component}); // parent call
-      },
-      rebuild:function (){
+      }
+
+      rebuild(){
         this.templateURI = ComponentURI({
           "COMPONENTS_BASE_PATH":CONFIG.get("componentsBasePath"),
           "COMPONENT_NAME":"modal",
@@ -213,13 +262,21 @@
         });
         return _super_("Component","rebuild").call(this); // parent call
       }
-    }),
-    Class("SwaggerUIComponent",Component,{
-      name:"swagger-ui",
-      cached:false,
-      basePath: CONFIG.get("remoteSDKPath"),
-      tplextension:"tpl.html"
-    })
+
+
+    },
+
+    class SwaggerUIComponent extends Component {
+      constructor (){
+        super();
+        this.name="swagger-ui";
+        this.cached=false;
+        this.basePath= CONFIG.get("remoteSDKPath");
+        this.tplextension="tpl.html";
+  
+      }
+
+    }
 
   ]);
 

package/js/org.qcobjects.components.list.js

@@ -1,5 +1,5 @@
 /**
- * QCObjects SDK 2.3
+ * QCObjects SDK 2.4
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -25,24 +25,33 @@
 (function() {
 "use strict";
 Package("org.qcobjects.components.list",[
-  Class("ListItemComponent",Component,{
-    name:"list-item",
-    shadowed: false,
-    tplsource: "inline",
-    template:"<a href=\"{{value}}\">{{label}}</a>",
-    cached: false
-  }),
-  Class("ListComponent",Component,{
-    name:"list",
-    shadowed: true,
-    tplsource: "inline",
-    template: "<p>Loading...</p>",
-    _new_ (o){
-      o.body.setAttribute("controllerClass","ListController");
-      o.body.setAttribute("subcomponentClass","ListItemComponent");
-      _super_("Component","_new_").call(this,o);
+
+  class ListItemComponent extends Component {
+    constructor (){
+      super();
+      this.name="list-item";
+      this.shadowed= false;
+      this.tplsource= "inline";
+      this.template="<a href=\"{{value}}\">{{label}}</a>";
+      this.cached= false;
+  
+    }
+
+  },
+
+  class ListComponent extends Component {
+    constructor () {
+      super();
+      this.name="list";
+      this.shadowed= true;
+      this.tplsource= "inline";
+      this.template= "<p>Loading...</p>";
+      this.body.setAttribute("controllerClass","ListController");
+      this.body.setAttribute("subcomponentClass","ListItemComponent");
     }
-  })
+
+  },
+
 ]);
 
 }).call(null);

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

@@ -1,5 +1,5 @@
 /**
- * QCObjects SDK 2.3
+ * QCObjects SDK 2.4
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -25,59 +25,67 @@
 (function() {
 "use strict";
 Package("org.quickcorp.components.notifications", [
-  Class("NotificationComponent", Component, {
-    name: "notification",
-    cached: false,
-    tplsource: "inline",
-    shadowed: false,
-    body: _DOMCreateElement("div"),
-    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;
+  
+  class NotificationComponent extends Component {
+
+    constructor (){
+      super();
+
+      this.name= "notification";
+      this.cached= false;
+      this.tplsource= "inline";
+      this.shadowed= false;
+      this.body= _DOMCreateElement("div");
+      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"];
+  
     }
-    </style>
-    <div class="notification_background">
-    <div class="notification {{kind}}">
-      <p><strong>{{title}}</strong> {{message}}</p>
-    </div>
-    </div>
-    `,
-    kinds: ["danger", "success", "info", "warning"],
+
     display(element) {
       var _display_ = function (element){
         element.style.display="block";
@@ -105,7 +113,8 @@ Package("org.quickcorp.components.notifications", [
       setTimeout(function (){
         element.remove();
       },2200);
-    },
+    }
+
     success(message) {
       var c = New(NotificationComponent, {
         name: "notification",
@@ -120,7 +129,8 @@ Package("org.quickcorp.components.notifications", [
       document.body.append(c);
       var _componentRoot = (c.shadowed)?(c.shadowRoot.host):(c.body);
       c.display(_componentRoot);
-    },
+    }
+
     danger(message) {
       var c = New(NotificationComponent, {
         name: "notification",
@@ -135,7 +145,8 @@ Package("org.quickcorp.components.notifications", [
       document.body.append(c);
       var _componentRoot = (c.shadowed)?(c.shadowRoot.host):(c.body);
       c.display(_componentRoot);
-    },
+    }
+
     info(message) {
       var c = New(NotificationComponent, {
         name: "notification",
@@ -150,7 +161,8 @@ Package("org.quickcorp.components.notifications", [
       document.body.append(c);
       var _componentRoot = (c.shadowed)?(c.shadowRoot.host):(c.body);
       c.display(_componentRoot);
-    },
+    }
+
     warning(message) {
       var c = New(NotificationComponent, {
         name: "notification",
@@ -166,7 +178,10 @@ Package("org.quickcorp.components.notifications", [
       var _componentRoot = (c.shadowed)?(c.shadowRoot.host):(c.body);
       c.display(_componentRoot);
     }
-  })
+    
+
+  }
+
 ]);
 
 }).call(null);