romo 0.17.1 → 0.18.0

data/assets/js/romo/modal.js

@@ -7,8 +7,8 @@ $.fn.romoModal = function() {
 var RomoModal = function(element) {
   this.elem = $(element);
   this.doInitPopup();
-  this.romoInvoke = this.elem.romoInvoke()[0];
-  this.romoInvoke.doUnBindInvoke(); // disable auto invoke on click
+  this.romoAjax = this.elem.romoAjax()[0];
+  this.romoAjax.doUnbindElem(); // disable auto invoke on click
 
   if (this.elem.data('romo-modal-disable-click-invoke') !== true) {
     this.elem.unbind('click');
@@ -17,15 +17,15 @@ var RomoModal = function(element) {
   this.elem.on('modal:triggerToggle', $.proxy(this.onToggleClick, this));
   this.elem.on('modal:triggerPopupOpen', $.proxy(this.onPopupOpen, this));
   this.elem.on('modal:triggerPopupClose', $.proxy(this.onPopupClose, this));
-  this.elem.on('invoke:loadStart', $.proxy(function(e, invoke) {
+  this.elem.on('romoAjax:callStart', $.proxy(function(e, romoAjax) {
     this.doLoadBodyStart();
     return false;
   }, this));
-  this.elem.on('invoke:loadSuccess', $.proxy(function(e, data, invoke) {
+  this.elem.on('romoAjax:callSuccess', $.proxy(function(e, data, romoAjax) {
     this.doLoadBodySuccess(data);
     return false;
   }, this));
-  this.elem.on('invoke:loadError', $.proxy(function(e, xhr, invoke) {
+  this.elem.on('romoAjax:callError', $.proxy(function(e, xhr, romoAjax) {
     this.doLoadBodyError(xhr);
     return false;
   }, this));
@@ -173,7 +173,7 @@ RomoModal.prototype.doPopupOpen = function() {
   if (this.elem.data('romo-modal-content-elem') !== undefined) {
     this.doLoadBodySuccess($(this.elem.data('romo-modal-content-elem')).html())
   } else {
-    this.romoInvoke.doInvoke();
+    this.romoAjax.doInvoke();
   }
 
   this.popupElem.addClass('romo-modal-open');

data/assets/js/romo/tooltip.js

@@ -36,7 +36,7 @@ var RomoTooltip = function(element) {
   this.doInit();
   this.doInitBody();
   if (this.elem.data('romo-tooltip-content') === undefined) {
-    this.doBindInvoke();
+    this.doBindAjax();
   }
 
   this.elem.trigger('tooltip:ready', [this]);
@@ -110,19 +110,19 @@ RomoTooltip.prototype.doResetBody = function() {
   });
 }
 
-RomoTooltip.prototype.doBindInvoke = function() {
-  this.romoInvoke = this.elem.romoInvoke()[0];
-  this.romoInvoke.doUnBindInvoke(); // disable auto invoke on click
+RomoTooltip.prototype.doBindAjax = function() {
+  this.romoAjax = this.elem.romoAjax()[0];
+  this.romoAjax.doUnbindElem(); // disable auto invoke on click
 
-  this.elem.on('invoke:loadStart', $.proxy(function(e, invoke) {
+  this.elem.on('romoAjax:callStart', $.proxy(function(e, romoAjax) {
     this.doLoadBodyStart();
     return false;
   }, this));
-  this.elem.on('invoke:loadSuccess', $.proxy(function(e, data, invoke) {
+  this.elem.on('romoAjax:callSuccess', $.proxy(function(e, data, romoAjax) {
     this.doLoadBodySuccess(data);
     return false;
   }, this));
-  this.elem.on('invoke:loadError', $.proxy(function(e, xhr, invoke) {
+  this.elem.on('romoAjax:callError', $.proxy(function(e, xhr, romoAjax) {
     this.doLoadBodyError(xhr);
     return false;
   }, this));
@@ -195,8 +195,8 @@ RomoTooltip.prototype.onPopupOpen = function(e) {
 }
 
 RomoTooltip.prototype.doPopupOpen = function() {
-  if (this.romoInvoke !== undefined) {
-    this.romoInvoke.doInvoke();
+  if (this.romoAjax !== undefined) {
+    this.romoAjax.doInvoke();
   } else {
     this._setBodyHtml(this.elem.data('romo-tooltip-content'));
   }

data/lib/romo/dassets.rb

@@ -24,6 +24,7 @@ module Romo::Dassets
       c.combination "css/romo.css", [
         'css/romo/normalize.css',
         'css/romo/base.css',
+        'css/romo/colors.css',
         'css/romo/forms.css',
         'css/romo/buttons.css',
         'css/romo/labels.css',
@@ -43,8 +44,9 @@ module Romo::Dassets
       ]
       c.combination "js/romo.js", [
         'js/romo/base.js',
+        'js/romo/date.js',
         'js/romo/word_boundary_filter.js',
-        'js/romo/invoke.js',
+        'js/romo/ajax.js',
         'js/romo/onkey.js',
         'js/romo/form.js',
         'js/romo/dropdown.js',

data/lib/romo/version.rb

@@ -1,3 +1,3 @@
 module Romo
-  VERSION = "0.17.1"
+  VERSION = "0.18.0"
 end

data/test/unit/dassets_tests.rb

@@ -24,6 +24,7 @@ module Romo::Dassets
       exp_css_sources = [
         'css/romo/normalize.css',
         'css/romo/base.css',
+        'css/romo/colors.css',
         'css/romo/forms.css',
         'css/romo/buttons.css',
         'css/romo/labels.css',
@@ -45,8 +46,9 @@ module Romo::Dassets
 
       exp_js_sources = [
         'js/romo/base.js',
+        'js/romo/date.js',
         'js/romo/word_boundary_filter.js',
-        'js/romo/invoke.js',
+        'js/romo/ajax.js',
         'js/romo/onkey.js',
         'js/romo/form.js',
         'js/romo/dropdown.js',

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: romo
 version: !ruby/object:Gem::Version 
-  version: 0.17.1
+  version: 0.18.0
 platform: ruby
 authors: 
 - Kelly Redding
@@ -10,7 +10,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2016-11-08 00:00:00 Z
+date: 2017-01-10 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: assert
@@ -61,6 +61,7 @@ files:
 - assets/css/romo/_vars.scss
 - assets/css/romo/base.scss
 - assets/css/romo/buttons.scss
+- assets/css/romo/colors.scss
 - assets/css/romo/datepicker.scss
 - assets/css/romo/dropdown.scss
 - assets/css/romo/forms.scss
@@ -77,7 +78,9 @@ files:
 - assets/css/romo/tabs.scss
 - assets/css/romo/tooltip.scss
 - assets/css/romo/z_index.scss
+- assets/js/romo/ajax.js
 - assets/js/romo/base.js
+- assets/js/romo/date.js
 - assets/js/romo/datepicker.js
 - assets/js/romo/dropdown.js
 - assets/js/romo/dropdown_form.js
@@ -86,7 +89,6 @@ files:
 - assets/js/romo/indicator_text_input.js
 - assets/js/romo/inline.js
 - assets/js/romo/inline_form.js
-- assets/js/romo/invoke.js
 - assets/js/romo/modal.js
 - assets/js/romo/modal_form.js
 - assets/js/romo/onkey.js

data/assets/js/romo/invoke.js

@@ -1,112 +0,0 @@
-$.fn.romoInvoke = function() {
-  return $.map(this, function(element) {
-    return new RomoInvoke(element);
-  });
-}
-
-var RomoInvoke = function(element) {
-  this.elem = $(element);
-  this.targetElem    = $(this.elem.data('romo-invoke-target'));
-  this.invokeOn      = this.elem.data('romo-invoke-on') || 'click';
-  this.invokeAttr    = this.elem.data('romo-invoke-attr') || 'href';
-  this.invokeMethod  = this.elem.data('romo-invoke-method') || 'GET';
-  this.loadOnlyOnce  = this.elem.data('romo-invoke-load-once') === true;
-  this.invokeQueued  = false;
-  this.invokeRunning = false;
-
-  this.elem.unbind(this.invokeOn);
-
-  this.doInit();
-  this.doBindInvoke();
-  this._trigger('invoke:ready', [this]);
-}
-
-RomoInvoke.prototype.doInit = function() {
-  // override as needed
-}
-
-RomoInvoke.prototype.doBindInvoke = function() {
-  this.doUnBindInvoke();
-  this.elem.on(this.invokeOn, $.proxy(this.onInvoke, this));
-  this.elem.on('invoke:triggerInvoke', $.proxy(this.onInvoke, this));
-}
-
-RomoInvoke.prototype.doUnBindInvoke = function() {
-  this.elem.off(this.invokeOn, $.proxy(this.onInvoke, this));
-  this.elem.off('invoke:triggerInvoke', $.proxy(this.onInvoke, this));
-}
-
-RomoInvoke.prototype.onInvoke = function(e) {
-  if (e !== undefined) {
-    e.preventDefault();
-  }
-
-  if (this.elem.hasClass('disabled') === false) {
-    this.doInvoke();
-  }
-}
-
-RomoInvoke.prototype.doInvoke = function() {
-  this.invokeQueued = true;
-  if (this.invokeRunning === false) {
-    this._doInvoke();
-  }
-}
-
-RomoInvoke.prototype.doLoad = function(href) {
-  this._trigger('invoke:loadStart', [this]);
-
-  $.ajax({
-    type:    this.invokeMethod,
-    url:     href,
-    success: $.proxy(this.onLoadAjaxSuccess, this),
-    error:   $.proxy(this.onLoadAjaxError,   this)
-  });
-}
-
-RomoInvoke.prototype.onLoadAjaxSuccess = function(data, status, xhr) {
-  this._trigger('invoke:loadSuccess', [data, this]);
-  this._doCompleteInvoke();
-}
-
-RomoInvoke.prototype.onLoadAjaxError = function(xhr, errorType, error) {
-  this._trigger('invoke:loadError', [xhr, this]);
-  this._doCompleteInvoke();
-}
-
-// private
-
-RomoInvoke.prototype._doCompleteInvoke = function() {
-  this._trigger('invoke:invoke', [this]);
-  if (this.invokeQueued === true) {
-    this._doInvoke();
-  } else {
-    this.invokeRunning = false;
-  }
-}
-
-RomoInvoke.prototype._doInvoke = function() {
-  this.invokeQueued  = false;
-  this.invokeRunning = true;
-  var loadHref = this.elem.attr(this.invokeAttr);
-  if (this.loadOnlyOnce === true) {
-    this.elem.removeAttr(this.invokeAttr);
-  }
-  if (loadHref !== undefined) {
-    this.doLoad(loadHref);
-  } else {
-    this._doCompleteInvoke();
-  }
-}
-
-RomoInvoke.prototype._trigger = function(event_name, event_data) {
-  if (this.targetElem[0] !== undefined) {
-    this.targetElem.trigger(event_name, event_data);
-  } else {
-    this.elem.trigger(event_name, event_data);
-  }
-}
-
-Romo.onInitUI(function(e) {
-  Romo.initUIElems(e, '[data-romo-invoke-auto="true"]').romoInvoke();
-});