romo 0.19.10 → 0.20.0

checksums.yaml

@@ -1,7 +1,7 @@
 --- 
 SHA1: 
-  metadata.gz: 83d0ec2bedb12e733a86fa6d0a254dc1c07e658a
-  data.tar.gz: c2fab8071132f725db5672a8675beea8d1bd54b2
+  metadata.gz: f26940a49cc868326a0fdd6d5d995250d6a48e06
+  data.tar.gz: 35b274e5aecc37282b95a6a400e4cac0ad1685e3
 SHA512: 
-  metadata.gz: 779da3ae030a76a15a52bef091ad4c1bcfe6a0527c8e6e5ca321f8b0e8449a496882961a4d7c284386dc64722b255dd4905eec9e9456370eb92782dea7af7386
-  data.tar.gz: 528c8ddf489a8bcb07d0e0a2e776bbcab94d49cc938fd5231239b7d03c317c21fd75a268104692dd13408e429b9e7654645cd9aa07524b275e1db406a31580ea
+  metadata.gz: d5409e3fca1c02e626c6415c083bc5f27e5c0579fbb07639fdd38d6c3cca7abf3127108ca60b6f6f2c55c8687015974d24f1720c0db306053e2b17c8f0890e76
+  data.tar.gz: fcfa1a63a2148aff2d008398070318139e7ec1ffc35349e735367524ab3cd2e1311d51752f966d560012ca7f583d2a2dd3b43e464f07e0596ac4efcc924434bd

data/assets/css/romo/buttons.scss

@@ -15,6 +15,7 @@
     @include border1;
     border-color: $btnBorder;
     border-bottom-color: darken($btnBorder, 10%);
+    @include border-radius(0px);
     @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
   }
 

data/assets/css/romo/modal.scss

@@ -29,6 +29,11 @@
     border-color: rgba(0, 0, 0, 0.2);
   }
 
+  .romo-modal-body,
+  .romo-modal-content {
+    position: relative;
+  }
+
   .romo-modal-popup:not([class*="romo-modal-open"]) {
     display: none;
   }

data/assets/js/romo/ajax.js

@@ -1,143 +1,129 @@
-$.fn.romoAjax = function() {
-  return $.map(this, function(element) {
-    return new RomoAjax(element);
-  });
-}
-
-var RomoAjax = function(element) {
-  this.elem       = $(element);
-  this.targetElem = $(this.elem.data('romo-ajax-target'));
+var RomoAjax = RomoComponent(function(elem) {
+  this.elem       = elem;
+  this.targetElem = Romo.f(Romo.data(this.elem, 'romo-ajax-target'))[0];
 
   this.defaultInvokeOn = 'click';
-  this.invokeOn        = this.elem.data('romo-ajax-invoke-on');
-  if (this.invokeOn === undefined && this.elem.data('romo-ajax-disable-default-invoke-on') !== true) {
+  this.invokeOn        = Romo.data(this.elem, 'romo-ajax-invoke-on');
+
+  if (this.invokeOn === undefined && Romo.data(this.elem, 'romo-ajax-disable-default-invoke-on') !== true) {
     this.invokeOn = this.defaultInvokeOn;
   }
 
-  this.callMethod   = this.elem.data('romo-ajax-call-method') || 'GET';
-  this.urlAttr      = this.elem.data('romo-ajax-url-attr')    || 'href';
-  this.callOnlyOnce = this.elem.data('romo-ajax-call-once') === true;
+  this.callMethod   = Romo.data(this.elem, 'romo-ajax-call-method') || 'GET';
+  this.urlAttr      = Romo.data(this.elem, 'romo-ajax-url-attr')    || 'href';
+  this.callOnlyOnce = Romo.data(this.elem, 'romo-ajax-call-once') === true;
 
   this.invokeQueued  = false;
   this.invokeRunning = false;
 
   this.queuedInvokeData = undefined;
 
-  if (this.invokeOn !== undefined) {
-    this.elem.unbind(this.invokeOn);
-  }
-
   this.doInit();
-  this.doBindElem();
-  this._trigger('romoAjax:ready', [this]);
-}
+  this._bindElem();
 
-RomoAjax.prototype.doInit = function() {
-  // override as needed
-}
+  this._trigger('romoAjax:ready', [this]);
+});
 
-RomoAjax.prototype.doBindElem = function() {
-  this.doUnbindElem();
-  if (this.invokeOn !== undefined) {
-    this.elem.on(this.invokeOn, $.proxy(this.onInvoke, this));
+RomoAjax.prototype.doInvoke = function(data) {
+  this.invokeQueued     = true;
+  this.queuedInvokeData = data;
+  if (this.invokeRunning === false) {
+    this._invoke();
   }
-  this.elem.on('romoAjax:triggerInvoke', $.proxy(this.onTriggerInvoke, this));
 }
 
 RomoAjax.prototype.doUnbindElem = function() {
   if (this.invokeOn !== undefined) {
-    this.elem.off(this.invokeOn, $.proxy(this.onInvoke, this));
+    Romo.off(this.elem, this.invokeOn, Romo.proxy(this._onInvoke, this));
   }
-  this.elem.off('romoAjax:triggerInvoke', $.proxy(this.onTriggerInvoke, this));
+  Romo.off(this.elem, 'romoAjax:triggerInvoke', Romo.proxy(this._onTriggerInvoke, this));
 }
 
-RomoAjax.prototype.onInvoke = function(e) {
-  if (e !== undefined) {
-    e.preventDefault();
-  }
+// private
 
-  if (this.elem.hasClass('disabled') === false) {
-    this.doInvoke();
+RomoAjax.prototype._bindElem = function() {
+  this.doUnbindElem();
+  if (this.invokeOn !== undefined) {
+    Romo.on(this.elem, this.invokeOn, Romo.proxy(this._onInvoke, this));
   }
+  Romo.on(this.elem, 'romoAjax:triggerInvoke', Romo.proxy(this._onTriggerInvoke, this));
 }
 
-RomoAjax.prototype.onTriggerInvoke = function(e, data) {
-  if (e !== undefined) {
-    e.stopPropagation();
-  }
+RomoAjax.prototype._invoke = function() {
+  this.invokeQueued  = false;
+  this.invokeRunning = true;
 
-  if (this.elem.hasClass('disabled') === false) {
-    this.doInvoke(data);
-  }
-}
+  var data = this.queuedInvokeData;
+  this.queuedInvokeData = undefined;
 
-RomoAjax.prototype.doInvoke = function(data) {
-  this.invokeQueued     = true;
-  this.queuedInvokeData = data;
-  if (this.invokeRunning === false) {
-    this._doInvoke();
+  var callUrl = Romo.attr(this.elem, this.urlAttr);
+  if (this.callOnlyOnce === true) {
+    Romo.rmAttr(this.elem, this.urlAttr);
+  }
+  if (callUrl !== undefined) {
+    this._call(callUrl, data);
+  } else {
+    this._completeInvoke();
   }
 }
 
-RomoAjax.prototype.doCall = function(callUrl, data) {
+RomoAjax.prototype._call = function(callUrl, data) {
   this._trigger('romoAjax:callStart', [this]);
 
-  $.ajax({
+  Romo.ajax({
     type:    this.callMethod,
     url:     callUrl,
     data:    (data || {}),
-    success: $.proxy(this.onCallSuccess, this),
-    error:   $.proxy(this.onCallError,   this)
+    success: Romo.proxy(this._onCallSuccess, this),
+    error:   Romo.proxy(this._onCallError,   this)
   });
 }
 
-RomoAjax.prototype.onCallSuccess = function(data, status, xhr) {
-  this._trigger('romoAjax:callSuccess', [data, this]);
-  this._doCompleteInvoke();
-}
-
-RomoAjax.prototype.onCallError = function(xhr, errorType, error) {
-  this._trigger('romoAjax:callError', [xhr, this]);
-  this._doCompleteInvoke();
-}
-
-// private
-
-RomoAjax.prototype._doCompleteInvoke = function() {
+RomoAjax.prototype._completeInvoke = function() {
   this._trigger('romoAjax:invoke', [this]);
   if (this.invokeQueued === true) {
-    this._doInvoke();
+    this._invoke();
   } else {
     this.invokeRunning = false;
   }
 }
 
-RomoAjax.prototype._doInvoke = function() {
-  this.invokeQueued  = false;
-  this.invokeRunning = true;
+RomoAjax.prototype._trigger = function(eventName, eventData) {
+  if (this.targetElem !== undefined) {
+    Romo.trigger(this.targetElem, eventName, eventData);
+  } else {
+    Romo.trigger(this.elem, eventName, eventData);
+  }
+}
 
-  var data = this.queuedInvokeData;
-  this.queuedInvokeData = undefined;
+// event functions
 
-  var callUrl = this.elem.attr(this.urlAttr);
-  if (this.callOnlyOnce === true) {
-    this.elem.removeAttr(this.urlAttr);
-  }
-  if (callUrl !== undefined) {
-    this.doCall(callUrl, data);
-  } else {
-    this._doCompleteInvoke();
+RomoAjax.prototype.romoEvFn._onInvoke = function(e) {
+  e.preventDefault();
+
+  if (Romo.hasClass(this.elem, 'disabled') === false) {
+    this.doInvoke();
   }
 }
 
-RomoAjax.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);
+RomoAjax.prototype.romoEvFn._onTriggerInvoke = function(e, data) {
+  e.stopPropagation();
+
+  if (Romo.hasClass(this.elem, 'disabled') === false) {
+    this.doInvoke(data);
   }
 }
 
-Romo.onInitUI(function(e) {
-  Romo.initUIElems(e, '[data-romo-ajax-auto="true"]').romoAjax();
-});
+RomoAjax.prototype.romoEvFn._onCallSuccess = function(data, status, xhr) {
+  this._trigger('romoAjax:callSuccess', [data, this]);
+  this._completeInvoke();
+}
+
+RomoAjax.prototype.romoEvFn._onCallError = function(xhr, errorType, error) {
+  this._trigger('romoAjax:callError', [xhr, this]);
+  this._completeInvoke();
+}
+
+// init
+
+Romo.addElemsInitSelector('[data-romo-ajax-auto="true"]', RomoAjax);