From cb1a4825d23f4ccc718e4f4bacb5a2bcc660fce5 Mon Sep 17 00:00:00 2001
From: YNH Webdev <ynhwebdev@gmail.com>
Date: Sat, 28 Sep 2013 00:45:27 +0200
Subject: [PATCH] Implement lazy js load wraper

---
 .../kernel/webcontrol/wsf_page_control.e      |  1 -
 examples/widgetapp/assets/widget.coffee       | 37 +++++++++-----
 examples/widgetapp/assets/widget.js           | 51 +++++++++++--------
 3 files changed, 53 insertions(+), 36 deletions(-)
diff --git a/draft/library/wsf_js_widget/kernel/webcontrol/wsf_page_control.e b/draft/library/wsf_js_widget/kernel/webcontrol/wsf_page_control.e
index ab1c5a77..1bd2233c 100644
--- a/draft/library/wsf_js_widget/kernel/webcontrol/wsf_page_control.e
+++ b/draft/library/wsf_js_widget/kernel/webcontrol/wsf_page_control.e
@@ -108,7 +108,6 @@ feature -- Implementation
 				Result.append ("</head><body data-name=%"" + control_name + "%" data-type=%"WSF_PAGE_CONTROL%">")
 				Result.append (control.render)
 				Result.append ("<script src=%"assets/jquery.min.js%"></script>")
-				Result.append ("<script src=%"assets/bootstrap.min.js%"></script>")
 				Result.append ("<script src=%"assets/widget.js%"></script>")
 				Result.append ("<script type=%"text/javascript%">$(function() {var page= new WSF_PAGE_CONTROL(")
 				Result.append (full_state.representation)
diff --git a/examples/widgetapp/assets/widget.coffee b/examples/widgetapp/assets/widget.coffee
index 5213b98a..36ecbc57 100644
--- a/examples/widgetapp/assets/widget.coffee
+++ b/examples/widgetapp/assets/widget.coffee
@@ -31,7 +31,23 @@ Mini =
     {
       render:template(t)
     }
- 
+lazy_load = (requirements,fn,that)->
+  if not that?
+    that = window
+  return ()->
+    if not args?
+      args = []
+    counter = requirements.length + 1
+    self = @
+    done = ()->
+        counter = counter - 1
+        if counter == 0
+          fn.apply(that,arguments)
+        return
+    for r in requirements
+      $.cachedScript(r).done(done)
+    done()
+
 build_control = (control_name, state, control)->
   $el = control.$el.find('[data-name='+control_name+']')
   #get control type
@@ -78,24 +94,14 @@ class WSF_MAX_VALIDATOR extends WSF_VALIDATOR
 
 
 class WSF_CONTROL
-  requirements : []
+  requirements: []
   constructor: (@parent_control, @$el, @control_name, @fullstate)->
     @state = @fullstate.state 
     @load_subcontrols()
     @isolation = (""+@$el.data('isolation')=="1")
     @$el.data('control',@)
+    @initialize = lazy_load @requirements, @attach_events, @
     return
-  initialize:()->
-    counter = @requirements.length + 1
-    self = @
-    done = ()->
-        counter = counter - 1
-        if counter == 0
-          self.attach_events()
-        return
-    for r in @requirements
-      $.cachedScript(r).done(done)
-    done()
 
   load_subcontrols: ()->
     if @fullstate.controls?
@@ -200,6 +206,7 @@ class WSF_PAGE_CONTROL extends WSF_CONTROL
     @url = @state['url']
     @url_params = jQuery.unparam(@state['url_params'])
     @$el.data('control',@)
+    @initialize = lazy_load @requirements, @attach_events, @
     @load_subcontrols()
 
   wrap : (cname,state)->
@@ -274,8 +281,10 @@ class WSF_AUTOCOMPLETE_CONTROL extends WSF_INPUT_CONTROL
         fn: ()->
           self.trigger_callback(self.control_name, 'autocomplete')
     })
+
     @$el.on 'typeahead:closed',()->
         self.change() 
+
     @$el.on 'typeahead:blured',()->
         self.change() 
 
@@ -454,7 +463,7 @@ class WSF_REPEATER_CONTROL extends WSF_CONTROL
 show_alert = (action)->
     alert(action.message)
 
-start_modal = (action)->
+start_modal = lazy_load ['assets/bootstrap.min.js'], (action)->
   modal = $("""<div class="modal fade">
   <div class="modal-dialog">
     <div class="modal-content">
diff --git a/examples/widgetapp/assets/widget.js b/examples/widgetapp/assets/widget.js
index b3544a8d..b1e35bb3 100644
--- a/examples/widgetapp/assets/widget.js
+++ b/examples/widgetapp/assets/widget.js
@@ -1,5 +1,5 @@
 // Generated by CoffeeScript 1.6.1
-var Mini, WSF_AUTOCOMPLETE_CONTROL, WSF_BUTTON_CONTROL, WSF_CHECKBOX_CONTROL, WSF_CHECKBOX_LIST_CONTROL, WSF_CONTROL, WSF_FORM_ELEMENT_CONTROL, WSF_GRID_CONTROL, WSF_HTML_CONTROL, WSF_INPUT_CONTROL, WSF_MAX_VALIDATOR, WSF_MIN_VALIDATOR, WSF_PAGE_CONTROL, WSF_PAGINATION_CONTROL, WSF_PROGRESS_CONTROL, WSF_REGEXP_VALIDATOR, WSF_REPEATER_CONTROL, WSF_TEXTAREA_CONTROL, WSF_VALIDATOR, build_control, cache, controls, show_alert, start_modal, template, tmpl,
+var Mini, WSF_AUTOCOMPLETE_CONTROL, WSF_BUTTON_CONTROL, WSF_CHECKBOX_CONTROL, WSF_CHECKBOX_LIST_CONTROL, WSF_CONTROL, WSF_FORM_ELEMENT_CONTROL, WSF_GRID_CONTROL, WSF_HTML_CONTROL, WSF_INPUT_CONTROL, WSF_MAX_VALIDATOR, WSF_MIN_VALIDATOR, WSF_PAGE_CONTROL, WSF_PAGINATION_CONTROL, WSF_PROGRESS_CONTROL, WSF_REGEXP_VALIDATOR, WSF_REPEATER_CONTROL, WSF_TEXTAREA_CONTROL, WSF_VALIDATOR, build_control, cache, controls, lazy_load, show_alert, start_modal, template, tmpl,
   __hasProp = {}.hasOwnProperty,
   __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
@@ -49,6 +49,31 @@ Mini = {
   }
 };
 
+lazy_load = function(requirements, fn, that) {
+  if (that == null) {
+    that = window;
+  }
+  return function() {
+    var args, counter, done, r, self, _i, _len;
+    if (typeof args === "undefined" || args === null) {
+      args = [];
+    }
+    counter = requirements.length + 1;
+    self = this;
+    done = function() {
+      counter = counter - 1;
+      if (counter === 0) {
+        fn.apply(that, arguments);
+      }
+    };
+    for (_i = 0, _len = requirements.length; _i < _len; _i++) {
+      r = requirements[_i];
+      $.cachedScript(r).done(done);
+    }
+    return done();
+  };
+};
+
 build_control = function(control_name, state, control) {
   var $el, type, typeclass;
   $el = control.$el.find('[data-name=' + control_name + ']');
@@ -151,27 +176,10 @@ WSF_CONTROL = (function() {
     this.load_subcontrols();
     this.isolation = "" + this.$el.data('isolation') === "1";
     this.$el.data('control', this);
+    this.initialize = lazy_load(this.requirements, this.attach_events, this);
     return;
   }
 
-  WSF_CONTROL.prototype.initialize = function() {
-    var counter, done, r, self, _i, _len, _ref;
-    counter = this.requirements.length + 1;
-    self = this;
-    done = function() {
-      counter = counter - 1;
-      if (counter === 0) {
-        self.attach_events();
-      }
-    };
-    _ref = this.requirements;
-    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-      r = _ref[_i];
-      $.cachedScript(r).done(done);
-    }
-    return done();
-  };
-
   WSF_CONTROL.prototype.load_subcontrols = function() {
     var control_name, state;
     if (this.fullstate.controls != null) {
@@ -339,6 +347,7 @@ WSF_PAGE_CONTROL = (function(_super) {
     this.url = this.state['url'];
     this.url_params = jQuery.unparam(this.state['url_params']);
     this.$el.data('control', this);
+    this.initialize = lazy_load(this.requirements, this.attach_events, this);
     this.load_subcontrols();
   }
 
@@ -802,7 +811,7 @@ show_alert = function(action) {
   return alert(action.message);
 };
 
-start_modal = function(action) {
+start_modal = lazy_load(['assets/bootstrap.min.js'], function(action) {
   var modal;
   modal = $("<div class=\"modal fade\">\n<div class=\"modal-dialog\">\n  <div class=\"modal-content\">\n    <div class=\"modal-header\">\n      <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;</button>\n      <h4 class=\"modal-title\">" + action.title + "</h4>\n    </div>\n    <div class=\"modal-body\">\n    \n    </div>\n  </div>\n</div>\n</div>");
   modal.appendTo('body');
@@ -817,4 +826,4 @@ start_modal = function(action) {
   }).done(function(data) {
     return modal.find('.modal-body').append(data);
   });
-};
+});
