gallery-2013.12.20-18-06 ItsAsbreuk gallery-itsaviewmodelpanel

yui · Dec 20, 2013 · 263dd95 · 263dd95
1 parent a7b4bdd
commit 263dd95
Show file tree

Hide file tree

Showing 13 changed files with 121 additions and 41 deletions.
diff --git a/build/gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel-coverage.js b/build/gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel-coverage.js
diff --git a/build/gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel-debug.js b/build/gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel-debug.js
@@ -477,6 +477,8 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                 if (model.toJSONUI) {
                     ITSAFORMELEMENT.tipsyOK._lastnode && model._FORM_elements[ITSAFORMELEMENT.tipsyOK._lastnode.get(ID)] && ITSAFORMELEMENT.tipsyOK.hideTooltip();
                     ITSAFORMELEMENT.tipsyInvalid._lastnode && model._FORM_elements[ITSAFORMELEMENT.tipsyInvalid._lastnode.get(ID)] && ITSAFORMELEMENT.tipsyInvalid.hideTooltip();
+                    ITSAFORMELEMENT.tipsyOK._lastnode = null;
+                    ITSAFORMELEMENT.tipsyInvalid._lastnode = null;
                 }
             }
 /*jshint expr:false */
@@ -580,6 +582,7 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                         // first enable the UI again, this is done within the submit-defaultfunc of the model as well, but that code comes LATER.
                         // and we need enabled element to set the focus
                         model.enableUI();
+                        model._disableSaveBtns();
                         if (contentBox.hasClass(FOCUSED_CLASS)) {
                             itsatabkeymanager.focusInitialItem();
                         }
@@ -656,13 +659,17 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                 var node = e.target,
                     value = node.get(VALUE),
                     panelCloseButton = node.hasClass(ITSA_PANELCLOSEBTN); // this node must not fire the event, because it already is done by ITSAPanel
-/*jshint expr:true */
                 // value===CLOSE will be handled by the '*:'+CLOSE_CLICK eventlistener
-                !panelCloseButton && instance.get('hideOnBtn') && (value!==CLOSE) &&
-                     (!instance.get(NO_HIDE_ON_RESET) || (value!==RESET)) && (!instance.get(NO_HIDE_ON_LOAD) || (value!==LOAD)) &&
-                     (!instance.get(NO_HIDE_ON_SUBMIT) || (value!==SUBMIT)) && (!instance.get(NO_HIDE_ON_SAVE) || (value!==SAVE)) &&
-                     instance.fire(BUTTON_HIDE_EVENT, {buttonNode: node});
+                if (!panelCloseButton && instance.get('hideOnBtn') && (value!==CLOSE) &&
+                        (!instance.get(NO_HIDE_ON_RESET) || (value!==RESET)) && (!instance.get(NO_HIDE_ON_LOAD) || (value!==LOAD)) &&
+                        (!instance.get(NO_HIDE_ON_SUBMIT) || (value!==SUBMIT)) && (!instance.get(NO_HIDE_ON_SAVE) || (value!==SAVE))) {
+                    instance.fire(BUTTON_HIDE_EVENT, {buttonNode: node});
+                }
+                else {
+/*jshint expr:true */
+                    (value===SAVE) && instance.get(MODEL)._disableSaveBtns();
 /*jshint expr:false */
+                }
             },
             BUTTON
         )
@@ -1282,7 +1289,7 @@ ITSAViewModelPanel.prototype._setSpin = function(buttonType, spin) {
     buttonicons.toggleClass('itsa-busy', spin);
 };
 
-}, '@VERSION@', {
+}, 'gallery-2013.12.20-18-06', {
     "requires": [
         "node-pluginhost",
         "yui-base",

diff --git a/build/gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel-min.js b/build/gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel-min.js
diff --git a/build/gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel.js b/build/gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel.js
@@ -471,6 +471,8 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                 if (model.toJSONUI) {
                     ITSAFORMELEMENT.tipsyOK._lastnode && model._FORM_elements[ITSAFORMELEMENT.tipsyOK._lastnode.get(ID)] && ITSAFORMELEMENT.tipsyOK.hideTooltip();
                     ITSAFORMELEMENT.tipsyInvalid._lastnode && model._FORM_elements[ITSAFORMELEMENT.tipsyInvalid._lastnode.get(ID)] && ITSAFORMELEMENT.tipsyInvalid.hideTooltip();
+                    ITSAFORMELEMENT.tipsyOK._lastnode = null;
+                    ITSAFORMELEMENT.tipsyInvalid._lastnode = null;
                 }
             }
 /*jshint expr:false */
@@ -568,6 +570,7 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                         // first enable the UI again, this is done within the submit-defaultfunc of the model as well, but that code comes LATER.
                         // and we need enabled element to set the focus
                         model.enableUI();
+                        model._disableSaveBtns();
                         if (contentBox.hasClass(FOCUSED_CLASS)) {
                             itsatabkeymanager.focusInitialItem();
                         }
@@ -641,13 +644,17 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                 var node = e.target,
                     value = node.get(VALUE),
                     panelCloseButton = node.hasClass(ITSA_PANELCLOSEBTN); // this node must not fire the event, because it already is done by ITSAPanel
-/*jshint expr:true */
                 // value===CLOSE will be handled by the '*:'+CLOSE_CLICK eventlistener
-                !panelCloseButton && instance.get('hideOnBtn') && (value!==CLOSE) &&
-                     (!instance.get(NO_HIDE_ON_RESET) || (value!==RESET)) && (!instance.get(NO_HIDE_ON_LOAD) || (value!==LOAD)) &&
-                     (!instance.get(NO_HIDE_ON_SUBMIT) || (value!==SUBMIT)) && (!instance.get(NO_HIDE_ON_SAVE) || (value!==SAVE)) &&
-                     instance.fire(BUTTON_HIDE_EVENT, {buttonNode: node});
+                if (!panelCloseButton && instance.get('hideOnBtn') && (value!==CLOSE) &&
+                        (!instance.get(NO_HIDE_ON_RESET) || (value!==RESET)) && (!instance.get(NO_HIDE_ON_LOAD) || (value!==LOAD)) &&
+                        (!instance.get(NO_HIDE_ON_SUBMIT) || (value!==SUBMIT)) && (!instance.get(NO_HIDE_ON_SAVE) || (value!==SAVE))) {
+                    instance.fire(BUTTON_HIDE_EVENT, {buttonNode: node});
+                }
+                else {
+/*jshint expr:true */
+                    (value===SAVE) && instance.get(MODEL)._disableSaveBtns();
 /*jshint expr:false */
+                }
             },
             BUTTON
         )
@@ -1248,7 +1255,7 @@ ITSAViewModelPanel.prototype._setSpin = function(buttonType, spin) {
     buttonicons.toggleClass('itsa-busy', spin);
 };
 
-}, '@VERSION@', {
+}, 'gallery-2013.12.20-18-06', {
     "requires": [
         "node-pluginhost",
         "yui-base",

diff --git a/src/gallery-itsaviewmodelpanel/docs/advanced-form.mustache b/src/gallery-itsaviewmodelpanel/docs/advanced-form.mustache
@@ -9,9 +9,16 @@
     </p>
 </div>
 
+<style type="text/css">
+{{>advanced-form-css}}
+</style>
+
 <h2>Code</h2>
 ```
 <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css">
+<style type="text/css">
+{{>advanced-form-css}}
+</style>
 
 <script>
 {{>advanced-form-js}}

diff --git a/src/gallery-itsaviewmodelpanel/docs/partials/advanced-form-css.mustache b/src/gallery-itsaviewmodelpanel/docs/partials/advanced-form-css.mustache
@@ -0,0 +1,3 @@
+#partnerdata {
+    overflow: hidden;
+}
diff --git a/src/gallery-itsaviewmodelpanel/docs/partials/advanced-form-js.mustache b/src/gallery-itsaviewmodelpanel/docs/partials/advanced-form-js.mustache
@@ -1,4 +1,5 @@
-YUI(yuiconfig).use('node-base', 'gallery-itsaformmodel', 'gallery-itsaviewmodelpanel', 'gallery-itsacheckbox', 'transition', function(Y) {
+YUI(yuiconfig).use('node-base', 'gallery-itsaformmodel', 'gallery-itsaviewmodelpanel',
+                   'gallery-itsacheckbox', 'editor', 'transition', function(Y) {
     var panel, user, template, spinnericon, firsterror = true;
 
     // adding skin sam to body for getting the right skin for the widgets
@@ -12,7 +13,8 @@ YUI(yuiconfig).use('node-base', 'gallery-itsaformmodel', 'gallery-itsaviewmodelp
               case 'submit':
                 Y.later(300000, null, function() {
                     // normally you need to invest the response on the server, but now we do this here:
-                    var loginok = ((instance.get('username')==='marco') && (instance.get('password')==='panel'));
+                    var loginok = ((instance.get('username')==='marco') &&
+                                   (instance.get('password')==='panel'));
                     if (loginok) {
                         callback();
                     }
@@ -52,6 +54,12 @@ YUI(yuiconfig).use('node-base', 'gallery-itsaformmodel', 'gallery-itsaviewmodelp
                 },
                 validationerror: 'Enter a valid name'
             },
+            notes: {
+                formtype: Y.EditorBase,
+                formconfig: {
+                    label: 'Notes'
+                }
+            },
             maried: {
                 value: false,
                 formtype: Y.ITSACheckbox,
@@ -98,20 +106,22 @@ YUI(yuiconfig).use('node-base', 'gallery-itsaformmodel', 'gallery-itsaviewmodelp
     // We also could left this false and listen to panel.after('*:uichanged')
     user.setLifeUpdate(true);
 
-    template =  '<legend>User</legend>'+
-                    '<fieldset>'+
-                        '<div class="pure-control-group"><%== data.firstname %></div>'+
-                        '<div class="pure-control-group"><%== data.lastname %></div>'+
-                        '<div class="pure-control-group"><%== data.maried %></div>'+
-                    '</fieldset>'+
-                '<div id="partnerdata"<% if (data._maried===false) { %>style="display: none; height: 0;"<% } %>>'+
-                    '<legend>Partner</legend>'+
-                        '<fieldset>'+
-                            '<div class="pure-control-group"><%== data.firstnamePartner %></div>'+
-                            '<div class="pure-control-group"><%== data.lastnamePartner %></div>'+
-                            '<div class="pure-control-group"><%== data.weddingdate %></div>'+
-                        '</fieldset>'+
-                '</div>';
+    template =
+        '<legend>User</legend>'+
+            '<fieldset>'+
+                '<div class="pure-control-group"><%== data.firstname %></div>'+
+                '<div class="pure-control-group"><%== data.lastname %></div>'+
+                '<div class="pure-control-group"><%== data.notes %></div>'+
+                '<div class="pure-control-group"><%== data.maried %></div>'+
+            '</fieldset>'+
+        '<div id="partnerdata"<% if (data._maried===false) { %>style="display: none; height: 0;"<% } %>>'+
+            '<legend>Partner</legend>'+
+                '<fieldset>'+
+                    '<div class="pure-control-group"><%== data.firstnamePartner %></div>'+
+                    '<div class="pure-control-group"><%== data.lastnamePartner %></div>'+
+                    '<div class="pure-control-group"><%== data.weddingdate %></div>'+
+                '</fieldset>'+
+        '</div>';
 
     panel = new Y.ITSAViewModelPanel({
         model: user,
@@ -126,7 +136,8 @@ YUI(yuiconfig).use('node-base', 'gallery-itsaformmodel', 'gallery-itsaviewmodelp
 
     user.after('mariedChange', function(e) {
         var partnerdata = panel.get('contentBox').one('#partnerdata');
-        e.newVal ? partnerdata.show('ease-in', {height: '145px', duration: 0.5}) : partnerdata.hide('ease-out', {height: 0, duration: 0.5});
+        e.newVal ? partnerdata.show('ease-in', {height: '145px', duration: 0.5}) :
+                   partnerdata.hide('ease-out', {height: 0, duration: 0.5});
     });
 
 });
diff --git a/src/gallery-itsaviewmodelpanel/docs/partials/loaderconfig-js.mustache b/src/gallery-itsaviewmodelpanel/docs/partials/loaderconfig-js.mustache
@@ -5,7 +5,7 @@ var itsagallerydir = (itsagalleryversion ? itsagalleryversion+'/' : ''),
         comboBase: loaderdomain+'/combo?',
         root     : 'yui3/'+yui3version+'/build/',
         combine  : combine,
-        filter   : filter,
+        filter   : 'raw',
 //        filter   : 'debug',
         coverage : coverage,
         groups   : {

diff --git a/src/gallery-itsaviewmodelpanel/docs/partials/promised-syncing-js.mustache b/src/gallery-itsaviewmodelpanel/docs/partials/promised-syncing-js.mustache
@@ -11,7 +11,14 @@ YUI(yuiconfig).use('gallery-itsaformmodel', 'gallery-itsaviewmodelpanel', 'slide
         // when 'syncPromise' is defined, Y.ITSAFormModel will use this method instead of 'sync'
         syncPromise: function (action, options) {
             if (action==='submit') {
-                return Y.io.post('http://mydomain.com/senddata.php?model='+Y.JSON.stringify(this.toJSON()));
+// The code should look like this:
+//
+// return Y.io.post('http://mydomain.com/senddata.php', {data: this.toJSON()});
+//
+// But now we simulate through a timeout:
+                return new Y.Promise(function (resolve, reject) {
+                    Y.later(1000, null, resolve);
+                });
             }
             // do not forget to reject the promise in case an invalid 'action' is defined
             return new Y.Promise(function (resolve, reject) {

diff --git a/src/gallery-itsaviewmodelpanel/docs/promised-syncing.mustache b/src/gallery-itsaviewmodelpanel/docs/promised-syncing.mustache
@@ -2,7 +2,7 @@
 
 <div class="intro">
     <p>
-        {{description}} Because the submission is done to an unexisting url, this example will throw an error.
+        {{description}} Submission is simulated by timeout. Look at the commented code to find out how the setup reaally should be..
     </p>
 </div>
 

diff --git a/src/gallery-itsaviewmodelpanel/js/gallery-itsaviewmodelpanel.js b/src/gallery-itsaviewmodelpanel/js/gallery-itsaviewmodelpanel.js
@@ -475,6 +475,8 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                 if (model.toJSONUI) {
                     ITSAFORMELEMENT.tipsyOK._lastnode && model._FORM_elements[ITSAFORMELEMENT.tipsyOK._lastnode.get(ID)] && ITSAFORMELEMENT.tipsyOK.hideTooltip();
                     ITSAFORMELEMENT.tipsyInvalid._lastnode && model._FORM_elements[ITSAFORMELEMENT.tipsyInvalid._lastnode.get(ID)] && ITSAFORMELEMENT.tipsyInvalid.hideTooltip();
+                    ITSAFORMELEMENT.tipsyOK._lastnode = null;
+                    ITSAFORMELEMENT.tipsyInvalid._lastnode = null;
                 }
             }
 /*jshint expr:false */
@@ -578,6 +580,7 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                         // first enable the UI again, this is done within the submit-defaultfunc of the model as well, but that code comes LATER.
                         // and we need enabled element to set the focus
                         model.enableUI();
+                        model._disableSaveBtns();
                         if (contentBox.hasClass(FOCUSED_CLASS)) {
                             itsatabkeymanager.focusInitialItem();
                         }
@@ -654,13 +657,17 @@ ITSAViewModelPanel.prototype.bindUI = function() {
                 var node = e.target,
                     value = node.get(VALUE),
                     panelCloseButton = node.hasClass(ITSA_PANELCLOSEBTN); // this node must not fire the event, because it already is done by ITSAPanel
-/*jshint expr:true */
                 // value===CLOSE will be handled by the '*:'+CLOSE_CLICK eventlistener
-                !panelCloseButton && instance.get('hideOnBtn') && (value!==CLOSE) &&
-                     (!instance.get(NO_HIDE_ON_RESET) || (value!==RESET)) && (!instance.get(NO_HIDE_ON_LOAD) || (value!==LOAD)) &&
-                     (!instance.get(NO_HIDE_ON_SUBMIT) || (value!==SUBMIT)) && (!instance.get(NO_HIDE_ON_SAVE) || (value!==SAVE)) &&
-                     instance.fire(BUTTON_HIDE_EVENT, {buttonNode: node});
+                if (!panelCloseButton && instance.get('hideOnBtn') && (value!==CLOSE) &&
+                        (!instance.get(NO_HIDE_ON_RESET) || (value!==RESET)) && (!instance.get(NO_HIDE_ON_LOAD) || (value!==LOAD)) &&
+                        (!instance.get(NO_HIDE_ON_SUBMIT) || (value!==SUBMIT)) && (!instance.get(NO_HIDE_ON_SAVE) || (value!==SAVE))) {
+                    instance.fire(BUTTON_HIDE_EVENT, {buttonNode: node});
+                }
+                else {
+/*jshint expr:true */
+                    (value===SAVE) && instance.get(MODEL)._disableSaveBtns();
 /*jshint expr:false */
+                }
             },
             BUTTON
         )

diff --git a/src/gallery-itsaviewmodelpanel/logs/yogi.stderr.log b/src/gallery-itsaviewmodelpanel/logs/yogi.stderr.log
@@ -0,0 +1 @@
+Please install the phantomjs binary in your path!
diff --git a/src/gallery-itsaviewmodelpanel/logs/yogi.stdout.log b/src/gallery-itsaviewmodelpanel/logs/yogi.stdout.log
@@ -0,0 +1,30 @@
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  using yogi@0.1.11 on node@0.10.23
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  using module: gallery-itsaviewmodelpanel
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  running with shifter
+shifter [info] racing to find the closest .shifter.json file
+shifter [info] revving up
+shifter [info] looking for build.json file
+shifter [info] found build.json file, shifting
+shifter [info] putting the hammer down, let's build this thing!
+shifter [info] munging in loader meta data into build.json
+shifter [info] putting the hammer down
+shifter [info] shifting into gear for gallery-itsaviewmodelpanel
+shifter [queu] file has changed, continuing build
+shifter [queu] writing RAW file
+shifter [queu] compressing gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel.js with UglifyJS
+shifter [queu] writing -min file
+shifter [info] shifting for coverage
+shifter [queu] coverage file read, starting coverage for: gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel.js
+shifter [info] istanbul providing coverage
+shifter [queu] instrumenting with istanbul
+shifter [queu] writing coverage file to gallery-itsaviewmodelpanel/gallery-itsaviewmodelpanel-coverage.js
+shifter [info] done racing, the gears are toast
+shifter [info] finished in 0.288 seconds, pretty fast huh?
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  build complete
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  testing module now
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  prepping grover tests
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  adding tests route
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  launching xdr server on port 5001
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  listening on: http://127.0.0.1:5000
+[35myogi[0m [37m[[0m[37minfo[0m[37m][0m  turning on coverage support in grover
+[35myogi[0m [37m[[0m[31mbail[0m[37m][0m grover returned a failure