combo_auto_box 0.0.51 → 0.0.52

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 50b086b14581ee4c93d851bdbdf89e40c85d9c1a
-  data.tar.gz: ca36601bbb3fd52bddb73fc0dd3a94cbf09b4439
+  metadata.gz: 3f1b5d274153aca3f2a723013e0d08757ea7ff73
+  data.tar.gz: bdc956ddd91fb7b0d16304c3a29b38a95ac08d43
 SHA512:
-  metadata.gz: 51ceec1b461fad898b25405823d54cf9124e1bf05cd809e8a8e7905d80f91941b49a63e880b47c339d07ce70a37cc8198279104e0839ffd4dc9312e68114560b
-  data.tar.gz: ea89c157c85f09f0b29c48e48853367db8d6d1914374692e52d4f332fbfde2e27b92e07b85edd24f821f86a731ccd3ad330b2dd0ddfb6ddea2b3de59b365b7a9
+  metadata.gz: d11e8f2362087f91aca34aa24412e936cb034ec21153d83492abe05f8b4d7aa9c6d052c54917fb49b6539855a2d4b6e31500ce5193f93e5b014611a633be2fa5
+  data.tar.gz: 8c2935d7ccb44b04a2f5bdbdfc93cacf6413c198b8b80983b3a41d70bb2e7fbf390521f59976e26d5544795e653cfba9356bddc987621df523bffc90c41525a7

data/lib/combo_auto_box/version.rb

@@ -1,3 +1,3 @@
 module ComboAutoBox
-  VERSION = '0.0.51'
+  VERSION = '0.0.52'
 end

data/vendor/assets/javascripts/combo-auto-box.js

@@ -794,9 +794,29 @@ var ComboAutoBox = {
 				unselectData(value, label);
 			}
 		};
+    
+    var fixItemSize = function (id) {
+      text = $('div#' + id + " i").text();
+
+      while($('div#' + id + " i").width() > ($('div#' + id).parent().width() - 50)) {
+        text = text.substring(0, text.length - 5) + '...';
+				$('div#' + id + " i").text(htmlSafe(text));
+      }      
+    }
+    
+    var fixItemSizeOnResize = function () {
+      try {
+        $('#searchable-clients > div.searchable > div.item').each(function(index) {
+          fixItemSize($(this).attr('id'));
+        });
+      } catch (error) {
+        
+      }
+    }
 
 		// add searchable item for ransack
 		var addSearchableItemForRansack = function (inputId, selectedId, selectedData) {
+      var auxText = '';
 			if (selectedData != '') {
 				var ransackId = generateShortId('r');
 				predicate = getSearchablePredicate(selectedId);
@@ -807,7 +827,9 @@ var ComboAutoBox = {
 				fieldCondition = '<input type="hidden" name="q[g]['+ predicate['attribute'] +'][c]['+ ransackId +'][p]"           value="'+ predicate['condition'] +'">';
 				fieldValue =     '<input type="hidden" name="q[g]['+ predicate['attribute'] +'][c]['+ ransackId +'][v][0][value]" value="'+ htmlSafe(getSearchableValue(selectedData)) +'">';
 				var id = generateAnId('item');
-				$('#' + inputId).before('<div class="item" id="' + id + '">'+ htmlSafe(selectedData) +'<span class="remove_item" title="Remove Item">x</span>'+ fieldAttribute + fieldCondition + fieldValue +'</div>');
+				$('#' + inputId).before('<div class="item" id="' + id + '"><i>'+ htmlSafe(selectedData) +'</i><span class="remove_item" title="Remove Item">x</span>'+ fieldAttribute + fieldCondition + fieldValue +'</div>');
+
+        fixItemSize(id);
 
 				$('#' + id + ' > span').click(function() {
 					$(this).parent().remove();
@@ -1080,6 +1102,11 @@ var ComboAutoBox = {
 			normalizeStyles(textField.attr('id'));
 			handleSearchbleInitials();
 		}
+    
+    $( window ).resize(function() {
+      fixItemSizeOnResize();
+    });
+    
 
 	}
 }

data/vendor/assets/stylesheets/combo-auto-box-bootstrap.css

@@ -16,11 +16,11 @@ div.multiple div.item span:hover { color:#6D6D6D; cursor:pointer; }
 div.multiple input { border: 0px; float:left; min-height:22px; font-size:13px; margin-top:5px; margin-left:11px; }
 div.multiple input:focus { outline:none; }
   
-div.searchable { border: 1px solid #CDCDCD; display:table; width:100%; padding: 2px 6px; }
+div.searchable { border: 1px solid #CDCDCD; display:flex; flex-wrap: wrap; width:100%; padding: 2px 6px; }
 div.searchable:hover {cursor:text}
-div.searchable input { border: 0px; float:left; min-height:22px; font-size:15px; margin-top:2px; }
+div.searchable input { border: 0px; float:left; min-height:22px; font-size:15px; margin-top:2px; max-width: 100%; display:inline; }
 div.searchable input:focus { outline:none; }
-div.searchable div.item { font-family: inherit; float:left; font-size: 15px; color:#FFFFFF; background-color:#008000; margin: 2px 8px 3px 4px; padding:2px 10px 2px 10px; border-radius: .25em; vertical-align: baseline; display:inline; white-space: nowrap; font-weight:bold; }
+div.searchable div.item { font-family: inherit; float:left; font-size: 15px; color:#FFFFFF; background-color:#008000; margin: 2px 8px 3px 4px; padding:2px 10px 2px 10px; border-radius: .25em; vertical-align: baseline; display:inline; white-space: nowrap; font-weight:bold; max-width: 100%; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
 div.searchable div.item:hover { cursor:default; }
 div.searchable div.item span { margin-left:10px; color:#CCCCCC; }
 div.searchable div.item span.remove_item { font-weight:none; color:#AAAAAA;}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: combo_auto_box
 version: !ruby/object:Gem::Version
-  version: 0.0.51
+  version: 0.0.52
 platform: ruby
 authors:
 - Adilson Chacon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-05-05 00:00:00.000000000 Z
+date: 2018-06-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec