Compare commits

...

7 Commits

Author SHA1 Message Date
Patrick Filler f24e7c0913 Remove stray console call. 2012-02-28 11:05:11 -05:00
Patrick Filler cd93d92e85 Merge branch 'search_improvements' into harvest_experimental
Conflicts:
	chosen/chosen.jquery.min.js
	chosen/chosen.proto.min.js
2012-02-28 10:54:33 -05:00
Patrick Filler 2f196b118c Make group selection optional. 2012-02-28 10:52:03 -05:00
Patrick Filler 768a0f5aa5 Merge branch 'search_improvements' into harvest_experimental
Conflicts:
	chosen/chosen.jquery.min.js
	chosen/chosen.proto.min.js
2012-02-28 10:29:05 -05:00
Patrick Filler d3eb80470c Clicking groups chooses all members of a group. 2012-02-27 17:19:06 -05:00
Patrick Filler 3cae992311 Add optgroup searching 2012-02-24 15:09:12 -05:00
Patrick Filler 1466f160fc First draft of a select all feature. 2012-02-23 18:16:59 -05:00
8 changed files with 390 additions and 136 deletions

View File

@ -387,3 +387,7 @@
direction: rtl;
}
/* @end */
/* @group Select all options */
.chzn-select-all { background: #f8f8f8; border-top: 1px solid #ededed; color: #346f9b; cursor:pointer; display: block; font-size: 12px; font-weight: bold; padding: 5px 6px; text-align: center; text-decoration: none; }
/* @end */

View File

@ -106,8 +106,6 @@ Copyright (c) 2011 by Harvest
this.form_field = form_field;
this.options = options != null ? options : {};
this.set_default_values();
this.is_multiple = this.form_field.multiple;
this.default_text_default = this.is_multiple ? "Select Some Options" : "Select an Option";
this.setup();
this.set_up_html();
this.register_observers();
@ -116,6 +114,8 @@ Copyright (c) 2011 by Harvest
AbstractChosen.prototype.set_default_values = function() {
var _this = this;
this.is_multiple = this.form_field.multiple;
this.default_text_default = this.is_multiple ? "Select Some Options" : "Select an Option";
this.click_test_action = function(evt) {
return _this.test_active_click(evt);
};
@ -127,8 +127,10 @@ Copyright (c) 2011 by Harvest
this.results_showing = false;
this.result_highlighted = null;
this.result_single_selected = null;
this.enable_group_select = this.options.enable_group_select || false;
this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false;
this.disable_search_threshold = this.options.disable_search_threshold || 0;
this.enable_select_all = (this.options.enable_select_all != null) && this.is_multiple ? this.options.enable_select_all : false;
this.choices = 0;
return this.results_none_found = this.options.no_results_text || "No results match";
};
@ -197,6 +199,30 @@ Copyright (c) 2011 by Harvest
}
};
AbstractChosen.prototype.winnow_search_match = function(regex, optionText) {
var found, part, parts, _i, _len;
found = false;
if (regex.test(optionText)) {
found = true;
} else if (optionText.indexOf(" ") >= 0 || optionText.indexOf("[") === 0) {
parts = optionText.replace(/\[|\]/g, "").split(" ");
if (parts.length) {
for (_i = 0, _len = parts.length; _i < _len; _i++) {
part = parts[_i];
if (regex.test(part)) found = true;
}
}
}
return found;
};
AbstractChosen.prototype.winnow_search_highlight_match = function(regex, optionText, searchTextLength) {
var startpos, text;
startpos = optionText.search(regex);
text = optionText.substr(0, startpos + searchTextLength) + '</em>' + optionText.substr(startpos + searchTextLength);
return text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
};
AbstractChosen.prototype.keyup_checker = function(evt) {
var stroke, _ref;
stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
@ -204,15 +230,15 @@ Copyright (c) 2011 by Harvest
switch (stroke) {
case 8:
if (this.is_multiple && this.backstroke_length < 1 && this.choices > 0) {
return this.keydown_backstroke();
this.keydown_backstroke();
} else if (!this.pending_backstroke) {
this.result_clear_highlight();
return this.results_search();
this.results_search();
}
break;
case 13:
evt.preventDefault();
if (this.results_showing) return this.result_select(evt);
if (this.results_showing) this.result_select(evt);
break;
case 27:
if (this.results_showing) this.results_hide();
@ -225,8 +251,9 @@ Copyright (c) 2011 by Harvest
case 17:
break;
default:
return this.results_search();
this.results_search();
}
if (this.enable_select_all) return this.select_all_toggle();
};
AbstractChosen.prototype.generate_field_id = function() {
@ -313,6 +340,7 @@ Copyright (c) 2011 by Harvest
this.container = $('#' + this.container_id);
this.container.addClass("chzn-container-" + (this.is_multiple ? "multi" : "single"));
this.dropdown = this.container.find('div.chzn-drop').first();
if (this.enable_select_all) this.select_all_setup();
dd_top = this.container.height();
dd_width = this.f_width - get_side_border_padding(this.dropdown);
this.dropdown.css({
@ -560,7 +588,8 @@ Copyright (c) 2011 by Harvest
this.results_showing = true;
this.search_field.focus();
this.search_field.val(this.search_field.val());
return this.winnow_results();
this.winnow_results();
if (this.enable_select_all) return this.select_all_toggle();
};
Chosen.prototype.results_hide = function() {
@ -574,6 +603,49 @@ Copyright (c) 2011 by Harvest
return this.results_showing = false;
};
Chosen.prototype.select_all_setup = function() {
var select_all_temp,
_this = this;
select_all_temp = $("<a />", {
"class": "chzn-select-all"
}).html("Select all options");
this.dropdown.append(select_all_temp);
this.select_all_link = this.dropdown.find(".chzn-select-all").first();
return this.select_all_link.click(function(evt) {
return _this.select_all_options(evt);
});
};
Chosen.prototype.select_all_options = function(evt) {
var option, options, _i, _len;
evt.preventDefault();
options = this.form_field_jq.find("option");
for (_i = 0, _len = options.length; _i < _len; _i++) {
option = options[_i];
if (!option.disabled) option.selected = true;
}
this.form_field_jq.trigger("liszt:updated");
return this.select_all_disable();
};
Chosen.prototype.select_all_disable = function() {
return this.select_all_link.hide();
};
Chosen.prototype.select_all_enable = function() {
return this.select_all_link.show();
};
Chosen.prototype.select_all_toggle = function() {
var actives;
actives = this.search_results.find("li.active-result");
if (!actives.length || this.search_field.val().length) {
return this.select_all_disable();
} else {
return this.select_all_enable();
}
};
Chosen.prototype.set_tab_index = function(el) {
var ti;
if (this.form_field_jq.attr("tabindex")) {
@ -599,10 +671,23 @@ Copyright (c) 2011 by Harvest
};
Chosen.prototype.search_results_mouseup = function(evt) {
var target;
target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
if (target.length) {
this.result_highlight = target;
var child, children, group, option, _i, _len;
if (this.enable_group_select) {
group = $(evt.target).hasClass("group-result") ? $(evt.target) : $(evt.target).parents(".group-result").first();
if (group.length) {
children = group.nextUntil(".group-result", ".active-result");
for (_i = 0, _len = children.length; _i < _len; _i++) {
child = children[_i];
this.result_highlight = $(child);
this.result_select({
metaKey: null
});
}
}
}
option = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
if (option.length) {
this.result_highlight = option;
return this.result_select(evt);
}
};
@ -725,42 +810,26 @@ Copyright (c) 2011 by Harvest
};
Chosen.prototype.winnow_results = function() {
var found, option, part, parts, regex, result, result_id, results, searchText, startpos, text, zregex, _i, _j, _len, _len2, _ref;
var found, option, result, result_id, results, text, _i, _len, _ref;
this.no_results_clear();
results = 0;
searchText = this.search_field.val() === this.default_text ? "" : $('<div/>').text($.trim(this.search_field.val())).html();
regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
this.searchText = this.search_field.val() === this.default_text ? "" : $('<div/>').text($.trim(this.search_field.val())).html();
this.regex = new RegExp('^' + this.searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
this.zregex = new RegExp(this.searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
_ref = this.results_data;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
option = _ref[_i];
if (!option.disabled && !option.empty) {
if (option.group) {
$('#' + option.dom_id).css('display', 'none');
this.winnow_option_group(option);
} else if (!(this.is_multiple && option.selected)) {
found = false;
found = this.winnow_search_match(this.regex, option.html);
result_id = option.dom_id;
result = $("#" + result_id);
if (regex.test(option.html)) {
found = true;
if (found || ((option.group_array_index != null) && this.results_data[option.group_array_index].search_match)) {
results += 1;
} else if (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0) {
parts = option.html.replace(/\[|\]/g, "").split(" ");
if (parts.length) {
for (_j = 0, _len2 = parts.length; _j < _len2; _j++) {
part = parts[_j];
if (regex.test(part)) {
found = true;
results += 1;
}
}
}
}
if (found) {
if (searchText.length) {
startpos = option.html.search(zregex);
text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length);
text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
if (this.searchText.length && found) {
text = this.winnow_search_highlight_match(this.zregex, option.html, this.searchText.length);
} else {
text = option.html;
}
@ -778,13 +847,22 @@ Copyright (c) 2011 by Harvest
}
}
}
if (results < 1 && searchText.length) {
return this.no_results(searchText);
if (results < 1 && this.searchText.length) {
return this.no_results(this.searchText);
} else {
return this.winnow_results_set_highlight();
}
};
Chosen.prototype.winnow_option_group = function(group) {
var text;
$('#' + group.dom_id).css('display', 'none');
group.search_match = this.winnow_search_match(this.regex, group.label);
text = this.searchText.length && group.search_match ? this.winnow_search_highlight_match(this.zregex, group.label, this.searchText.length) : group.label;
$("#" + group.dom_id).html(text);
return group.search_match;
};
Chosen.prototype.winnow_results_clear = function() {
var li, lis, _i, _len, _results;
this.search_field.val("");

File diff suppressed because one or more lines are too long

View File

@ -106,8 +106,6 @@ Copyright (c) 2011 by Harvest
this.form_field = form_field;
this.options = options != null ? options : {};
this.set_default_values();
this.is_multiple = this.form_field.multiple;
this.default_text_default = this.is_multiple ? "Select Some Options" : "Select an Option";
this.setup();
this.set_up_html();
this.register_observers();
@ -116,6 +114,8 @@ Copyright (c) 2011 by Harvest
AbstractChosen.prototype.set_default_values = function() {
var _this = this;
this.is_multiple = this.form_field.multiple;
this.default_text_default = this.is_multiple ? "Select Some Options" : "Select an Option";
this.click_test_action = function(evt) {
return _this.test_active_click(evt);
};
@ -127,8 +127,10 @@ Copyright (c) 2011 by Harvest
this.results_showing = false;
this.result_highlighted = null;
this.result_single_selected = null;
this.enable_group_select = this.options.enable_group_select || false;
this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false;
this.disable_search_threshold = this.options.disable_search_threshold || 0;
this.enable_select_all = (this.options.enable_select_all != null) && this.is_multiple ? this.options.enable_select_all : false;
this.choices = 0;
return this.results_none_found = this.options.no_results_text || "No results match";
};
@ -197,6 +199,30 @@ Copyright (c) 2011 by Harvest
}
};
AbstractChosen.prototype.winnow_search_match = function(regex, optionText) {
var found, part, parts, _i, _len;
found = false;
if (regex.test(optionText)) {
found = true;
} else if (optionText.indexOf(" ") >= 0 || optionText.indexOf("[") === 0) {
parts = optionText.replace(/\[|\]/g, "").split(" ");
if (parts.length) {
for (_i = 0, _len = parts.length; _i < _len; _i++) {
part = parts[_i];
if (regex.test(part)) found = true;
}
}
}
return found;
};
AbstractChosen.prototype.winnow_search_highlight_match = function(regex, optionText, searchTextLength) {
var startpos, text;
startpos = optionText.search(regex);
text = optionText.substr(0, startpos + searchTextLength) + '</em>' + optionText.substr(startpos + searchTextLength);
return text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
};
AbstractChosen.prototype.keyup_checker = function(evt) {
var stroke, _ref;
stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
@ -204,15 +230,15 @@ Copyright (c) 2011 by Harvest
switch (stroke) {
case 8:
if (this.is_multiple && this.backstroke_length < 1 && this.choices > 0) {
return this.keydown_backstroke();
this.keydown_backstroke();
} else if (!this.pending_backstroke) {
this.result_clear_highlight();
return this.results_search();
this.results_search();
}
break;
case 13:
evt.preventDefault();
if (this.results_showing) return this.result_select(evt);
if (this.results_showing) this.result_select(evt);
break;
case 27:
if (this.results_showing) this.results_hide();
@ -225,8 +251,9 @@ Copyright (c) 2011 by Harvest
case 17:
break;
default:
return this.results_search();
this.results_search();
}
if (this.enable_select_all) return this.select_all_toggle();
};
AbstractChosen.prototype.generate_field_id = function() {
@ -284,7 +311,8 @@ Copyright (c) 2011 by Harvest
this.single_temp = new Template('<a href="javascript:void(0)" class="chzn-single"><span>#{default}</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>');
this.multi_temp = new Template('<ul class="chzn-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>');
this.choice_temp = new Template('<li class="search-choice" id="#{id}"><span>#{choice}</span><a href="javascript:void(0)" class="search-choice-close" rel="#{position}"></a></li>');
return this.no_results_temp = new Template('<li class="no-results">' + this.results_none_found + ' "<span>#{terms}</span>"</li>');
this.no_results_temp = new Template('<li class="no-results">' + this.results_none_found + ' "<span>#{terms}</span>"</li>');
return this.select_all_temp = new Template('<a href="javascript:void(0)" class="chzn-select-all">#{copy}</a>');
};
Chosen.prototype.set_up_html = function() {
@ -308,6 +336,7 @@ Copyright (c) 2011 by Harvest
this.container = $(this.container_id);
this.container.addClassName("chzn-container-" + (this.is_multiple ? "multi" : "single"));
this.dropdown = this.container.down('div.chzn-drop');
if (this.enable_select_all) this.select_all_setup();
dd_top = this.container.getHeight();
dd_width = this.f_width - get_side_border_padding(this.dropdown);
this.dropdown.setStyle({
@ -554,7 +583,8 @@ Copyright (c) 2011 by Harvest
this.results_showing = true;
this.search_field.focus();
this.search_field.value = this.search_field.value;
return this.winnow_results();
this.winnow_results();
if (this.enable_select_all) return this.select_all_toggle();
};
Chosen.prototype.results_hide = function() {
@ -568,6 +598,44 @@ Copyright (c) 2011 by Harvest
return this.results_showing = false;
};
Chosen.prototype.select_all_setup = function() {
var _this = this;
this.dropdown.insert(this.select_all_temp.evaluate({
"copy": "Select all options"
}));
this.select_all_link = this.dropdown.down(".chzn-select-all");
return this.select_all_link.observe("click", function(evt) {
return _this.select_all_options(evt);
});
};
Chosen.prototype.select_all_options = function(evt) {
evt.stop();
this.form_field.select("option").each(function(option) {
if (!option.disabled) return option.selected = true;
});
this.form_field.fire("liszt:updated");
return this.select_all_disable();
};
Chosen.prototype.select_all_disable = function() {
return this.select_all_link.hide();
};
Chosen.prototype.select_all_enable = function() {
return this.select_all_link.show();
};
Chosen.prototype.select_all_toggle = function() {
var actives;
actives = this.search_results.select("li.active-result");
if (!actives.length || this.search_field.value.length) {
return this.select_all_disable();
} else {
return this.select_all_enable();
}
};
Chosen.prototype.set_tab_index = function(el) {
var ti;
if (this.form_field.tabIndex) {
@ -593,10 +661,27 @@ Copyright (c) 2011 by Harvest
};
Chosen.prototype.search_results_mouseup = function(evt) {
var target;
target = evt.target.hasClassName("active-result") ? evt.target : evt.target.up(".active-result");
if (target) {
this.result_highlight = target;
var child, group, option, possible_children, _i, _len;
if (this.enable_group_select) {
group = evt.target.hasClassName("group-result") ? evt.target : evt.target.up(".group-result");
if (group) {
possible_children = group.nextSiblings();
for (_i = 0, _len = possible_children.length; _i < _len; _i++) {
child = possible_children[_i];
if (child.hasClassName("active-result")) {
this.result_highlight = $(child);
this.result_select({
metaKey: null
});
} else if (child.hasClassName("group-result")) {
return false;
}
}
}
}
option = evt.target.hasClassName("active-result") ? evt.target : evt.target.up(".active-result");
if (option) {
this.result_highlight = option;
return this.result_select(evt);
}
};
@ -726,41 +811,25 @@ Copyright (c) 2011 by Harvest
};
Chosen.prototype.winnow_results = function() {
var found, option, part, parts, regex, result_id, results, searchText, startpos, text, zregex, _i, _j, _len, _len2, _ref;
var found, option, result_id, results, text, _i, _len, _ref;
this.no_results_clear();
results = 0;
searchText = this.search_field.value === this.default_text ? "" : this.search_field.value.strip().escapeHTML();
regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
this.searchText = this.search_field.value === this.default_text ? "" : this.search_field.value.strip().escapeHTML();
this.regex = new RegExp('^' + this.searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
this.zregex = new RegExp(this.searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
_ref = this.results_data;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
option = _ref[_i];
if (!option.disabled && !option.empty) {
if (option.group) {
$(option.dom_id).hide();
this.winnow_option_group(option);
} else if (!(this.is_multiple && option.selected)) {
found = false;
found = this.winnow_search_match(this.regex, option.html);
result_id = option.dom_id;
if (regex.test(option.html)) {
found = true;
if (found || ((option.group_array_index != null) && this.results_data[option.group_array_index].search_match)) {
results += 1;
} else if (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0) {
parts = option.html.replace(/\[|\]/g, "").split(" ");
if (parts.length) {
for (_j = 0, _len2 = parts.length; _j < _len2; _j++) {
part = parts[_j];
if (regex.test(part)) {
found = true;
results += 1;
}
}
}
}
if (found) {
if (searchText.length) {
startpos = option.html.search(zregex);
text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length);
text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
if (this.searchText.length && found) {
text = this.winnow_search_highlight_match(this.zregex, option.html, this.searchText.length);
} else {
text = option.html;
}
@ -780,13 +849,21 @@ Copyright (c) 2011 by Harvest
}
}
}
if (results < 1 && searchText.length) {
return this.no_results(searchText);
if (results < 1 && this.searchText.length) {
return this.no_results(this.searchText);
} else {
return this.winnow_results_set_highlight();
}
};
Chosen.prototype.winnow_option_group = function(group) {
var text;
$("" + group.dom_id).hide();
group.search_match = this.winnow_search_match(this.regex, group.label);
text = this.searchText.length && group.search_match ? this.winnow_search_highlight_match(this.zregex, group.label, this.searchText.length) : group.label;
return $("" + group.dom_id).update(text);
};
Chosen.prototype.winnow_results_clear = function() {
var li, lis, _i, _len, _results;
this.search_field.clear();

File diff suppressed because one or more lines are too long

View File

@ -47,6 +47,8 @@ class Chosen extends AbstractChosen
@container.addClass( "chzn-container-" + (if @is_multiple then "multi" else "single") )
@dropdown = @container.find('div.chzn-drop').first()
this.select_all_setup() if @enable_select_all
dd_top = @container.height()
dd_width = (@f_width - get_side_border_padding(@dropdown))
@ -242,6 +244,7 @@ class Chosen extends AbstractChosen
@search_field.val @search_field.val()
this.winnow_results()
this.select_all_toggle() if @enable_select_all
results_hide: ->
@selected_item.removeClass "chzn-single-with-drop" unless @is_multiple
@ -249,6 +252,33 @@ class Chosen extends AbstractChosen
@dropdown.css {"left":"-9000px"}
@results_showing = false
select_all_setup: ->
select_all_temp = $("<a />", { class: "chzn-select-all" }).html("Select all options")
@dropdown.append(select_all_temp)
@select_all_link = @dropdown.find(".chzn-select-all").first()
@select_all_link.click((evt) => this.select_all_options(evt))
select_all_options: (evt) ->
evt.preventDefault()
options = @form_field_jq.find("option")
for option in options
option.selected = true if not option.disabled
@form_field_jq.trigger("liszt:updated")
this.select_all_disable()
select_all_disable: ->
@select_all_link.hide()
select_all_enable: ->
@select_all_link.show()
select_all_toggle: ->
actives = @search_results.find("li.active-result")
if not actives.length or @search_field.val().length
this.select_all_disable()
else
this.select_all_enable()
set_tab_index: (el) ->
if @form_field_jq.attr "tabindex"
@ -270,9 +300,17 @@ class Chosen extends AbstractChosen
@search_field.removeClass "default"
search_results_mouseup: (evt) ->
target = if $(evt.target).hasClass "active-result" then $(evt.target) else $(evt.target).parents(".active-result").first()
if target.length
@result_highlight = target
if @enable_group_select
group = if $(evt.target).hasClass "group-result" then $(evt.target) else $(evt.target).parents(".group-result").first()
if group.length
children = group.nextUntil(".group-result", ".active-result")
for child in children
@result_highlight = $(child)
this.result_select({metaKey: null})
option = if $(evt.target).hasClass "active-result" then $(evt.target) else $(evt.target).parents(".active-result").first()
if option.length
@result_highlight = option
this.result_select(evt)
search_results_mouseover: (evt) ->
@ -382,36 +420,25 @@ class Chosen extends AbstractChosen
results = 0
searchText = if @search_field.val() is @default_text then "" else $('<div/>').text($.trim(@search_field.val())).html()
regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
@searchText = if @search_field.val() is @default_text then "" else $('<div/>').text($.trim(@search_field.val())).html()
@regex = new RegExp('^' + @searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
@zregex = new RegExp(@searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
for option in @results_data
if not option.disabled and not option.empty
if option.group
$('#' + option.dom_id).css('display', 'none')
this.winnow_option_group(option)
else if not (@is_multiple and option.selected)
found = false
found = this.winnow_search_match(@regex, option.html)
result_id = option.dom_id
result = $("#" + result_id)
if regex.test option.html
found = true
results += 1
else if option.html.indexOf(" ") >= 0 or option.html.indexOf("[") == 0
#TODO: replace this substitution of /\[\]/ with a list of characters to skip.
parts = option.html.replace(/\[|\]/g, "").split(" ")
if parts.length
for part in parts
if regex.test part
found = true
results += 1
if found
if searchText.length
startpos = option.html.search zregex
text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length)
text = text.substr(0, startpos) + '<em>' + text.substr(startpos)
if found or (option.group_array_index? && @results_data[option.group_array_index].search_match)
results += 1
if @searchText.length and found
text = this.winnow_search_highlight_match(@zregex, option.html, @searchText.length)
else
text = option.html
@ -423,10 +450,20 @@ class Chosen extends AbstractChosen
this.result_clear_highlight() if @result_highlight and result_id is @result_highlight.attr 'id'
this.result_deactivate result
if results < 1 and searchText.length
this.no_results searchText
if results < 1 and @searchText.length
this.no_results @searchText
else
this.winnow_results_set_highlight()
winnow_option_group: (group) ->
$('#' + group.dom_id).css('display', 'none')
group.search_match = this.winnow_search_match(@regex, group.label)
text = if @searchText.length and group.search_match then this.winnow_search_highlight_match(@zregex, group.label, @searchText.length) else group.label
$("##{group.dom_id}").html(text)
return group.search_match
winnow_results_clear: ->
@search_field.val ""

View File

@ -20,6 +20,7 @@ class Chosen extends AbstractChosen
@multi_temp = new Template('<ul class="chzn-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>')
@choice_temp = new Template('<li class="search-choice" id="#{id}"><span>#{choice}</span><a href="javascript:void(0)" class="search-choice-close" rel="#{position}"></a></li>')
@no_results_temp = new Template('<li class="no-results">' + @results_none_found + ' "<span>#{terms}</span>"</li>')
@select_all_temp = new Template('<a href="javascript:void(0)" class="chzn-select-all">#{copy}</a>')
set_up_html: ->
@container_id = @form_field.identify().replace(/(:|\.)/g, '_') + "_chzn"
@ -34,11 +35,13 @@ class Chosen extends AbstractChosen
@default_text = if @form_field.readAttribute 'data-placeholder' then @form_field.readAttribute 'data-placeholder' else @default_text_default
base_template = if @is_multiple then new Element('div', container_props).update( @multi_temp.evaluate({ "default": @default_text}) ) else new Element('div', container_props).update( @single_temp.evaluate({ "default":@default_text }) )
@form_field.hide().insert({ after: base_template })
@container = $(@container_id)
@container.addClassName( "chzn-container-" + (if @is_multiple then "multi" else "single") )
@dropdown = @container.down('div.chzn-drop')
this.select_all_setup() if @enable_select_all
dd_top = @container.getHeight()
dd_width = (@f_width - get_side_border_padding(@dropdown))
@ -233,6 +236,7 @@ class Chosen extends AbstractChosen
@search_field.value = @search_field.value
this.winnow_results()
this.select_all_toggle() if @enable_select_all
results_hide: ->
@selected_item.removeClassName('chzn-single-with-drop') unless @is_multiple
@ -240,6 +244,30 @@ class Chosen extends AbstractChosen
@dropdown.setStyle({"left":"-9000px"})
@results_showing = false
select_all_setup: ->
@dropdown.insert(@select_all_temp.evaluate({ "copy": "Select all options" }))
@select_all_link = @dropdown.down(".chzn-select-all")
@select_all_link.observe("click", (evt) => this.select_all_options(evt))
select_all_options: (evt) ->
evt.stop()
@form_field.select("option").each (option) ->
option.selected = true if not option.disabled
@form_field.fire("liszt:updated")
this.select_all_disable()
select_all_disable: ->
@select_all_link.hide()
select_all_enable: ->
@select_all_link.show()
select_all_toggle: ->
actives = @search_results.select("li.active-result")
if not actives.length or @search_field.value.length
this.select_all_disable()
else
this.select_all_enable()
set_tab_index: (el) ->
if @form_field.tabIndex
@ -261,9 +289,20 @@ class Chosen extends AbstractChosen
@search_field.removeClassName "default"
search_results_mouseup: (evt) ->
target = if evt.target.hasClassName("active-result") then evt.target else evt.target.up(".active-result")
if target
@result_highlight = target
if @enable_group_select
group = if evt.target.hasClassName("group-result") then evt.target else evt.target.up(".group-result")
if group
possible_children = group.nextSiblings()
for child in possible_children
if child.hasClassName("active-result")
@result_highlight = $(child)
this.result_select({metaKey: null})
else if child.hasClassName("group-result")
return false
option = if evt.target.hasClassName("active-result") then evt.target else evt.target.up(".active-result")
if option
@result_highlight = option
this.result_select(evt)
search_results_mouseover: (evt) ->
@ -373,35 +412,24 @@ class Chosen extends AbstractChosen
results = 0
searchText = if @search_field.value is @default_text then "" else @search_field.value.strip().escapeHTML()
regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
@searchText = if @search_field.value is @default_text then "" else @search_field.value.strip().escapeHTML()
@regex = new RegExp('^' + @searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
@zregex = new RegExp(@searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')
for option in @results_data
if not option.disabled and not option.empty
if option.group
$(option.dom_id).hide()
this.winnow_option_group(option)
else if not (@is_multiple and option.selected)
found = false
found = this.winnow_search_match(@regex, option.html)
result_id = option.dom_id
if regex.test option.html
found = true
if found or (option.group_array_index? && @results_data[option.group_array_index].search_match)
results += 1
else if option.html.indexOf(" ") >= 0 or option.html.indexOf("[") == 0
#TODO: replace this substitution of /\[\]/ with a list of characters to skip.
parts = option.html.replace(/\[|\]/g, "").split(" ")
if parts.length
for part in parts
if regex.test part
found = true
results += 1
if found
if searchText.length
startpos = option.html.search zregex
text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length)
text = text.substr(0, startpos) + '<em>' + text.substr(startpos)
if @searchText.length and found
text = this.winnow_search_highlight_match(@zregex, option.html, @searchText.length)
else
text = option.html
@ -414,11 +442,19 @@ class Chosen extends AbstractChosen
this.result_clear_highlight() if $(result_id) is @result_highlight
this.result_deactivate $(result_id)
if results < 1 and searchText.length
this.no_results(searchText)
if results < 1 and @searchText.length
this.no_results(@searchText)
else
this.winnow_results_set_highlight()
winnow_option_group: (group) ->
$("#{group.dom_id}").hide()
group.search_match = this.winnow_search_match(@regex, group.label)
text = if @searchText.length and group.search_match then this.winnow_search_highlight_match(@zregex, group.label, @searchText.length) else group.label
$("#{group.dom_id}").update(text)
winnow_results_clear: ->
@search_field.clear()
lis = @search_results.select("li")

View File

@ -8,9 +8,6 @@ class AbstractChosen
constructor: (@form_field, @options={}) ->
this.set_default_values()
@is_multiple = @form_field.multiple
@default_text_default = if @is_multiple then "Select Some Options" else "Select an Option"
this.setup()
@ -20,6 +17,9 @@ class AbstractChosen
this.finish_setup()
set_default_values: ->
@is_multiple = @form_field.multiple
@default_text_default = if @is_multiple then "Select Some Options" else "Select an Option"
@click_test_action = (evt) => this.test_active_click(evt)
@activate_action = (evt) => this.activate_field(evt)
@active_field = false
@ -27,8 +27,10 @@ class AbstractChosen
@results_showing = false
@result_highlighted = null
@result_single_selected = null
@enable_group_select = @options.enable_group_select || false
@allow_single_deselect = if @options.allow_single_deselect? and @form_field.options[0]? and @form_field.options[0].text is "" then @options.allow_single_deselect else false
@disable_search_threshold = @options.disable_search_threshold || 0
@enable_select_all = if @options.enable_select_all? and @is_multiple then @options.enable_select_all else false
@choices = 0
@results_none_found = @options.no_results_text or "No results match"
@ -75,6 +77,24 @@ class AbstractChosen
else
this.results_show()
winnow_search_match: (regex, optionText) ->
found = false
if regex.test optionText
found = true
else if optionText.indexOf(" ") >= 0 or optionText.indexOf("[") == 0
#TODO: replace this substitution of /\[\]/ with a list of characters to skip.
parts = optionText.replace(/\[|\]/g, "").split(" ")
if parts.length
for part in parts
if regex.test part
found = true
return found
winnow_search_highlight_match: (regex, optionText, searchTextLength) ->
startpos = optionText.search regex
text = optionText.substr(0, startpos + searchTextLength) + '</em>' + optionText.substr(startpos + searchTextLength)
text = text.substr(0, startpos) + '<em>' + text.substr(startpos)
keyup_checker: (evt) ->
stroke = evt.which ? evt.keyCode
this.search_field_scale()
@ -95,6 +115,8 @@ class AbstractChosen
when 9, 38, 40, 16, 91, 17
# don't do anything on these keys
else this.results_search()
this.select_all_toggle() if @enable_select_all
generate_field_id: ->
new_id = this.generate_random_id()