romo 0.2.0 → 0.3.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b9c55d4322da24e884d4cce58ba340dd43c1b351
+  data.tar.gz: ce87f221e2ef4a9798e305662427a0b4a7f34460
+SHA512:
+  metadata.gz: 5511534ab1c0bd81bfa4a707e2f0138d92e34d94d0b27338c51982fdbf95d2e1b5f33e2a79d99dfbf190677c7cc47dad8439608f974d7abbe84b111e540408f2
+  data.tar.gz: 32852b7567b42db8823c02826d38527a672e28b693f86a333a9585e9ff783619236a682fe79b3a0eb83148bb651508a69a4589912b33a45e5864a8987b221ae4

data/assets/js/romo/form.js

@@ -11,23 +11,12 @@ var RomoForm = function(element, givenSubmitElement, givenIndicatorElements) {
   this.defaultIndicatorElems = this.elem.find('[data-romo-indicator-auto="true"]');
   this.indicatorElems = $(givenIndicatorElements || this.defaultIndicatorElems);
   this.changeSubmitElems = this.elem.find('[data-romo-form-change-submit="true"]');
-
-  this.elem.on('keypress', $.proxy(this.onFormKeyPress, this));
-  this.defaultSubmitElem.unbind('click');
-  this.submitElem.unbind('click');
-  this.submitElem.on('click', $.proxy(this.onSubmitClick, this));
-  this.changeSubmitElems.on('change', $.proxy(function(e) {
-    this.elem.trigger('form:triggerSubmit');
-  }, this));
-  this.elem.on('form:triggerSubmit', $.proxy(this.onSubmitClick, this));
-
-  if (this.elem.data('romo-form-reload-page') === true) {
-    this.elem.on('form:submitSuccess', function(e, data, form) {
-      Romo.reloadPage();
-    })
-  }
+  this.onkeySubmitElems = this.elem.find('[data-romo-form-onkey-submit="true"]');
 
   this.defaultListValuesDelim = ',';
+  this.onkeyDefaultSubmitDelay = 300;  // 0.3 secs
+  this.submitQueued  = false;
+  this.submitRunning = false;
 
   this.removeEmptyGetParams = this.elem.data('romo-form-remove-empty-get-params')
   if (this.removeEmptyGetParams === undefined) {
@@ -40,6 +29,7 @@ var RomoForm = function(element, givenSubmitElement, givenIndicatorElements) {
   }
 
   this.doInit();
+  this.doBindForm();
   this.elem.trigger('form:clearMsgs', [this]);
   this.elem.trigger('form:ready', [this]);
 }
@@ -48,10 +38,36 @@ RomoForm.prototype.doInit = function() {
   // override as needed
 }
 
+RomoForm.prototype.doBindForm = function() {
+  this.defaultSubmitElem.unbind('click');
+  this.submitElem.unbind('click');
+  this.submitElem.on('click', $.proxy(this.onSubmitClick, this));
+
+  this.changeSubmitElems.on('change', $.proxy(function(e) {
+    this.elem.trigger('form:triggerSubmit');
+  }, this));
+  this.onkeySubmitElems.on('onkey:trigger', $.proxy(function(e, triggerEvent, onkey) {
+    clearTimeout(this.onkeySubmitTimeout);
+    this.onkeySubmitTimeout = setTimeout($.proxy(function() {
+      this.elem.trigger('form:triggerSubmit');
+    }, this), onkey.elem.data('romo-form-onkey-submit-delay') || this.onkeyDefaultSubmitDelay);
+  }, this));
+  this.elem.on('form:triggerSubmit', $.proxy(this.onSubmitClick, this));
+
+  this.elem.on('keypress', $.proxy(this.onFormKeyPress, this));
+
+  if (this.elem.data('romo-form-reload-page') === true) {
+    this.elem.on('form:submitSuccess', function(e, data, form) {
+      Romo.reloadPage();
+    })
+  }
+
+}
+
 RomoForm.prototype.onFormKeyPress = function(e) {
   var target = $(e.target);
 
-  if(target.is(':not(TEXTAREA)') && e.which === 13 /* Enter */) {
+  if(target.is(':not(TEXTAREA)') && e.keyCode === 13 /* Enter */) {
     e.preventDefault();
     this.onSubmitClick();
   }
@@ -68,20 +84,16 @@ RomoForm.prototype.onSubmitClick = function(e) {
 }
 
 RomoForm.prototype.doSubmit = function() {
-  this.indicatorElems.trigger('indicator:triggerStart');
-  this.elem.trigger('form:beforeSubmit', [this]);
-
-  if (this.elem.attr('method').toUpperCase() === 'GET') {
-    this._doGetSubmit();
-  } else {
-    this._doNonGetSubmit();
+  this.submitQueued = true;
+  if (this.submitRunning === false) {
+    this._doSubmit();
   }
 }
 
 RomoForm.prototype.onSubmitSuccess = function(data, status, xhr) {
   this.elem.trigger('form:clearMsgs');
   this.elem.trigger('form:submitSuccess', [data, this]);
-  this.elem.trigger('form:submitComplete', [this]);
+  this._doCompleteSubmit();
 }
 
 RomoForm.prototype.onSubmitError = function(xhr, errorType, error) {
@@ -93,8 +105,32 @@ RomoForm.prototype.onSubmitError = function(xhr, errorType, error) {
     this.elem.trigger('form:submitXhrError', [xhr, this]);
   }
   this.elem.trigger('form:submitError', [xhr, this]);
-  this.elem.trigger('form:submitComplete', [this]);
   this.indicatorElems.trigger('indicator:triggerStop');
+  this._doCompleteSubmit();
+}
+
+// private
+
+RomoForm.prototype._doCompleteSubmit = function() {
+  this.elem.trigger('form:submitComplete', [this]);
+  if (this.submitQueued === true) {
+    this._doSubmit();
+  } else {
+    this.submitRunning = false;
+  }
+}
+
+RomoForm.prototype._doSubmit = function() {
+  this.submitQueued  = false;
+  this.submitRunning = true;
+  this.indicatorElems.trigger('indicator:triggerStart');
+  this.elem.trigger('form:beforeSubmit', [this]);
+
+  if (this.elem.attr('method').toUpperCase() === 'GET') {
+    this._doGetSubmit();
+  } else {
+    this._doNonGetSubmit();
+  }
 }
 
 RomoForm.prototype._doGetSubmit = function() {

data/assets/js/romo/onkey.js

@@ -0,0 +1,35 @@
+$.fn.romoOnkey = function() {
+  return $.map(this, function(element) {
+    return new RomoOnkey(element);
+  });
+}
+
+var RomoOnkey = function(element) {
+  this.elem = $(element);
+  this.defaultTriggerOn = 'keydown';
+
+  this.doInit();
+
+  this.triggerOn = this.elem.data('romo-onkey-on') || this.defaultTriggerOn;
+  this.elem.on(this.triggerOn, $.proxy(this.onTrigger, this));
+
+  this.elem.trigger('onkey:ready', [this]);
+}
+
+RomoOnkey.prototype.doInit = function() {
+  // override as needed
+}
+
+RomoOnkey.prototype.onTrigger = function(e) {
+  if (this.elem.hasClass('disabled') === false) {
+    this.doTrigger(e);
+  }
+}
+
+RomoOnkey.prototype.doTrigger = function(triggerEvent) {
+  this.elem.trigger('onkey:trigger', [triggerEvent, this]);
+}
+
+Romo.onInitUI(function(e) {
+  Romo.initUIElems(e, '[data-romo-onkey-auto="true"]').romoOnkey();
+});

data/lib/romo/dassets.rb

@@ -43,6 +43,7 @@ module Romo::Dassets
       c.combination "js/romo.js", [
         'js/romo/base.js',
         'js/romo/invoke.js',
+        'js/romo/onkey.js',
         'js/romo/form.js',
         'js/romo/dropdown.js',
         'js/romo/dropdown_form.js',

data/lib/romo/version.rb

@@ -1,3 +1,3 @@
 module Romo
-  VERSION = "0.2.0"
+  VERSION = "0.3.0"
 end

data/test/unit/dassets_tests.rb

@@ -45,6 +45,7 @@ module Romo::Dassets
       exp_js_sources = [
         'js/romo/base.js',
         'js/romo/invoke.js',
+        'js/romo/onkey.js',
         'js/romo/form.js',
         'js/romo/dropdown.js',
         'js/romo/dropdown_form.js',

metadata

@@ -1,50 +1,39 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: romo
-version: !ruby/object:Gem::Version 
-  hash: 23
-  prerelease: 
-  segments: 
-  - 0
-  - 2
-  - 0
-  version: 0.2.0
+version: !ruby/object:Gem::Version
+  version: 0.3.0
 platform: ruby
-authors: 
+authors:
 - Kelly Redding
 - Collin Redding
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2015-01-28 00:00:00 Z
-dependencies: 
-- !ruby/object:Gem::Dependency 
-  requirement: &id001 !ruby/object:Gem::Requirement 
-    none: false
-    requirements: 
-    - - ~>
-      - !ruby/object:Gem::Version 
-        hash: 27
-        segments: 
-        - 2
-        - 12
-        version: "2.12"
-  type: :development
+date: 2015-02-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
   name: assert
-  version_requirements: *id001
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.12'
+  type: :development
   prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.12'
 description: A UI Toolkit
-email: 
+email:
 - kelly@kellyredding.com
 - collin.redding@me.com
 executables: []
-
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
-- .gitignore
+files:
+- ".gitignore"
 - Gemfile
 - LICENSE.txt
 - README.md
@@ -79,6 +68,7 @@ files:
 - assets/js/romo/invoke.js
 - assets/js/romo/modal.js
 - assets/js/romo/modal_form.js
+- assets/js/romo/onkey.js
 - assets/js/romo/select.js
 - assets/js/romo/select_dropdown.js
 - assets/js/romo/sortable.js
@@ -95,39 +85,30 @@ files:
 - test/unit/romo_tests.rb
 - tmp/.gitkeep
 homepage: http://github.com/redding/romo
-licenses: 
+licenses:
 - MIT
+metadata: {}
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
-  none: false
-  requirements: 
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
   - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
-  none: false
-  requirements: 
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
   - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: 
-rubygems_version: 1.8.25
+rubygems_version: 2.4.5
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: A UI Toolkit
-test_files: 
+test_files:
 - test/helper.rb
 - test/support/.gitkeep
 - test/system/.gitkeep