From 19283b10d3e4c56662979e85695e018db1638797 Mon Sep 17 00:00:00 2001
From: mcramer <m.cramer@pixcept.de>
Date: Fri, 19 Oct 2012 09:10:22 -0400
Subject: [PATCH] Fixed: New select boxes did not show country flags Fixed: New select boxes where nearly invisible on hidden form sections after unfolding
---
interface/web/js/jquery.tipsy.js | 16 ++++++++++------
interface/web/themes/default/css/styles.css | 6 ++++++
2 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/interface/web/js/jquery.tipsy.js b/interface/web/js/jquery.tipsy.js
index 27fa06d..77836f8 100644
--- a/interface/web/js/jquery.tipsy.js
+++ b/interface/web/js/jquery.tipsy.js
@@ -249,18 +249,18 @@
var elheight = this.element.height();
var input,
self = this,
- select = this.element.hide(),
+ select = this.element,
selected = select.children( ":selected" ),
value = selected.val() ? selected.text() : "",
wrapper = this.wrapper = $( "<span>" )
.addClass( "ui-combobox" )
.insertAfter( select );
- input = $( "<input>" )
- .appendTo( wrapper )
+ input = $( "<input>" ).css( { "width": (select.is(':visible') ? (elwidth > 15 ? elwidth - 15 : 1) : 350), "height": (elheight > 0 ? elheight : 16) });
+ select.hide();
+ input.appendTo( wrapper )
.val( value )
.addClass( "ui-state-default ui-combobox-input" )
- .css( { "width": (elwidth > 15 ? elwidth - 15 : 1), "height": elheight })
.autocomplete({
delay: 0,
minLength: 0,
@@ -278,6 +278,7 @@
")(?![^<>]*>)(?![^&;]+;)", "gi"
), "<strong>$1</strong>" )),
value: text,
+ class: (select.hasClass('flags') ? 'country-' + $(this).val() : $(this).attr('class')),
option: this
};
}) );
@@ -338,12 +339,15 @@
}
})
.addClass( "ui-widget ui-widget-content ui-corner-left" );
+ if(select.hasClass('flags')) input.addClass('flags');
input.data( "autocomplete" )._renderItem = function( ul, item ) {
- return $( "<li></li>" )
+ var el = $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" + item.label + "</a>" )
.appendTo( ul );
+ if(item.class) el.addClass(item.class);
+ return el;
};
select.change(function(e) {
var matcher = new RegExp( "" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "", "i" ),
@@ -374,7 +378,7 @@
})
.removeClass( "ui-corner-all" )
.addClass( "ui-corner-right ui-combobox-toggle" )
- .css( { "width": 15, "height": elheight })
+ .css( { "width": 15, "height": (elheight > 0 ? elheight : 16) })
.click(function() {
// close if already visible
if ( input.autocomplete( "widget" ).is( ":visible" ) ) {
diff --git a/interface/web/themes/default/css/styles.css b/interface/web/themes/default/css/styles.css
index ff7e458..0801b68 100644
--- a/interface/web/themes/default/css/styles.css
+++ b/interface/web/themes/default/css/styles.css
@@ -837,6 +837,12 @@
height: 20px;
width: 26px;
}
+li[class^=country-] {
+ background-image: url("../icons/flags_sprite.png");
+ background-repeat: no-repeat;
+ text-indent: 24px;
+}
+li[class^=country-] a.ui-state-hover { background: transparent; }
div[class^=country-] span {
display: none;
}
--
Gitblit v1.9.1