qcobjects-sdk 0.0.1 → 0.0.3

package/js/org.qcobjects.effects.js

@@ -0,0 +1,388 @@
+/**
+ * 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.
+ */
+"use strict";
+(function () {
+  Package("org.qcobjects.effects.base", [
+    class Fade extends Effect {
+      
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, alphaFrom, alphaTo) {
+        var da = alphaTo - alphaFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var alpha = alphaFrom + (progress * da / 100);
+            logger.debug("alpha: " + alpha.toString());
+            element.style.opacity = alpha.toString();
+          }
+        });
+      }
+    },
+
+    class Move extends Effect {
+
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, xfrom, yfrom, xto, yto) {
+        var dx = xto - xfrom;
+        var dy = yto - yfrom;
+        element.style.transform = "translate(" + xfrom + "px," + yfrom + "px)";
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var y = yfrom + (progress * dy / 100);
+            var x = xfrom + (progress * dx / 100);
+            logger.debug("x: " + x.toString() + " y:" + y.toString());
+            element.style.transform = "translate(" + x + "px," + y + "px)";
+          }
+        });
+      }
+
+    }
+
+
+  ]);
+
+  Package("org.qcobjects.effects.extended", [
+
+
+    class MoveXInFromRight extends Move {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element) {
+        super.apply.call(this, element, element.width, 0, 0, 0);
+      }
+    },
+
+    class MoveXInFromLeft extends Move {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element) {
+        super.apply.call(this, element, -element.width, 0, 0, 0);
+      }
+    },
+
+    class MoveYInFromBottom extends Move {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element) {
+        super.apply.call(this, element, 0, element.height, 0, 0);
+      }
+
+    },
+
+    class MoveYInFromTop extends Move {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element) {
+        super.apply.call(this, element, 0, -element.height, 0, 0);
+      }
+    },
+
+    class RotateX extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, angleFrom, angleTo) {
+        var da = angleTo - angleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var angle = Math.round(angleFrom + (progress * da / 100));
+            logger.debug("angle: " + angle.toString());
+            element.style.transform = "rotate3d(1,0,0," + angle.toString() + "deg)";
+          }
+        });
+      }
+
+    },
+
+    class RotateY extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, angleFrom, angleTo) {
+        var da = angleTo - angleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var angle = Math.round(angleFrom + (progress * da / 100));
+            logger.debug("angle: " + angle.toString());
+            element.style.transform = "rotate3d(0,1,0," + angle.toString() + "deg)";
+          }
+        });
+      }
+    },
+
+    class RotateZ extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, angleFrom, angleTo) {
+        var da = angleTo - angleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var angle = Math.round(angleFrom + (progress * da / 100));
+            logger.debug("angle: " + angle.toString());
+            element.style.transform = "rotate3d(0,0,1," + angle.toString() + "deg)";
+          }
+        });
+      }
+
+    },
+
+    class Rotate extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, angleFrom, angleTo) {
+        var da = angleTo - angleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var angle = Math.round(angleFrom + (progress * da / 100));
+            logger.debug("angle: " + angle.toString());
+            element.style.transform = "rotate3d(1,1,1," + angle.toString() + "deg)";
+          }
+        });
+      }
+    },
+
+    class Radius extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, radiusFrom, radiusTo) {
+        var dr = radiusTo - radiusFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var radius = radiusFrom + (progress * dr / 100);
+            logger.debug("radius: " + radius.toString());
+            element.style.borderRadius = radius.toString() + "px";
+          }
+        });
+      }
+
+    },
+
+    class Resize extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, scaleFrom, scaleTo) {
+        var ds = scaleTo - scaleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var scale = scaleFrom + (progress * ds / 100);
+            logger.debug("resize: " + scale.toString());
+            element.style.transformOrigin = "center";
+            element.style.transform = "scale(" + scale + "," + scale + ")";
+          }
+        });
+      }
+
+    },
+
+    class WipeLeft extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, scaleFrom, scaleTo) {
+        var ds = scaleTo - scaleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var scale = scaleFrom + (progress * ds / 100);
+            logger.debug("wipe: " + scale.toString());
+            element.style.transformOrigin = "right";
+            element.style.transform = "scaleX(" + scale + ")";
+          }
+        });
+      }
+
+    },
+
+    class WipeRight extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, scaleFrom, scaleTo) {
+        var ds = scaleTo - scaleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var scale = scaleFrom + (progress * ds / 100);
+            logger.debug("wipe: " + scale.toString());
+            element.style.transformOrigin = "left";
+            element.style.transform = "scaleX(" + scale + ")";
+          }
+        });
+      }
+
+    },
+
+    class WipeUp extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, scaleFrom, scaleTo) {
+        var ds = scaleTo - scaleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var scale = scaleFrom + (progress * ds / 100);
+            logger.debug("wipe: " + scale.toString());
+            element.style.transformOrigin = "bottom";
+            element.style.transform = "scaleY(" + scale + ")";
+          }
+        });
+      }
+
+    },
+
+    class WipeDown extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, scaleFrom, scaleTo) {
+        var ds = scaleTo - scaleFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var scale = scaleFrom + (progress * ds / 100);
+            logger.debug("wipe: " + scale.toString());
+            element.style.transformOrigin = "top";
+            element.style.transform = "scaleY(" + scale + ")";
+          }
+        });
+      }
+    }
+
+  ]);
+  Package("org.qcobjects.modal.effects",[
+
+    class ModalFade extends Fade {
+      constructor () {
+        super(...arguments);
+        this.duration=500;
+      }
+      
+    },
+  
+    class ModalMoveDown extends Move {
+      constructor () {
+        super(...arguments);
+        this.duration=300;
+  
+      }
+  
+    },
+  
+    class ModalMoveUp extends Move {
+      constructor () {
+        super(...arguments);
+        this.duration=800;
+  
+      }
+  
+    }
+  
+  ]);
+  
+}).call(null);

package/js/org.qcobjects.i18n_messages.js

@@ -0,0 +1,58 @@
+/**
+ * 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";
+Package("org.qcobjects.i18n_messages", [
+
+  class i18n_messages extends InheritClass {
+
+    constructor () {
+      super(...arguments);
+      var i18n = this;
+      if (CONFIG.get("use_i18n")){
+        CONFIG.set("lang", "en");
+        if (!global.get("i18n")){
+          global.set("i18n", {
+            messages: i18n.messages
+          });
+        } else {
+          global.set("i18n", {
+            messages: global.get("i18n").messages.concat(i18n.messages)
+          });
+        }
+      }
+
+    }
+
+    _load_i18n_packages_ (){
+      return CONFIG.get("i18n_languages",[]).map((i18n_packagename)=>{
+        Import(`org.quickcorp.i18n_messages.${i18n_packagename}`);
+      });
+    }
+    
+  }
+]);
+(new i18n_messages())._load_i18n_packages_();
+}).call(null);

package/js/org.qcobjects.modal.controllers.js

@@ -0,0 +1,47 @@
+/**
+ * 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";
+Package("org.qcobjects.modal.controllers",[
+
+  class ModalController extends Controller {
+
+    constructor () {
+      super(...arguments);
+      this.dependencies=[];
+      this.component=null;
+    }
+
+    done (){
+      var component = this.component;
+      component.body.innerHTML = component.body.innerHTML.replace("/{{content}}/g",component.submodal.template);
+
+    }
+
+  }
+
+]);
+
+}).call(null);

package/js/org.qcobjects.modal.effects.js

@@ -0,0 +1,57 @@
+/**
+ * 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";
+Package("org.qcobjects.modal.effects",[
+
+  class ModalFade extends Fade {
+    constructor () {
+      super();
+      this.duration=500;
+    }
+    
+  },
+
+  class ModalMoveDown extends Move {
+    constructor () {
+      super();
+      this.duration=300;
+
+    }
+
+  },
+
+  class ModalMoveUp extends Move {
+    constructor () {
+      super();
+      this.duration=800;
+
+    }
+
+  }
+
+]);
+
+}).call(null);

package/js/org.qcobjects.models.js

@@ -0,0 +1,48 @@
+/**
+ * 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";
+Package("org.qcobjects.models",[
+
+  class Contact extends VO {
+
+    constructor (){
+      super(...arguments);
+      this.first_name="";
+      this.last_name="";
+      this.address="";
+      this.postalCode="";
+      this.city="";
+      this.country="";
+      this.email="";
+      this.phone="";
+  
+    }
+    
+  }
+
+]);
+
+}).call(null);

package/js/org.qcobjects.tools.canvas.js

@@ -0,0 +1,59 @@
+/**
+ * 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.
+*/
+"use strict";
+(function() {
+  Package("org.qcobjects.tools.canvas",[
+
+    class CanvasTool extends InheritClass {
+      constructor () {
+        super(...arguments);
+      }
+
+      drawImageFilled (img, canvas, zoom=1, px=0, py=0){
+        // get the scale
+        var scale = Math.max(canvas.width / img.width, canvas.height / img.height);
+        scale = scale*zoom;
+        // get the top left position of the image
+        var x = (canvas.width / 2) - (img.width / 2) * scale;
+        var y = (canvas.height / 2) - (img.height / 2) * scale;
+        var ctx = canvas.getContext("2d");
+        ctx.drawImage(img, (px+x), (py+y), img.width * scale, img.height * scale);
+      }
+
+      getImageResized (img, width, height, resizedImage, zoom=1, px=0, py=0){
+        var canvas = document.createElement("canvas");
+        canvas.width = width;
+        canvas.height = height;
+        canvas.style.width = width;
+        canvas.style.height = height;
+        this.drawImageFilled(img,canvas,zoom,px,py);
+        resizedImage.src = canvas.toDataURL("image/png");
+        return canvas;
+      }
+
+    }
+  ]);
+
+}).call(null);