combo_auto_box 0.0.31 → 0.0.32
Sign up to get free protection for your applications and to get access to all the features.
@@ -594,7 +594,7 @@ var ComboAutoBox = {
|
|
594
594
|
var addMultipleItem = function (inputId, selectedId, selectedData) {
|
595
595
|
if (selectedData != '') {
|
596
596
|
var id = generateAnId('item');
|
597
|
-
$('#' + inputId).before('<div class="item" id="' + id + '">'+ htmlSafe(selectedData) +'<span title="Remove Item">x</span><input type="hidden" name="'+ options.html.name +'[]" value="'+ selectedId +'"></div>');
|
597
|
+
$('#' + inputId).before('<div class="item" id="' + id + '">'+ htmlSafe(selectedData) +'<span class="remove_item" title="Remove Item">x</span><input type="hidden" name="'+ options.html.name +'[]" value="'+ selectedId +'"></div>');
|
598
598
|
|
599
599
|
$('#' + id + ' > span').click(function() {
|
600
600
|
$(this).parent().remove();
|
@@ -625,7 +625,7 @@ var ComboAutoBox = {
|
|
625
625
|
fieldCondition = '<input type="hidden" name="q[g]['+ predicate['attribute'] +'][c]['+ ransackId +'][p]" value="'+ predicate['condition'] +'">';
|
626
626
|
fieldValue = '<input type="hidden" name="q[g]['+ predicate['attribute'] +'][c]['+ ransackId +'][v][0][value]" value="'+ getSearchableValue(selectedData) +'">';
|
627
627
|
var id = generateAnId('item');
|
628
|
-
$('#' + inputId).before('<div class="item" id="' + id + '">'+ htmlSafe(selectedData) +'<span title="Remove Item">x</span>'+ fieldAttribute + fieldCondition + fieldValue +'</div>');
|
628
|
+
$('#' + inputId).before('<div class="item" id="' + id + '">'+ htmlSafe(selectedData) +'<span class="remove_item" title="Remove Item">x</span>'+ fieldAttribute + fieldCondition + fieldValue +'</div>');
|
629
629
|
|
630
630
|
$('#' + id + ' > span').click(function() {
|
631
631
|
$(this).parent().remove();
|
@@ -1,21 +1,23 @@
|
|
1
1
|
span.combo-auto-box-item-id { display:none; }
|
2
2
|
|
3
|
-
div.multiple { border: 1px solid #CDCDCD; display:table; width:100%; padding:
|
3
|
+
div.multiple { border: 1px solid #CDCDCD; display:table; width:100%; padding: 2px 6px; }
|
4
4
|
div.multiple:hover {cursor:text}
|
5
5
|
div.multiple span.multiple { font-family: inherit; float:left; font-size: 18px; color:#9A9A9A; margin: 1px 2px 2px 2px; padding:2px 10px 2px 10px; vertical-align: middle; }
|
6
6
|
div.multiple span.multiple:hover { cursor:pointer; }
|
7
|
-
div.multiple input { border: 0px; float:left; min-height:
|
7
|
+
div.multiple input { border: 0px; float:left; min-height:22px; font-size:15px; margin-top:2px; }
|
8
8
|
div.multiple input:focus { outline:none; }
|
9
9
|
div.multiple div.item { font-family: arial,sans-serif; float:left; font-size: 15px; color:#000000; background-color:#EDEDED; margin: 2px 10px 2px 2px; padding:2px 10px 2px 10px; border-radius: .25em; vertical-align: baseline; display:inline; white-space: nowrap; }
|
10
10
|
div.multiple div.item:hover { cursor:default; }
|
11
11
|
div.multiple div.item span { margin-left:10px; color:#CCCCCC; }
|
12
|
-
div.multiple div.item span
|
12
|
+
div.multiple div.item span.remove_item { font-weight:none; color:#ADADAD;}
|
13
|
+
div.multiple div.item span:hover { color:#6D6D6D; cursor:pointer;}
|
13
14
|
|
14
|
-
div.searchable { border: 1px solid #CDCDCD; display:table; width:100%; padding:
|
15
|
+
div.searchable { border: 1px solid #CDCDCD; display:table; width:100%; padding: 2px 6px; }
|
15
16
|
div.searchable:hover {cursor:text}
|
16
|
-
div.searchable input { border: 0px; float:left; min-height:
|
17
|
+
div.searchable input { border: 0px; float:left; min-height:22px; font-size:15px; margin-top:2px; }
|
17
18
|
div.searchable input:focus { outline:none; }
|
18
|
-
div.searchable div.item { font-family: inherit; float:left; font-size: 15px; color:#FFFFFF; background-color:#008000; margin: 2px 10px 2px 2px; padding:2px 10px 2px 10px; border-radius: .25em; vertical-align: baseline; display:inline; white-space: nowrap; }
|
19
|
+
div.searchable div.item { font-family: inherit; float:left; font-size: 15px; color:#FFFFFF; background-color:#008000; margin: 2px 10px 2px 2px; padding:2px 10px 2px 10px; border-radius: .25em; vertical-align: baseline; display:inline; white-space: nowrap; font-weight:bold; }
|
19
20
|
div.searchable div.item:hover { cursor:default; }
|
20
21
|
div.searchable div.item span { margin-left:10px; color:#CCCCCC; }
|
21
|
-
div.searchable div.item span
|
22
|
+
div.searchable div.item span.remove_item { font-weight:none; color:#AAAAAA;}
|
23
|
+
div.searchable div.item span:hover { color:#DADADA; cursor:pointer;}
|