romo 0.16.1 → 0.16.2

checksums.yaml

@@ -1,7 +1,7 @@
 --- 
-SHA512: 
-  data.tar.gz: 3007613cca8321eaf0359e5cf1e069b9486db5d134894fd286861cb40e0c58691f505f6ff62f65a0b2fd859482c846a52f7bb202c4782f4d1f6e0dc97abb82fe
-  metadata.gz: c94483d359861e906fb0db0c8098cf6c0e5d8eb6316d9e8311f14ccb6027c1ddae8d93a87276f3c46ec6cbcfe165f0e4619c905c00a1beb94cd917804564d7b1
 SHA1: 
-  data.tar.gz: b3ec6fe84fa2aee5e7150e92db03ca4a2c5b16e5
-  metadata.gz: 5397e3bccba301033313c4f9adac816dfc8c2b16
+  metadata.gz: a9a6e3ce2613489f0aa2630a85e7846cf427c8a6
+  data.tar.gz: d2f6680786dea0ab3f5fbe8c595951d43a35fb22
+SHA512: 
+  metadata.gz: 19f2c44434b4f3a64334447a98a6bf9821ea7976bdcbd2d74a478d16d7d00ccdc1bedfed8f241a0a27caeba5e8008c4698029f6b535778ee07f521073bcaea75
+  data.tar.gz: eb02c4703da3032e95b8f3e2ba8d5c36cd1c04b4b4f3eaa73f6859611591bc21861d211083b080d6c77bffc5597a75b5ca5c0ca122bb8e7910d40fc4f89e7f52

data/assets/css/romo/tooltip.scss

@@ -30,28 +30,28 @@
   border-style: solid;
 }
 
-.romo-tooltip-popup[data-romo-tooltip-position="top"] .romo-tooltip-arrow {
+.romo-tooltip-popup[data-romo-tooltip-arrow-position="top"] .romo-tooltip-arrow {
   border-width: 6px 6px 0;
   bottom: -6px;
   left: 50%;
   margin-left: -6px;
 }
 
-.romo-tooltip-popup[data-romo-tooltip-position="right"] .romo-tooltip-arrow {
+.romo-tooltip-popup[data-romo-tooltip-arrow-position="right"] .romo-tooltip-arrow {
   border-width: 6px 6px 6px 0;
   left: -6px;
   top: 50%;
   margin-top: -6px;
 }
 
-.romo-tooltip-popup[data-romo-tooltip-position="bottom"] .romo-tooltip-arrow {
+.romo-tooltip-popup[data-romo-tooltip-arrow-position="bottom"] .romo-tooltip-arrow {
   border-width: 0 6px 6px;
   top: -6px;
   left: 50%;
   margin-left: -6px;
 }
 
-.romo-tooltip-popup[data-romo-tooltip-position="left"] .romo-tooltip-arrow {
+.romo-tooltip-popup[data-romo-tooltip-arrow-position="left"] .romo-tooltip-arrow {
   border-width: 6px 0 6px 6px;
   right: -6px;
   top: 50%;
@@ -75,15 +75,15 @@
   color: $tooltipColor;
 }
 
-.romo-tooltip-popup[data-romo-tooltip-position="top"] .romo-tooltip-arrow {
+.romo-tooltip-popup[data-romo-tooltip-arrow-position="top"] .romo-tooltip-arrow {
   border-top-color: $tooltipBgColor;
 }
-.romo-tooltip-popup[data-romo-tooltip-position="right"] .romo-tooltip-arrow {
+.romo-tooltip-popup[data-romo-tooltip-arrow-position="right"] .romo-tooltip-arrow {
   border-right-color: $tooltipBgColor;
 }
-.romo-tooltip-popup[data-romo-tooltip-position="bottom"] .romo-tooltip-arrow {
+.romo-tooltip-popup[data-romo-tooltip-arrow-position="bottom"] .romo-tooltip-arrow {
   border-bottom-color: $tooltipBgColor;
 }
-.romo-tooltip-popup[data-romo-tooltip-position="left"] .romo-tooltip-arrow {
+.romo-tooltip-popup[data-romo-tooltip-arrow-position="left"] .romo-tooltip-arrow {
   border-left-color: $tooltipBgColor;
 }

data/assets/js/romo/base.js

@@ -149,18 +149,18 @@
   // style handling
 
   Romo.prototype.parseZIndex = function(elem) {
-    // for the case where the browser doesn't suck and can read inherited z-index
-    var val = parseInt(elem.css('z-index'));
-    if (!isNaN(val)) {
+    // for the case where z-index is set directly on the elem
+    var val = this.parseElemZIndex(elem);
+    if (val !== 0) {
       return val;
     }
 
-    // for the case where the browser sucks and can't read inherited z-index - we'll do it for you!
+    // for the case where z-index is inherited from a parent elem
     var parentIndexes = $.map(elem.parents(), function(item) {
       return item; // converts the collection to an array
     }).reduce($.proxy(function(prev, curr) {
-      var pval = parseInt($(curr).css('z-index'));
-      if (!isNaN(pval)) {
+      var pval = this.parseElemZIndex($(curr));
+      if (pval !== 0) {
         prev.push(pval);
       }
       return prev;
@@ -169,6 +169,14 @@
     return parentIndexes[0];
   }
 
+  Romo.prototype.parseElemZIndex = function(elem) {
+    var val = parseInt(document.defaultView.getComputedStyle(elem[0], null).getPropertyValue("z-index"));
+    if (!isNaN(val)) {
+      return val;
+    }
+    return 0;
+  }
+
   // private
 
   Romo.prototype._addEventCallback = function(name, callback) {

data/assets/js/romo/datepicker.js

@@ -18,7 +18,7 @@ var RomoDatepicker = function(element) {
   this.itemSelector            = 'TD.romo-datepicker-day:not(.disabled)';
   this.calTable                = $();
   this.date                    = undefined;
-  this.today                   = new Date;
+  this.today                   = this._getTodaysDate();
   this.prevValue               = undefined;
 
   this.doInit();
@@ -595,6 +595,15 @@ RomoDatepicker.prototype._currentYear = function() {
   return (new Date).getUTCFullYear();
 }
 
+RomoDatepicker.prototype._getTodaysDate = function() {
+  var today = new Date();
+  var dd    = today.getDate();
+  var mm    = today.getMonth();
+  var yyyy  = today.getFullYear();
+
+  return this._UTCDate(yyyy, mm, dd);
+}
+
 RomoDatepicker.prototype._UTCDate = function(year, month, day) {
   return new Date(Date.UTC.apply(Date, [year, month, day]));
 }

data/assets/js/romo/select_dropdown.js

@@ -5,13 +5,13 @@ $.fn.romoSelectDropdown = function(optionElemsParent) {
 }
 
 var RomoSelectDropdown = function(element, optionElemsParent) {
-  this.elem = $(element);
+  this.elem         = $(element);
   this.itemSelector = 'LI[data-romo-select-item="opt"]:not(.disabled)';
-  this.prevValue = undefined;
+  this.prevValue    = '';
 
-  var optsParent = (optionElemsParent || this.elem.find('.romo-select-dropdown-options-parent'));
+  var optsParent   = (optionElemsParent || this.elem.find('.romo-select-dropdown-options-parent'));
   this.optionElems = optsParent.children();
-  this.optionList = this._buildOptionList(this.optionElems);
+  this.optionList  = this._buildOptionList(this.optionElems);
 
   this.doInit();
   this.doBindDropdown();
@@ -88,7 +88,7 @@ RomoSelectDropdown.prototype.doBindDropdown = function() {
 
 RomoSelectDropdown.prototype.doSelectHighlightedItem = function() {
   var prevValue = this.prevValue;
-  var newValue = this.romoDropdown.bodyElem.find('LI.romo-select-highlight').data('romo-select-option-value');
+  var newValue  = this.romoDropdown.bodyElem.find('LI.romo-select-highlight').data('romo-select-option-value');
 
   this.romoDropdown.doPopupClose();
   this.elem.trigger('selectDropdown:itemSelected', [newValue, prevValue, this]);
@@ -232,13 +232,15 @@ RomoSelectDropdown.prototype._buildOptionList = function(optionElems, listClass)
 }
 
 RomoSelectDropdown.prototype._buildOptionListItem = function(optionElem) {
-  var opt = $(optionElem);
-  var item = $('<li data-romo-select-item="opt"></li>');
+  var opt   = $(optionElem);
+  var item  = $('<li data-romo-select-item="opt"></li>');
+  var value = opt.attr('value') || '';
 
-  item.attr('data-romo-select-option-value', opt.attr('value'));
+  item.attr('data-romo-select-option-value', value);
   item.html(opt.text().trim() || '&nbsp;');
   if (opt.prop('selected')) {
     item.addClass('selected');
+    this.prevValue = value; // the last option marked selected is used
   }
   if (opt.attr('disabled') !== undefined) {
     item.addClass('disabled');

data/assets/js/romo/tooltip.js

@@ -86,9 +86,17 @@ RomoTooltip.prototype.doInitBody = function() {
     'max-width':  this.elem.data('romo-tooltip-max-width'),
     'width':      this.elem.data('romo-tooltip-width'),
     'min-height': this.elem.data('romo-tooltip-min-height'),
-    'max-height': this.elem.data('romo-tooltip-max-height'),
     'height':     this.elem.data('romo-tooltip-height')
   });
+
+  if (this.elem.data('romo-tooltip-max-height') === undefined) {
+    this.elem.attr('data-romo-tooltip-max-height', 'detect');
+  }
+  if (this.elem.data('romo-tooltip-max-height') !== 'detect') {
+    this.bodyElem.css({
+      'max-height': this.elem.data('romo-tooltip-max-height')
+    });
+  }
 }
 
 RomoTooltip.prototype.doResetBody = function() {
@@ -262,7 +270,39 @@ RomoTooltip.prototype.doPlacePopupElem = function() {
   var pad = 6 + 1; // arrow size + spacing
   var offset = {};
 
-  switch (this.popupPosition) {
+  var configHeight = this.elem.data('romo-tooltip-height') || this.elem.data('romo-tooltip-max-height');
+  var configPosition = this.popupPosition;
+
+  if (configHeight === 'detect' && (configPosition === 'top' || configPosition === 'bottom')) {
+    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);
+      this.popupElem.attr('data-romo-tooltip-arrow-position', configPosition);
+    } else if (topAvailHeight > bottomAvailHeight) {
+      configPosition = 'top';
+      configHeight = topAvailHeight;
+      this.popupElem.attr('data-romo-tooltip-arrow-position', 'top');
+    } else {
+      configPosition = 'bottom';
+      configHeight = bottomAvailHeight;
+      this.popupElem.attr('data-romo-tooltip-arrow-position', 'bottom');
+    }
+
+    this.bodyElem.css({'max-height': configHeight.toString() + 'px'});
+  } else {
+    this.popupElem.attr('data-romo-tooltip-arrow-position', configPosition);
+  }
+
+
+  if(h > configHeight) {
+    h = configHeight;
+  }
+
+  switch (configPosition) {
     case 'top':
       $.extend(offset, { top: pos.top - h - pad, left: pos.left + pos.width / 2 - w / 2 });
       break;
@@ -287,6 +327,27 @@ RomoTooltip.prototype.doSetPopupZIndex = function(relativeElem) {
 
 // private
 
+RomoTooltip.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;
+}
+
+RomoTooltip.prototype._getPopupMaxHeightDetectPad = function(position) {
+  return this.elem.data('romo-tooltip-max-height-detect-pad-'+position) || this.elem.data('romo-tooltip-max-height-detect-pad') || 10;
+}
+
 RomoTooltip.prototype._setBodyHtml = function(content) {
   this.bodyElem.html(content || '');
 }

data/lib/romo/version.rb

@@ -1,3 +1,3 @@
 module Romo
-  VERSION = "0.16.1"
+  VERSION = "0.16.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: romo
 version: !ruby/object:Gem::Version 
-  version: 0.16.1
+  version: 0.16.2
 platform: ruby
 authors: 
 - Kelly Redding
@@ -10,7 +10,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2016-10-04 00:00:00 Z
+date: 2016-10-26 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: assert