romo 0.1.0 → 0.2.0

data/assets/css/romo/base.scss

@@ -415,8 +415,9 @@ h3 { @include text1; }
 
 .romo-match-line-height { line-height: 1 !important; }
 
-.romo-nowrap { white-space: nowrap !important; }
-.romo-crop   { white-space: nowrap !important; overflow: hidden !important; }
+.romo-nowrap        { white-space: nowrap !important; }
+.romo-crop          { white-space: nowrap !important; overflow: hidden !important; }
+.romo-crop-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
 
 .romo-inline       { display: inline !important; }
 .romo-inline-block { display: inline-block !important; }

data/assets/css/romo/grid_table.scss

@@ -57,19 +57,22 @@ ol.romo-grid-table { @include list-unstyled(!important); }
 .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-inverse:not(:first-child):hover { @include bg-inverse-hover; }
 
 .romo-grid-table-border,
-.romo-grid-table-border1 { @include border1; }
-.romo-grid-table-border0 { @include border0; }
-.romo-grid-table-border2 { @include border2; }
-
-.romo-grid-table.romo-grid-table-border  > .romo-row,
-.romo-grid-table.romo-grid-table-border1 > .romo-row { @include border1-bottom; }
-.romo-grid-table.romo-grid-table-border0 > .romo-row { @include border0-bottom; }
-.romo-grid-table.romo-grid-table-border2 > .romo-row { @include border2-bottom; }
-
-.romo-grid-table.romo-grid-table-border  > .romo-row > .romo-span,
-.romo-grid-table.romo-grid-table-border1 > .romo-row > .romo-span { @include border1-right; white-space: nowrap; overflow: hidden; }
-.romo-grid-table.romo-grid-table-border0 > .romo-row > .romo-span { @include border0-right; white-space: nowrap; overflow: hidden; }
-.romo-grid-table.romo-grid-table-border2 > .romo-row > .romo-span { @include border2-right; white-space: nowrap; overflow: hidden; }
+.romo-grid-table-border1     { @include border1; }
+.romo-grid-table-border0     { @include border0; }
+.romo-grid-table-border2     { @include border2; }
+.romo-grid-table-border-none { @include border-style(none); }
+
+.romo-grid-table.romo-grid-table-border      > .romo-row,
+.romo-grid-table.romo-grid-table-border1     > .romo-row { @include border1-bottom; }
+.romo-grid-table.romo-grid-table-border0     > .romo-row { @include border0-bottom; }
+.romo-grid-table.romo-grid-table-border2     > .romo-row { @include border2-bottom; }
+.romo-grid-table.romo-grid-table-border-none > .romo-row { @include border-style(none); }
+
+.romo-grid-table.romo-grid-table-border      > .romo-row > .romo-span,
+.romo-grid-table.romo-grid-table-border1     > .romo-row > .romo-span { @include border1-right;      white-space: nowrap; overflow: hidden; }
+.romo-grid-table.romo-grid-table-border0     > .romo-row > .romo-span { @include border0-right;      white-space: nowrap; overflow: hidden; }
+.romo-grid-table.romo-grid-table-border2     > .romo-row > .romo-span { @include border2-right;      white-space: nowrap; overflow: hidden; }
+.romo-grid-table.romo-grid-table-border-none > .romo-row > .romo-span { @include border-style(none); white-space: nowrap; overflow: hidden; }
 
 .romo-grid-table[class*="romo-grid-table-border"] > .romo-row > .romo-span:last-child { @include rm-border-right; }
 .romo-grid-table[class*="romo-grid-table-border"] > .romo-row:last-child { @include rm-border-bottom; }

data/assets/css/romo/table.scss

@@ -40,17 +40,20 @@
 .romo-table-border,
 .romo-table-border0,
 .romo-table-border1,
-.romo-table-border2 { border-collapse: collapse; *border-collapse: collapse; }
+.romo-table-border2,
+.romo-table-border-none { border-collapse: collapse; *border-collapse: collapse; }
 
 .romo-table-border,
-.romo-table-border1 { @include border1-top; @include border1-left; }
-.romo-table-border0 { @include border0-top; @include border0-left; }
-.romo-table-border2 { @include border2-top; @include border2-left; }
-
-.romo-table-border  th, .romo-table-border  td,
-.romo-table-border1 th, .romo-table-border1 td { @include border1-bottom; @include border1-right; }
-.romo-table-border0 th, .romo-table-border0 td { @include border0-bottom; @include border0-right; }
-.romo-table-border2 th, .romo-table-border2 td { @include border2-bottom; @include border2-right; }
+.romo-table-border1     { @include border1-top; @include border1-left; }
+.romo-table-border0     { @include border0-top; @include border0-left; }
+.romo-table-border2     { @include border2-top; @include border2-left; }
+.romo-table-border-none { @include border-style(none); }
+
+.romo-table-border      th, .romo-table-border      td,
+.romo-table-border1     th, .romo-table-border1     td { @include border1-bottom; @include border1-right; }
+.romo-table-border0     th, .romo-table-border0     td { @include border0-bottom; @include border0-right; }
+.romo-table-border2     th, .romo-table-border2     td { @include border2-bottom; @include border2-right; }
+.romo-table-border-none th, .romo-table-border-none td { @include border-style(none); }
 
 .romo-table-border-muted   { @include border-muted; }
 .romo-table-border-warning { @include border-warning; }

data/assets/js/romo/dropdown.js

@@ -210,6 +210,11 @@ RomoDropdown.prototype.doPopupClose = function() {
   $('body').off('keyup', $.proxy(this.onWindowBodyKeyUp, this));
   $(window).off('resize', $.proxy(this.onResizeWindow, this));
 
+  // clear the content elem markup if configured to
+  if (this.elem.data('romo-dropdown-clear-content') === true) {
+    this.contentElem.html('');
+  }
+
   this.elem.trigger('dropdown:popupClose', [this]);
 }
 
@@ -255,19 +260,47 @@ RomoDropdown.prototype.onResizeWindow = function(e) {
 RomoDropdown.prototype.doPlacePopupElem = function() {
   if (this.elem.parents('.romo-modal-popup').size() !== 0) {
     this.popupElem.css({'position': 'fixed'});
+    this.popupElem.offset(this.elem.offset());
   }
 
   var pos = $.extend({}, this.elem[0].getBoundingClientRect(), this.elem.offset());
   var w = this.popupElem[0].offsetWidth;
   var h = this.popupElem[0].offsetHeight;
-  var pad = 2;
   var offset = {};
 
-  switch (this.popupPosition) {
+  var configHeight = this.elem.data('romo-dropdown-height') || this.elem.data('romo-dropdown-max-height');
+  var configPosition = this.popupPosition;
+
+  if (configHeight === 'detect') {
+    var popupHeight = this.popupElem.height();
+    var topAvailHeight = this._getPopupMaxAvailableHeight('top');
+    var bottomAvailHeight = this._getPopupMaxAvailableHeight('bottom');
+
+    if (popupHeight < topAvailHeight && popupHeight < bottomAvailHeight) {
+      // if it fits both ways, use the config position way
+      configHeight = this._getPopupMaxAvailableHeight(configPosition);
+    } else if (topAvailHeight > bottomAvailHeight) {
+      configPosition = 'top';
+      configHeight = topAvailHeight;
+    } else {
+      configPosition = 'bottom';
+      configHeight = bottomAvailHeight;
+    }
+
+    this.contentElem.css({'max-height': configHeight.toString() + 'px'});
+  }
+
+  if(h > configHeight) {
+    h = configHeight;
+  }
+
+  switch (configPosition) {
     case 'top':
+      var pad = 2;
       $.extend(offset, { top: pos.top - h - pad });
       break;
     case 'bottom':
+      var pad = 2;
       $.extend(offset, { top: pos.top + pos.height + pad });
       break;
   }
@@ -281,17 +314,6 @@ RomoDropdown.prototype.doPlacePopupElem = function() {
   }
 
   this.popupElem.offset(offset);
-
-  if (this.elem.data('romo-dropdown-max-height') === 'detect') {
-    var pad = this.elem.data('romo-dropdown-max-height-detect-pad') || 10;
-    var contentTop = this.contentElem[0].getBoundingClientRect().top;
-    var contentBottom = this.contentElem[0].getBoundingClientRect().bottom;
-    var bodyBottom = this.bodyElem[0].getBoundingClientRect().bottom;
-    var padBottom = bodyBottom - contentBottom;
-
-    var maxHeight = $(window).height() - contentTop - padBottom - pad;
-    this.contentElem.css({'max-height': maxHeight.toString() + 'px'});
-  }
 }
 
 RomoDropdown.prototype.doSetPopupZIndex = function(relativeElem) {
@@ -304,6 +326,27 @@ RomoDropdown.prototype._parsePositionData = function(posString) {
   return { position: posData[0], alignment: posData[1] };
 }
 
+RomoDropdown.prototype._getPopupMaxAvailableHeight = function(position) {
+  var maxHeight = undefined;
+
+  switch (position) {
+    case 'top':
+      var elemTop = this.elem[0].getBoundingClientRect().top;
+      maxHeight = elemTop - this._getPopupMaxHeightDetectPad(position);
+      break;
+    case 'bottom':
+      var elemBottom = this.elem[0].getBoundingClientRect().bottom;
+      maxHeight = $(window).height() - elemBottom - this._getPopupMaxHeightDetectPad(position);
+      break;
+  }
+
+  return maxHeight;
+}
+
+RomoDropdown.prototype._getPopupMaxHeightDetectPad = function(position) {
+  return this.elem.data('romo-dropdown-max-height-detect-pad-'+position) || this.elem.data('romo-dropdown-max-height-detect-pad') || 10;
+}
+
 Romo.onInitUI(function(e) {
   Romo.initUIElems(e, '[data-romo-dropdown-auto="true"]').romoDropdown();
 });

data/assets/js/romo/dropdown_form.js

@@ -30,6 +30,10 @@ RomoDropdownForm.prototype.doInit = function() {
 }
 
 RomoDropdownForm.prototype.doBindDropdown = function() {
+if (this.elem.data('romo-dropdown-clear-content') === undefined) {
+    this.elem.attr('data-romo-dropdown-clear-content', 'true');
+  }
+
   this.elem.on('dropdown:ready', $.proxy(function(e, dropdown) {
     this.elem.trigger('dropdownForm:dropdown:ready', [dropdown, this]);
   }, this));

data/assets/js/romo/form.js

@@ -68,8 +68,8 @@ RomoForm.prototype.onSubmitClick = function(e) {
 }
 
 RomoForm.prototype.doSubmit = function() {
-  this.elem.trigger('form:beforeSubmit', [this]);
   this.indicatorElems.trigger('indicator:triggerStart');
+  this.elem.trigger('form:beforeSubmit', [this]);
 
   if (this.elem.attr('method').toUpperCase() === 'GET') {
     this._doGetSubmit();
@@ -81,6 +81,7 @@ RomoForm.prototype.doSubmit = function() {
 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]);
 }
 
 RomoForm.prototype.onSubmitError = function(xhr, errorType, error) {
@@ -92,6 +93,7 @@ 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');
 }
 

data/assets/js/romo/indicator.js

@@ -56,9 +56,7 @@ RomoIndicator.prototype.onStart = function(e) {
     e.preventDefault();
   }
 
-  if (this.elem.hasClass('disabled') === false) {
-    this.doStart();
-  }
+  this.doStart();
 }
 
 RomoIndicator.prototype.onStop = function(e) {
@@ -66,9 +64,7 @@ RomoIndicator.prototype.onStop = function(e) {
     e.preventDefault();
   }
 
-  if (this.elem.hasClass('disabled') === false) {
-    this.doStop();
-  }
+  this.doStop();
 }
 
 RomoIndicator.prototype.doStart = function() {

data/assets/js/romo/modal.js

@@ -195,6 +195,11 @@ RomoModal.prototype.doPopupClose = function() {
   // unbind window resizes reposition modal
   $(window).off('resize', $.proxy(this.onResizeWindow, this));
 
+  // clear the content elem markup if configured to
+  if (this.elem.data('romo-modal-clear-content') === true) {
+    this.contentElem.html('');
+  }
+
   this.elem.trigger('modal:popupClose', [this]);
 }
 

data/assets/js/romo/modal_form.js

@@ -30,6 +30,10 @@ RomoModalForm.prototype.doInit = function() {
 }
 
 RomoModalForm.prototype.doBindModal = function() {
+  if (this.elem.data('romo-modal-clear-content') === undefined) {
+    this.elem.attr('data-romo-modal-clear-content', 'true');
+  }
+
   this.elem.on('modal:ready', $.proxy(function(e, modal) {
     this.elem.trigger('modalForm:modal:ready', [modal, this]);
   }, this));

data/lib/romo/version.rb

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

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: romo
 version: !ruby/object:Gem::Version 
-  hash: 27
+  hash: 23
   prerelease: 
   segments: 
   - 0
-  - 1
+  - 2
   - 0
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors: 
 - Kelly Redding
@@ -16,7 +16,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2014-11-07 00:00:00 Z
+date: 2015-01-28 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   requirement: &id001 !ruby/object:Gem::Requirement