Skip to content
Browse files

Use (modified and re-styled) "chosen" select boxes

  • Loading branch information...
1 parent d9c4111 commit b072cc9ccfa203a68a85987819f0d177bc6d47b7 @jensl committed with Jan 16, 2014
Showing with 2,000 additions and 114 deletions.
  1. +3 −0 .gitmodules
  2. +38 −5 COPYING
  3. +23 −0 installation/externals/MIT-LICENSE.Chosen.md
  4. 0 MIT-LICENSE.txt → installation/externals/MIT-LICENSE.jQuery.txt
  5. +1 −0 installation/externals/chosen
  6. +21 −14 src/page/config.py
  7. +1 −4 src/page/createreview.py
  8. +2 −2 src/page/search.py
  9. +26 −28 src/page/utils.py
  10. +23 −3 src/resources/basic.css
  11. +11 −1 src/resources/branches.js
  12. +8 −5 src/resources/changeset.js
  13. +14 −0 src/resources/config.css
  14. +40 −15 src/resources/config.js
  15. +5 −6 src/resources/createreview.css
  16. +13 −11 src/resources/createreview.js
  17. +7 −4 src/resources/home.js
  18. +0 −8 src/resources/jquery-ui-overrides.css
  19. +41 −0 src/resources/overrides.css
  20. +13 −7 src/resources/search.js
  21. BIN src/resources/third-party/chosen-sprite.png
  22. BIN src/resources/third-party/chosen-sprite@2x.png
  23. +443 −0 src/resources/third-party/chosen.css
  24. +1,261 −0 src/resources/third-party/chosen.js
  25. +3 −0 src/resources/third-party/chosen.min.css
  26. +2 −0 src/resources/third-party/chosen.min.js
  27. 0 src/resources/{ → third-party}/images/ui-bg_flat_75_aaaaaa_40x100.png
  28. 0 src/resources/{ → third-party}/images/ui-bg_glass_100_f5f0e5_1x400.png
  29. 0 src/resources/{ → third-party}/images/ui-bg_glass_25_cb842e_1x400.png
  30. 0 src/resources/{ → third-party}/images/ui-bg_glass_70_ede4d4_1x400.png
  31. 0 src/resources/{ → third-party}/images/ui-bg_highlight-hard_100_f4f0ec_1x100.png
  32. 0 src/resources/{ → third-party}/images/ui-bg_highlight-hard_65_fee4bd_1x100.png
  33. 0 src/resources/{ → third-party}/images/ui-bg_highlight-hard_75_f5f5b5_1x100.png
  34. 0 src/resources/{ → third-party}/images/ui-bg_inset-soft_100_f4f0ec_1x100.png
  35. 0 src/resources/{ → third-party}/images/ui-icons_c47a23_256x240.png
  36. 0 src/resources/{ → third-party}/images/ui-icons_cb672b_256x240.png
  37. 0 src/resources/{ → third-party}/images/ui-icons_f08000_256x240.png
  38. 0 src/resources/{ → third-party}/images/ui-icons_f35f07_256x240.png
  39. 0 src/resources/{ → third-party}/images/ui-icons_ff7519_256x240.png
  40. 0 src/resources/{ → third-party}/images/ui-icons_ffffff_256x240.png
  41. 0 src/resources/{ → third-party}/jquery-2.0.0.min.js
  42. 0 src/resources/{ → third-party}/jquery-ui-1.10.2.custom.css
  43. 0 src/resources/{ → third-party}/jquery-ui-1.10.2.custom.min.js
  44. 0 src/resources/{ → third-party}/jquery-ui-autocomplete-html.js
  45. 0 src/resources/{ → third-party}/jquery-ui.css
  46. 0 src/resources/{ → third-party}/jquery-ui.js
  47. 0 src/resources/{ → third-party}/jquery.js
  48. +1 −1 testing/tests/001-main/001-empty/001-anonymous/013-static-resource.py
View
3 .gitmodules
@@ -0,0 +1,3 @@
+[submodule "installation/externals/chosen"]
+ path = installation/externals/chosen
+ url = ../chosen.git
View
43 COPYING
@@ -1,15 +1,27 @@
-Copyright 2012 Jens Lindström, Opera Software ASA
+Copyright 2012-2014 the Critic contributors, Opera Software ASA
-The Critic code review system is licensed under the Apache License, version
-2.0, with exceptions noted below. You may obtain a copy of the License at
+The Critic code review system is licensed under the Apache License, version 2.0,
+with exceptions noted below. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
+An list of contributors can be found in the CONTRIBUTORS file.
+
+
+Third-party software
+====================
+
+The following third-party software is distributed with Critic (checked into
+Critic's Git repository.)
+
+jQuery
+------
The jQuery library is licensed under the MIT License, available in the file
-MIT-LICENSE.txt. These files distributed with Critic are part of jQuery:
+installation/externals/MIT-LICENSE.jQuery.txt. These files distributed with
+Critic are part of jQuery:
- MIT-LICENSE.txt
+ installation/externals/MIT-LICENSE.jQuery.txt
resources/jquery-2.0.0.min.js
resources/jquery-ui-1.10.2.custom.css
resources/jquery-ui-1.10.2.custom.min.js
@@ -18,3 +30,24 @@ MIT-LICENSE.txt. These files distributed with Critic are part of jQuery:
For more information, see:
http://jquery.org/
+
+Chosen
+------
+
+The Chosen library is licensed under the MIT License, available in the file
+installation/externals/MIT-LICENSE.Chosen.md. These files distributed with
+Critic are part of Chosen:
+
+ installation/externals/MIT-LICENSE.Chosen.md
+ resources/chosen*.js
+ resources/chosen*.css
+ resources/chosen-*.png
+
+For more information, see:
+
+ http://harvesthq.github.io/chosen/
+
+Critic's version of Chosen is built from slightly modified fork of the main
+GitHub repository:
+
+ https://github.com/jensl/chosen
View
23 installation/externals/MIT-LICENSE.Chosen.md
@@ -0,0 +1,23 @@
+#### Chosen
+- by Patrick Filler for [Harvest](http://getharvest.com)
+- Copyright (c) 2011-2013 by Harvest
+
+Available for use under the [MIT License](http://en.wikipedia.org/wiki/MIT_License)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
View
0 MIT-LICENSE.txt → ...allation/externals/MIT-LICENSE.jQuery.txt
File renamed without changes.
1 installation/externals/chosen
@@ -0,0 +1 @@
+Subproject commit fe35043ae86fb874bebc1bf6c5b3f6a1f7dbdff0
View
35 src/page/config.py
@@ -242,8 +242,10 @@ def set_values(rows, is_overrides):
options = None
optgroup = None
- def addOption(value, name, selected=lambda value: value==current_value):
- (optgroup or options).option(value=value, selected="selected" if selected(value) else None).text(name)
+ def addOption(value, name, selected=lambda value: value==current_value, **attributes):
+ (optgroup or options).option(
+ value=value, selected="selected" if selected(value) else None,
+ **attributes).text(name)
if preference_type == "boolean":
value.input(
@@ -258,17 +260,12 @@ def addOption(value, name, selected=lambda value: value==current_value):
critic_current=htmlutils.jsify(current_value),
critic_default=htmlutils.jsify(default_value))
elif item == "defaultRepository":
- options = value.select(
- "setting", id=input_id, name=item, disabled=disabled,
+ page.utils.generateRepositorySelect(
+ db, user, value, allow_selecting_none=True,
+ placeholder_text="No default repository", selected=current_value,
+ id=input_id, name=item, disabled=disabled,
critic_current=htmlutils.jsify(current_value),
critic_default=htmlutils.jsify(default_value))
-
- addOption("", "(no default repository)")
-
- cursor2 = db.cursor()
- cursor2.execute("SELECT name FROM repositories ORDER BY id ASC")
- for (name,) in cursor2:
- addOption(name, name)
elif item == "defaultPage":
options = value.select(
"setting", id=input_id, name=item, disabled=disabled,
@@ -282,7 +279,9 @@ def addOption(value, name, selected=lambda value: value==current_value):
addOption("tutorial", "Tutorial")
elif item == "email.urlType":
cursor2 = db.cursor()
- cursor2.execute("SELECT key, description FROM systemidentities")
+ cursor2.execute("""SELECT key, description, authenticated_scheme, hostname
+ FROM systemidentities
+ ORDER BY description ASC""")
identities = cursor2.fetchall()
selected = set(current_value.split(","))
@@ -293,8 +292,16 @@ def addOption(value, name, selected=lambda value: value==current_value):
critic_current=htmlutils.jsify(current_value),
critic_default=htmlutils.jsify(default_value))
- for key, description in identities:
- addOption(key, description, selected=lambda value: value in selected)
+ for key, label, authenticated_scheme, hostname in identities:
+ prefix = "%s://%s/" % (authenticated_scheme, hostname)
+ addOption(key, label, selected=lambda value: value in selected,
+ class_="url-type flex",
+ data_text=label,
+ data_html=("<span class=label>%s</span>"
+ "<span class=prefix>%s</span>"
+ % (htmlutils.htmlify(label),
+ htmlutils.htmlify(prefix))))
+
elif item == "email.updatedReview.quotedComments":
options = value.select(
"setting", id=input_id, name=item, disabled=disabled,
View
5 src/page/createreview.py
@@ -136,17 +136,14 @@ def renderSelectSource(req, db, user):
default_branches = {}
def renderLocalRepository(target):
- repositories = target.select("repository")
+ page.utils.generateRepositorySelect(db, user, target)
cursor.execute("""SELECT repositories.id, repositories.name, repositories.path, branches.name
FROM repositories
LEFT OUTER JOIN branches ON (branches.id=repositories.branch)
ORDER BY id""")
for repository_id, name, path, branch_name in cursor.fetchall():
- option = repositories.option("repository", value=name, selected="selected" if name == default_repository else None)
- option.text("%s [%s]" % (name, gitutils.Repository.constructURL(db, user, path)))
-
local_names = ["*"]
if branch_name:
View
4 src/page/search.py
@@ -74,7 +74,7 @@ def renderState(target):
state = target.fieldset("search-state")
state.label("input-label").text("State")
select = state.select(name="state")
- select.option(value="-", selected="selected").text("Any state")
+ select.option(value="", selected="selected").text("Any state")
select.option(value="open").text("Open")
select.option(value="pending").text("Pending")
select.option(value="accepted").text("Accepted")
@@ -92,7 +92,7 @@ def renderRepository(target):
fieldset.label("input-label").text("Repository")
page.utils.generateRepositorySelect(
db, user, fieldset, name="repository", selected=False,
- none_label="Any repository", allow_selecting_none=True)
+ placeholder_text="Any repository", allow_selecting_none=True)
section = body.section("paleyellow section")
section.h1("section-heading").text("Review Search")
View
54 src/page/utils.py
@@ -16,7 +16,6 @@
import re
-import gitutils
import htmlutils
import configuration
@@ -44,14 +43,16 @@ def generateEmpty(target):
pass
def generateHeader(target, db, user, generate_right=None, current_page=None, extra_links=[], profiler=None):
- target.addExternalStylesheet("resource/jquery-ui.css")
- target.addExternalStylesheet("resource/jquery-ui-overrides.css")
+ target.addExternalStylesheet("resource/third-party/jquery-ui.css")
+ target.addExternalStylesheet("resource/third-party/chosen.css")
+ target.addExternalStylesheet("resource/overrides.css")
target.addExternalStylesheet("resource/basic.css")
target.addInternalStylesheet(".defaultfont, body { %s }" % user.getPreference(db, "style.defaultFont"))
target.addInternalStylesheet(".sourcefont { %s }" % user.getPreference(db, "style.sourceFont"))
- target.addExternalScript("resource/jquery.js")
- target.addExternalScript("resource/jquery-ui.js")
- target.addExternalScript("resource/jquery-ui-autocomplete-html.js")
+ target.addExternalScript("resource/third-party/jquery.js")
+ target.addExternalScript("resource/third-party/jquery-ui.js")
+ target.addExternalScript("resource/third-party/jquery-ui-autocomplete-html.js")
+ target.addExternalScript("resource/third-party/chosen.js")
target.addExternalScript("resource/basic.js")
target.noscript().h1("noscript").blink().text("Please enable scripting support!")
@@ -325,8 +326,8 @@ def addSeparator(self):
self.table.tr("separator").td(colspan=len(self.columns)).div()
def generateRepositorySelect(db, user, target, allow_selecting_none=False,
- none_label=None, selected=None, **attributes):
- select = target.select("repository", **attributes)
+ placeholder_text=None, selected=None, **attributes):
+ select = target.select("repository-select", **attributes)
cursor = db.cursor()
cursor.execute("""SELECT id, name, path
@@ -336,25 +337,20 @@ def generateRepositorySelect(db, user, target, allow_selecting_none=False,
rows = cursor.fetchall()
if not rows:
- select.option(value="-", disabled="disabled").text("No repositories")
+ # Note: not honoring 'placeholder_text' here; callers typically don't
+ # take into account the possibility that there are no repositories.
+ select.setAttribute("data-placeholder", "No repositories")
+ select.option(value="", selected="selected")
return
if selected is None:
- if len(rows) == 1:
- selected = rows[0][0]
- else:
- selected = user.getPreference(db, "defaultRepository")
+ selected = user.getPreference(db, "defaultRepository")
if not selected or allow_selecting_none:
- if allow_selecting_none:
- disabled = None
- label = none_label or "No repository"
- else:
- disabled = "disabled"
- label = "Select a repository"
-
- option = select.option(value="-", selected="selected", disabled=disabled)
- option.text(label)
+ if placeholder_text is None:
+ placeholder_text = "Select a repository"
+ select.setAttribute("data-placeholder", placeholder_text)
+ select.option(value="", selected="selected")
highlighted_ids = set()
@@ -381,21 +377,23 @@ def generateRepositorySelect(db, user, target, allow_selecting_none=False,
highlighted = select.optgroup(label="Highlighted")
other = select.optgroup(label="Other")
- name_width = max(len(name) for (_, name, _) in rows)
- url_width = max(len(gitutils.Repository.constructURL(db, user, path)) for (_, _, path) in rows)
- label_format = "%-{0}s %{1}s".format(name_width, url_width)
+ html_format = ("<span class=repository-name>%s</span>"
+ "<span class=repository-path>%s</span>")
for repository_id, name, path in rows:
if repository_id in highlighted_ids:
optgroup = highlighted
else:
optgroup = other
- url = gitutils.Repository.constructURL(db, user, path)
-
if repository_id == selected or name == selected:
is_selected = "selected"
else:
is_selected = None
- optgroup.option(value=name, selected=is_selected).text(label_format % (name, url))
+ html = html_format % (name, path)
+
+ option = optgroup.option("repository flex",
+ value=name, selected=is_selected,
+ data_text=name, data_html=html)
+ option.text(name)
View
26 src/resources/basic.css
@@ -311,6 +311,26 @@ table.pageheader td.left > ul > li:first-child:before {
padding: 2px 4px
}
+.repository-select {
+ background-color: white;
+ text-align: left;
+ white-space: nowrap
+}
+
+.repository-select .repository {
+ flex-flow: row wrap;
+}
+
+.repository-select .repository .repository-name {
+ font-weight: bold
+}
+
+.repository-select .repository .repository-path {
+ font-family: monospace;
+ padding-left: 0.5rem;
+ margin-left: auto;
+}
+
.notifications {
position: fixed;
width: 400px;
@@ -358,9 +378,9 @@ div.searchdialog input {
}
.flex {
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
+ display: -ms-flexbox !important;
+ display: -webkit-flex !important;
+ display: flex !important;
}
input:not([type]),
View
12 src/resources/branches.js
@@ -16,11 +16,21 @@
*/
-$(document).ready(function ()
+$(function ()
{
$("td.repositories select").change(function (ev)
{
if (typeof repository == "undefined" || ev.target.value != repository.id)
location.href = "/branches?repository=" + encodeURIComponent(ev.target.value);
});
+
+ $(".repository-select").chosen({
+ inherit_select_classes: true,
+ generate_selected_value: function (item)
+ {
+ return { html: "Repository: <b>" + htmlify(item.text) + "</b>" };
+ },
+ collapsed_width: "auto",
+ expanded_width: "600px"
+ });
});
View
13 src/resources/changeset.js
@@ -865,10 +865,11 @@ function fetchFile(file_id, side, replace_tbody)
function detectMoves()
{
- var content = $("<div title='Detect Moved Code' class='detectmoves'><p>Source file:<br><select class='source'><option value='any'>Any</option></select></p><p>Target file:<br><select class='target'><option value='any'>Any</option></select></p></div>");
+ var content = $("<div title='Detect Moved Code' class='detectmoves'><p>Source file:<br><select class='source'><option value='any'></option></select></p><p>Target file:<br><select class='target'><option value='any'></option></select></p></div>");
- var source = content.find("select.source");
- var target = content.find("select.target");
+ var selects = content.find("select");
+ var source = selects.filter(".source");
+ var target = selects.filter(".target");
var fileids = {};
var paths = [];
var expanded_files = [];
@@ -899,8 +900,7 @@ function detectMoves()
else
selected = "";
- source.append("<option value='" + fileid + "'" + selected + ">" + htmlify(path) + "</option>");
- target.append("<option value='" + fileid + "'" + selected + ">" + htmlify(path) + "</option>");
+ selects.append("<option value='" + fileid + "'" + selected + ">" + htmlify(path) + "</option>");
}
function finish()
@@ -917,6 +917,9 @@ function detectMoves()
content.dialog({ width: 600,
buttons: { Search: function () { finish(); content.dialog("close"); },
Cancel: function () { content.dialog("close"); } } });
+
+ selects.chosen({ placeholder_text: "Any",
+ allow_single_deselect: true });
}
var BLAME = null;
View
14 src/resources/config.css
@@ -111,3 +111,17 @@ div.installed_sha1 a:hover {
.notification.saved pre {
margin: 5px 0 3px 1em
}
+
+.url-type {
+ flex-flow: row wrap;
+}
+
+.url-type .label {
+ font-weight: bold
+}
+
+.url-type .prefix {
+ font-family: monospace;
+ padding-left: 0.5rem;
+ margin-left: auto;
+}
View
55 src/resources/config.js
@@ -135,13 +135,20 @@ function saveSettings(reset_item)
if (element.type == "checkbox")
element.checked = default_value;
else
+ {
element.value = default_value;
+ if (element instanceof HTMLSelectElement)
+ $(element).trigger("chosen:updated");
+ }
$(element).parents("tr.line").removeClass("customized");
element.setAttribute("critic-current", JSON.stringify(default_value));
}
else
- $("td.value > .setting").each(processElement);
+ {
+ $("td.value > input.setting, td.value > select.setting")
+ .each(processElement);
+ }
function builtInSaved(result)
{
@@ -220,26 +227,44 @@ $(document).ready(function ()
showMessage("Important Note!", "Important Note!", "<p>Please note that when creating a review by pushing a branch whose name starts with <code>r/</code>, only the first (head) commit on the branch will be added to the review, and you will not be able to add its ancestor commits later.</p><p><strong>This feature cannot be used to create a review of multiple commits!</strong></p>");
});
- $("select.repository").change(function (ev)
- {
- var repository = ev.target.value;
- var params = {};
+ $("td.h1 .repository-select")
+ .change(function (ev)
+ {
+ var repository = ev.target.value;
+ var params = {};
- if (repository != "-")
- params.repository = repository;
+ if (repository)
+ params.repository = repository;
- if (defaults)
- params.defaults = "yes";
+ if (defaults)
+ params.defaults = "yes";
- var url = "/config";
+ var url = "/config";
- if (Object.keys(params).length)
- url += "?" + Object.keys(params).map(function (name) { return name + "=" + encodeURIComponent(params[name]); }).join("&");
+ if (Object.keys(params).length)
+ url += "?" + Object.keys(params).map(function (name) { return name + "=" + encodeURIComponent(params[name]); }).join("&");
- location.assign(url);
- });
+ location.assign(url);
+ })
+ .chosen({ inherit_select_classes: true,
+ allow_single_deselect: true,
+ collapsed_width: "auto",
+ expanded_width: "600px" });
+
+ $("td.value > select.setting")
+ .chosen({ inherit_select_classes: true,
+ disable_search: true,
+ collapsed_width: "auto",
+ expanded_width: "30em" });
+
+ $("td.value > .repository-select")
+ .chosen({ inherit_select_classes: true,
+ allow_single_deselect: true,
+ collapsed_width: "auto",
+ expanded_width: "40em" })
+ .addClass("setting");
- $("select, input").bind("change input", scheduleSaveSettings);
+ $(".setting").bind("change input", scheduleSaveSettings);
window.addEventListener("beforeunload", function (ev)
{
View
11 src/resources/createreview.css
@@ -106,10 +106,6 @@ p.remotepath {
margin-bottom: 0
}
-select.repository {
- width: 40em
-}
-
code.branch, code.remote {
border: 1px solid #cca;
background-color: #fffff4;
@@ -120,7 +116,10 @@ code.branch > a, code.remote > a {
color: #222
}
-input.remote, input.workbranch, input.upstreamcommit {
- font-family: monospace;
+select.repository-select, input.remote, input.workbranch, input.upstreamcommit {
width: 40em
}
+
+input.remote, input.workbranch, input.upstreamcommit {
+ font-family: monospace
+}
View
24 src/resources/createreview.js
@@ -295,17 +295,19 @@ $(document).ready(function ()
{
connectApplyFilters();
- $("select.repository").change(
- function ()
- {
- var name = $(this).val();
+ $(".repository-select")
+ .change(
+ function ()
+ {
+ var name = $(this).val();
- if (default_remotes[name])
- $("input.remote").val(default_remotes[name]);
+ if (default_remotes[name])
+ $("input.remote").val(default_remotes[name]);
- if (default_branches[name])
- $("input.upstreamcommit").val(default_branches[name] ? "refs/heads/" + default_branches[name] : "");
- });
+ if (default_branches[name])
+ $("input.upstreamcommit").val(default_branches[name] ? "refs/heads/" + default_branches[name] : "");
+ })
+ .chosen({ inherit_select_classes: true });
function getCurrentRemote()
{
@@ -351,7 +353,7 @@ $(document).ready(function ()
{
if (result)
location.href = ("/createreview" +
- "?repository=" + encodeURIComponent($("select.repository").val().trim()) +
+ "?repository=" + encodeURIComponent($("select.repository-select").val().trim()) +
"&commits=" + encodeURIComponent(result.commit_ids) +
"&remote=" + encodeURIComponent(getCurrentRemote()) +
"&branch=" + encodeURIComponent(branch) +
@@ -361,7 +363,7 @@ $(document).ready(function ()
var operation = new Operation({ action: "fetch remote branch",
url: "fetchremotebranch",
- data: { repository_name: $("select.repository").val().trim(),
+ data: { repository_name: $("select.repository-select").val().trim(),
remote: getCurrentRemote(),
branch: branch,
upstream: upstream },
View
11 src/resources/home.js
@@ -269,7 +269,7 @@ function editFilter(repository_name, filter_id, filter_type, filter_path, filter
{
var repository_name = repository.val();
- if (repository_name && repository_name != "-")
+ if (repository_name)
{
var operation = new Operation({ action: "fetch path suggestions",
url: "getrepositorypaths",
@@ -329,7 +329,7 @@ function editFilter(repository_name, filter_id, filter_type, filter_path, filter
function updateMatchedFiles()
{
- if (!repository.val() || repository.val() == "-")
+ if (!repository.val())
return;
var repository_value = repository.val();
@@ -415,7 +415,7 @@ function editFilter(repository_name, filter_id, filter_type, filter_path, filter
else
delegates_value = [];
- if (repository.val() == "-")
+ if (!repository.val())
{
showMessage("Invalid input", "No repository selected!", "Please select a repository.",
function () { repository.focus(); });
@@ -476,7 +476,10 @@ function editFilter(repository_name, filter_id, filter_type, filter_path, filter
modal: true,
buttons: buttons });
- if (repository.val() == "-")
+ dialog.find(".repository-select").chosen({ inherit_select_classes: true });
+ dialog.find("select[name='type']").chosen({ disable_search: true });
+
+ if (!repository.val())
repository.focus();
else
path.focus();
View
8 src/resources/jquery-ui-overrides.css
@@ -1,8 +0,0 @@
-.ui-widget,
-.ui-widget input,
-.ui-widget select,
-.ui-widget textarea,
-.ui-widget button
-{
- font-family: Verdana, Helvetica, Arial, sans-serif
-}
View
41 src/resources/overrides.css
@@ -0,0 +1,41 @@
+.ui-widget,
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button,
+.repository-select
+{
+ font-family: Verdana, Helvetica, Arial, sans-serif
+}
+
+.chosen-container .chosen-drop {
+ background-color: #f2ece0;
+}
+
+.chosen-container-single .chosen-single {
+ border-color: #cdc3b7;
+}
+
+.chosen-container .chosen-results li.group-result {
+ color: #444;
+ border-bottom: 1px solid #444;
+}
+
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+
+.chosen-container-single .chosen-single,
+.chosen-container-active.chosen-with-drop .chosen-single,
+.chosen-container-multi .chosen-choices li.search-choice {
+ background: #ede4d4 url(images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x;
+}
+
+.chosen-container .chosen-drop,
+.chosen-container-active .chosen-single,
+.chosen-container-active.chosen-with-drop .chosen-single,
+.chosen-container-active .chosen-choices {
+ border-color: #f5ad66;
+}
View
20 src/resources/search.js
@@ -16,8 +16,6 @@
*/
-/* -*- Mode: text; indent-tabs-mode: nil -*- */
-
"use strict";
$(function () {
@@ -95,7 +93,7 @@ $(function () {
terms.push.apply(terms, users.map(with_keyword(usersKey)));
var repository = form.repository.value;
- if (repository && repository !== "-") {
+ if (repository) {
terms.push(with_keyword("repository")(repository));
}
@@ -108,13 +106,21 @@ $(function () {
terms.push.apply(terms, paths.map(with_keyword("path")));
var state = form.state.value;
- if (state && state !== "-") {
+ if (state) {
terms.push(with_keyword("state")(state));
}
quickSearch(terms.join(" "));
});
- $(document.forms.search.user)
- .autocomplete({ source: AutoCompleteUsers(users) });
- });
+ $(document.forms.search.user)
+ .autocomplete({ source: AutoCompleteUsers(users) });
+
+ $("select[name='state']").chosen();
+
+ $(".repository-select")
+ .chosen({ inherit_select_classes: true,
+ allow_single_deselect: true,
+ collapsed_width: "100%",
+ expanded_width: "40em" });
+});
View
BIN src/resources/third-party/chosen-sprite.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/resources/third-party/chosen-sprite@2x.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
443 src/resources/third-party/chosen.css
@@ -0,0 +1,443 @@
+/*!
+Chosen, a Select Box Enhancer for jQuery and Prototype
+by Patrick Filler for Harvest, http://getharvest.com
+
+Version 1.0.0
+Full source at https://github.com/harvesthq/chosen
+Copyright (c) 2011 Harvest http://getharvest.com
+
+MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+This file is generated by `grunt build`, do not edit it by hand.
+*/
+
+/* @group Base */
+.chosen-container {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ font-size: 13px;
+ zoom: 1;
+ *display: inline;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+.chosen-container .chosen-drop {
+ position: absolute;
+ top: 100%;
+ left: -9999px;
+ z-index: 1010;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ border: 1px solid #aaa;
+ border-top: 0;
+ background: #fff;
+ box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
+}
+.chosen-container.chosen-with-drop .chosen-drop {
+ left: 0;
+}
+.chosen-container a {
+ cursor: pointer;
+}
+
+/* @end */
+/* @group Single Chosen */
+.chosen-container-single .chosen-single {
+ position: relative;
+ display: block;
+ overflow: hidden;
+ padding: 0 0 0 8px;
+ height: 23px;
+ border: 1px solid #aaa;
+ border-radius: 5px;
+ background-color: #fff;
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
+ background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+ background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+ background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+ background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+ background-clip: padding-box;
+ box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
+ color: #444;
+ text-decoration: none;
+ white-space: nowrap;
+ line-height: 24px;
+}
+.chosen-container-single .chosen-default {
+ color: #999;
+}
+.chosen-container-single .chosen-single span {
+ display: block;
+ overflow: hidden;
+ margin-right: 26px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.chosen-container-single .chosen-single-with-deselect span {
+ margin-right: 50px;
+}
+.chosen-container-single .chosen-single abbr {
+ position: absolute;
+ top: 6px;
+ right: 26px;
+ display: block;
+ width: 12px;
+ height: 12px;
+ background: url('chosen-sprite.png') -42px 1px no-repeat;
+ font-size: 1px;
+}
+.chosen-container-single .chosen-single abbr:hover {
+ background-position: -42px -10px;
+}
+.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
+ background-position: -42px -10px;
+}
+.chosen-container-single .chosen-single div {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: block;
+ width: 18px;
+ height: 100%;
+}
+.chosen-container-single .chosen-single div b {
+ display: block;
+ width: 100%;
+ height: 100%;
+ background: url('chosen-sprite.png') no-repeat 0px 2px;
+}
+.chosen-container-single .chosen-search {
+ position: relative;
+ z-index: 1010;
+ margin: 0;
+ padding: 3px 4px;
+ white-space: nowrap;
+}
+.chosen-container-single .chosen-search input[type="text"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 1px 0;
+ padding: 4px 20px 4px 5px;
+ width: 100%;
+ height: auto;
+ outline: 0;
+ border: 1px solid #aaa;
+ background: white url('chosen-sprite.png') no-repeat 100% -20px;
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
+ font-size: 1em;
+ font-family: sans-serif;
+ line-height: normal;
+ border-radius: 0;
+}
+.chosen-container-single .chosen-drop {
+ margin-top: -1px;
+ border-radius: 0 0 4px 4px;
+ background-clip: padding-box;
+}
+.chosen-container-single.chosen-container-single-nosearch .chosen-search {
+ position: absolute;
+ left: -9999px;
+}
+
+/* @end */
+/* @group Results */
+.chosen-container .chosen-results {
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+ margin: 0 4px 4px 0;
+ padding: 0 0 0 4px;
+ max-height: 240px;
+ -webkit-overflow-scrolling: touch;
+}
+.chosen-container .chosen-results li {
+ display: none;
+ margin: 0;
+ padding: 5px 6px;
+ list-style: none;
+ line-height: 15px;
+ -webkit-touch-callout: none;
+}
+.chosen-container .chosen-results li.active-result {
+ display: list-item;
+ cursor: pointer;
+}
+.chosen-container .chosen-results li.disabled-result {
+ display: list-item;
+ color: #ccc;
+ cursor: default;
+}
+.chosen-container .chosen-results li.highlighted {
+ background-color: #3875d7;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
+ background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
+ background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
+ background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
+ background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
+ color: #fff;
+}
+.chosen-container .chosen-results li.no-results {
+ display: list-item;
+ background: #f4f4f4;
+}
+.chosen-container .chosen-results li.group-result {
+ display: list-item;
+ font-weight: bold;
+ cursor: default;
+}
+.chosen-container .chosen-results li.group-option {
+ padding-left: 15px;
+}
+.chosen-container .chosen-results li em {
+ font-style: normal;
+ text-decoration: underline;
+}
+
+/* @end */
+/* @group Multi Chosen */
+.chosen-container-multi .chosen-choices {
+ position: relative;
+ overflow: hidden;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: auto !important;
+ height: 1%;
+ border: 1px solid #aaa;
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+ background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
+ cursor: text;
+}
+.chosen-container-multi .chosen-choices li {
+ float: left;
+ list-style: none;
+}
+.chosen-container-multi .chosen-choices li.search-field {
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+}
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+ margin: 1px 0;
+ padding: 5px;
+ height: 15px;
+ outline: 0;
+ border: 0 !important;
+ background: transparent !important;
+ box-shadow: none;
+ color: #666;
+ font-size: 100%;
+ font-family: sans-serif;
+ line-height: normal;
+ border-radius: 0;
+}
+.chosen-container-multi .chosen-choices li.search-field .default {
+ color: #999;
+}
+.chosen-container-multi .chosen-choices li.search-choice {
+ position: relative;
+ margin: 3px 0 3px 5px;
+ padding: 3px 20px 3px 5px;
+ border: 1px solid #aaa;
+ border-radius: 3px;
+ background-color: #e4e4e4;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
+ background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+ background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+ background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+ background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+ background-clip: padding-box;
+ box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+ color: #333;
+ line-height: 13px;
+ cursor: default;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+ position: absolute;
+ top: 4px;
+ right: 3px;
+ display: block;
+ width: 12px;
+ height: 12px;
+ background: url('chosen-sprite.png') -42px 1px no-repeat;
+ font-size: 1px;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
+ background-position: -42px -10px;
+}
+.chosen-container-multi .chosen-choices li.search-choice-disabled {
+ padding-right: 5px;
+ border: 1px solid #ccc;
+ background-color: #e4e4e4;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
+ background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+ background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+ background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+ background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+ color: #666;
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus {
+ background: #d4d4d4;
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
+ background-position: -42px -10px;
+}
+.chosen-container-multi .chosen-results {
+ margin: 0;
+ padding: 0;
+}
+.chosen-container-multi .chosen-drop .result-selected {
+ display: list-item;
+ color: #ccc;
+ cursor: default;
+}
+
+/* @end */
+/* @group Active */
+.chosen-container-active .chosen-single {
+ border: 1px solid #5897fb;
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+}
+.chosen-container-active.chosen-with-drop .chosen-single {
+ border: 1px solid #aaa;
+ -moz-border-radius-bottomright: 0;
+ border-bottom-right-radius: 0;
+ -moz-border-radius-bottomleft: 0;
+ border-bottom-left-radius: 0;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
+ background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
+ background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
+ background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
+ background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
+ box-shadow: 0 1px 0 #fff inset;
+}
+.chosen-container-active.chosen-with-drop .chosen-single div {
+ border-left: none;
+ background: transparent;
+}
+.chosen-container-active.chosen-with-drop .chosen-single div b {
+ background-position: -18px 2px;
+}
+.chosen-container-active .chosen-choices {
+ border: 1px solid #5897fb;
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+}
+.chosen-container-active .chosen-choices li.search-field input[type="text"] {
+ color: #111 !important;
+}
+
+/* @end */
+/* @group Disabled Support */
+.chosen-disabled {
+ opacity: 0.5 !important;
+ cursor: default;
+}
+.chosen-disabled .chosen-single {
+ cursor: default;
+}
+.chosen-disabled .chosen-choices .search-choice .search-choice-close {
+ cursor: default;
+}
+
+/* @end */
+/* @group Right to Left */
+.chosen-rtl {
+ text-align: right;
+}
+.chosen-rtl .chosen-single {
+ overflow: visible;
+ padding: 0 8px 0 0;
+}
+.chosen-rtl .chosen-single span {
+ margin-right: 0;
+ margin-left: 26px;
+ direction: rtl;
+}
+.chosen-rtl .chosen-single-with-deselect span {
+ margin-left: 38px;
+}
+.chosen-rtl .chosen-single div {
+ right: auto;
+ left: 3px;
+}
+.chosen-rtl .chosen-single abbr {
+ right: auto;
+ left: 26px;
+}
+.chosen-rtl .chosen-choices li {
+ float: right;
+}
+.chosen-rtl .chosen-choices li.search-field input[type="text"] {
+ direction: rtl;
+}
+.chosen-rtl .chosen-choices li.search-choice {
+ margin: 3px 5px 3px 0;
+ padding: 3px 5px 3px 19px;
+}
+.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
+ right: auto;
+ left: 4px;
+}
+.chosen-rtl.chosen-container-single-nosearch .chosen-search,
+.chosen-rtl .chosen-drop {
+ left: 9999px;
+}
+.chosen-rtl.chosen-container-single .chosen-results {
+ margin: 0 0 4px 4px;
+ padding: 0 4px 0 0;
+}
+.chosen-rtl .chosen-results li.group-option {
+ padding-right: 15px;
+ padding-left: 0;
+}
+.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
+ border-right: none;
+}
+.chosen-rtl .chosen-search input[type="text"] {
+ padding: 4px 5px 4px 20px;
+ background: white url('chosen-sprite.png') no-repeat -30px -20px;
+ background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+ background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
+ direction: rtl;
+}
+.chosen-rtl.chosen-container-single .chosen-single div b {
+ background-position: 6px 2px;
+}
+.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
+ background-position: -12px 2px;
+}
+
+/* @end */
+/* @group Retina compatibility */
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
+ .chosen-rtl .chosen-search input[type="text"],
+ .chosen-container-single .chosen-single abbr,
+ .chosen-container-single .chosen-single div b,
+ .chosen-container-single .chosen-search input[type="text"],
+ .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
+ .chosen-container .chosen-results-scroll-down span,
+ .chosen-container .chosen-results-scroll-up span {
+ background-image: url('chosen-sprite@2x.png') !important;
+ background-size: 52px 37px !important;
+ background-repeat: no-repeat !important;
+ }
+}
+/* @end */
View
1,261 src/resources/third-party/chosen.js
@@ -0,0 +1,1261 @@
+/*!
+Chosen, a Select Box Enhancer for jQuery and Prototype
+by Patrick Filler for Harvest, http://getharvest.com
+
+Version 1.0.0
+Full source at https://github.com/harvesthq/chosen
+Copyright (c) 2011 Harvest http://getharvest.com
+
+MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+This file is generated by `grunt build`, do not edit it by hand.
+*/
+
+(function() {
+ var $, AbstractChosen, Chosen, SelectParser, _ref,
+ __hasProp = {}.hasOwnProperty,
+ __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
+
+ SelectParser = (function() {
+ function SelectParser() {
+ this.options_index = 0;
+ this.parsed = [];
+ }
+
+ SelectParser.prototype.add_node = function(child) {
+ if (child.nodeName.toUpperCase() === "OPTGROUP") {
+ return this.add_group(child);
+ } else {
+ return this.add_option(child);
+ }
+ };
+
+ SelectParser.prototype.add_group = function(group) {
+ var group_position, option, _i, _len, _ref, _results;
+ group_position = this.parsed.length;
+ this.parsed.push({
+ array_index: group_position,
+ group: true,
+ label: this.escapeExpression(group.label),
+ children: 0,
+ disabled: group.disabled
+ });
+ _ref = group.childNodes;
+ _results = [];
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ option = _ref[_i];
+ _results.push(this.add_option(option, group_position, group.disabled));
+ }
+ return _results;
+ };
+
+ SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
+ if (option.nodeName.toUpperCase() === "OPTION") {
+ if (option.text !== "") {
+ if (group_position != null) {
+ this.parsed[group_position].children += 1;
+ }
+ this.parsed.push({
+ array_index: this.parsed.length,
+ options_index: this.options_index,
+ value: option.value,
+ text: option.getAttribute("data-text") || option.text,
+ html: option.getAttribute("data-html") || option.innerHTML,
+ selected: option.selected,
+ disabled: group_disabled === true ? group_disabled : option.disabled,
+ group_array_index: group_position,
+ classes: option.className,
+ style: option.style.cssText
+ });
+ } else {
+ this.parsed.push({
+ array_index: this.parsed.length,
+ options_index: this.options_index,
+ empty: true
+ });
+ }
+ return this.options_index += 1;
+ }
+ };
+
+ SelectParser.prototype.escapeExpression = function(text) {
+ var map, unsafe_chars;
+ if ((text == null) || text === false) {
+ return "";
+ }
+ if (!/[\&\<\>\"\'\`]/.test(text)) {
+ return text;
+ }
+ map = {
+ "<": "&lt;",
+ ">": "&gt;",
+ '"': "&quot;",
+ "'": "&#x27;",
+ "`": "&#x60;"
+ };
+ unsafe_chars = /&(?!\w+;)|[\<\>\"\'\`]/g;
+ return text.replace(unsafe_chars, function(chr) {
+ return map[chr] || "&amp;";
+ });
+ };
+
+ return SelectParser;
+
+ })();
+
+ SelectParser.select_to_array = function(select) {
+ var child, parser, _i, _len, _ref;
+ parser = new SelectParser();
+ _ref = select.childNodes;
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ child = _ref[_i];
+ parser.add_node(child);
+ }
+ return parser.parsed;
+ };
+
+ AbstractChosen = (function() {
+ function AbstractChosen(form_field, options) {
+ this.form_field = form_field;
+ this.options = options != null ? options : {};
+ if (!AbstractChosen.browser_is_supported()) {
+ return;
+ }
+ this.is_multiple = this.form_field.multiple;
+ this.set_default_text();
+ this.set_default_values();
+ this.setup();
+ this.set_up_html();
+ this.register_observers();
+ }
+
+ AbstractChosen.prototype.set_default_values = function() {
+ var _this = this;
+ this.click_test_action = function(evt) {
+ return _this.test_active_click(evt);
+ };
+ this.activate_action = function(evt) {
+ return _this.activate_field(evt);
+ };
+ this.active_field = false;
+ this.mouse_on_container = false;
+ this.results_showing = false;
+ this.result_highlighted = null;
+ 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.disable_search = this.options.disable_search || false;
+ this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true;
+ this.group_search = this.options.group_search != null ? this.options.group_search : true;
+ this.search_contains = this.options.search_contains || false;
+ this.single_backstroke_delete = this.options.single_backstroke_delete != null ? this.options.single_backstroke_delete : true;
+ this.max_selected_options = this.options.max_selected_options || Infinity;
+ this.inherit_select_classes = this.options.inherit_select_classes || false;
+ this.display_selected_options = this.options.display_selected_options != null ? this.options.display_selected_options : true;
+ return this.display_disabled_options = this.options.display_disabled_options != null ? this.options.display_disabled_options : true;
+ };
+
+ AbstractChosen.prototype.set_default_text = function() {
+ if (this.form_field.getAttribute("data-placeholder")) {
+ this.default_text = this.form_field.getAttribute("data-placeholder");
+ } else if (this.is_multiple) {
+ this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || AbstractChosen.default_multiple_text;
+ } else {
+ this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || AbstractChosen.default_single_text;
+ }
+ return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || AbstractChosen.default_no_result_text;
+ };
+
+ AbstractChosen.prototype.mouse_enter = function() {
+ return this.mouse_on_container = true;
+ };
+
+ AbstractChosen.prototype.mouse_leave = function() {
+ return this.mouse_on_container = false;
+ };
+
+ AbstractChosen.prototype.input_focus = function(evt) {
+ var _this = this;
+ if (this.is_multiple) {
+ if (!this.active_field) {
+ return setTimeout((function() {
+ return _this.container_mousedown();
+ }), 50);
+ }
+ } else {
+ if (!this.active_field) {
+ return this.activate_field();
+ }
+ }
+ };
+
+ AbstractChosen.prototype.input_blur = function(evt) {
+ var _this = this;
+ if (!this.mouse_on_container) {
+ this.active_field = false;
+ return setTimeout((function() {
+ return _this.blur_test();
+ }), 100);
+ }
+ };
+
+ AbstractChosen.prototype.results_option_build = function(options) {
+ var content, data, _i, _len, _ref;
+ content = '';
+ _ref = this.results_data;
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ data = _ref[_i];
+ if (data.group) {
+ content += this.result_add_group(data);
+ } else {
+ content += this.result_add_option(data);
+ }
+ if (options != null ? options.first : void 0) {
+ if (data.selected && this.is_multiple) {
+ this.choice_build(data);
+ } else if (data.selected && !this.is_multiple) {
+ this.single_set_selected_text(this.selected_value(data));
+ }
+ }
+ }
+ return content;
+ };
+
+ AbstractChosen.prototype.result_add_option = function(option) {
+ var classes, option_el;
+ if (!option.search_match) {
+ return '';
+ }
+ if (!this.include_option_in_results(option)) {
+ return '';
+ }
+ classes = [];
+ if (!option.disabled && !(option.selected && this.is_multiple)) {
+ classes.push("active-result");
+ }
+ if (option.disabled && !(option.selected && this.is_multiple)) {
+ classes.push("disabled-result");
+ }
+ if (option.selected) {
+ classes.push("result-selected");
+ }
+ if (option.group_array_index != null) {
+ classes.push("group-option");
+ }
+ if (option.classes !== "") {
+ classes.push(option.classes);
+ }
+ option_el = document.createElement("li");
+ option_el.className = classes.join(" ");
+ option_el.style.cssText = option.style;
+ option_el.setAttribute("data-option-array-index", option.array_index);
+ option_el.innerHTML = this.get_search_text() ? option.search_text : option.html;
+ return this.outerHTML(option_el);
+ };
+
+ AbstractChosen.prototype.result_add_group = function(group) {
+ var group_el;
+ if (!(group.search_match || group.group_match)) {
+ return '';
+ }
+ if (!(group.active_options > 0)) {
+ return '';
+ }
+ group_el = document.createElement("li");
+ group_el.className = "group-result";
+ group_el.innerHTML = group.search_text;
+ return this.outerHTML(group_el);
+ };
+
+ AbstractChosen.prototype.results_update_field = function() {
+ this.set_default_text();
+ if (!this.is_multiple) {
+ this.results_reset_cleanup();
+ }
+ this.result_clear_highlight();
+ this.results_build();
+ if (this.results_showing) {
+ return this.winnow_results();
+ }
+ };
+
+ AbstractChosen.prototype.reset_single_select_options = function() {
+ var result, _i, _len, _ref, _results;
+ _ref = this.results_data;
+ _results = [];
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ result = _ref[_i];
+ if (result.selected) {
+ _results.push(result.selected = false);
+ } else {
+ _results.push(void 0);
+ }
+ }
+ return _results;
+ };
+
+ AbstractChosen.prototype.results_toggle = function() {
+ if (this.results_showing) {
+ return this.results_hide();
+ } else {
+ return this.results_show();
+ }
+ };
+
+ AbstractChosen.prototype.results_search = function(evt) {
+ if (this.results_showing) {
+ return this.winnow_results();
+ } else {
+ return this.results_show();
+ }
+ };
+
+ AbstractChosen.prototype.winnow_results = function() {
+ var escapedSearchText, option, regex, regexAnchor, results, results_group, searchText, startpos, text, zregex, _i, _len, _ref;
+ this.no_results_clear();
+ results = 0;
+ searchText = this.get_search_text();
+ escapedSearchText = searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+ regexAnchor = this.search_contains ? "" : "^";
+ regex = new RegExp(regexAnchor + escapedSearchText, 'i');
+ zregex = new RegExp(escapedSearchText, 'i');
+ _ref = this.results_data;
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ option = _ref[_i];
+ option.search_match = false;
+ results_group = null;
+ if (this.include_option_in_results(option)) {
+ if (option.group) {
+ option.group_match = false;
+ option.active_options = 0;
+ }
+ if ((option.group_array_index != null) && this.results_data[option.group_array_index]) {
+ results_group = this.results_data[option.group_array_index];
+ if (results_group.active_options === 0 && results_group.search_match) {
+ results += 1;
+ }
+ results_group.active_options += 1;
+ }
+ if (!(option.group && !this.group_search)) {
+ option.search_text = option.group ? option.label : option.text;
+ option.search_match = this.search_string_match(option.search_text, regex);
+ if (option.search_match && !option.group) {
+ results += 1;
+ }
+ if (option.search_match) {
+ if (searchText.length) {
+ startpos = option.search_text.search(zregex);
+ text = option.search_text.substr(0, startpos + searchText.length) + '</em>' + option.search_text.substr(startpos + searchText.length);
+ option.search_text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
+ }
+ if (results_group != null) {
+ results_group.group_match = true;
+ }
+ } else if ((option.group_array_index != null) && this.results_data[option.group_array_index].search_match) {
+ option.search_match = true;
+ }
+ }
+ }
+ }
+ this.result_clear_highlight();
+ if (results < 1 && searchText.length) {
+ this.update_results_content("");
+ return this.no_results(searchText);
+ } else {
+ this.update_results_content(this.results_option_build());
+ return this.winnow_results_set_highlight();
+ }
+ };
+
+ AbstractChosen.prototype.search_string_match = function(search_string, regex) {
+ var part, parts, _i, _len;
+ if (regex.test(search_string)) {
+ return true;
+ } else if (this.enable_split_word_search && (search_string.indexOf(" ") >= 0 || search_string.indexOf("[") === 0)) {
+ parts = search_string.replace(/\[|\]/g, "").split(" ");
+ if (parts.length) {
+ for (_i = 0, _len = parts.length; _i < _len; _i++) {
+ part = parts[_i];
+ if (regex.test(part)) {
+ return true;
+ }
+ }
+ }
+ }
+ };
+
+ AbstractChosen.prototype.choices_count = function() {
+ var option, _i, _len, _ref;
+ if (this.selected_option_count != null) {
+ return this.selected_option_count;
+ }
+ this.selected_option_count = 0;
+ _ref = this.form_field.options;
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ option = _ref[_i];
+ if (option.selected) {
+ this.selected_option_count += 1;
+ }
+ }
+ return this.selected_option_count;
+ };
+
+ AbstractChosen.prototype.choices_click = function(evt) {
+ evt.preventDefault();
+ if (!(this.results_showing || this.is_disabled)) {
+ return this.results_show();
+ }
+ };
+
+ AbstractChosen.prototype.keyup_checker = function(evt) {
+ var stroke, _ref;
+ stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
+ this.search_field_scale();
+ switch (stroke) {
+ case 8:
+ if (this.is_multiple && this.backstroke_length < 1 && this.choices_count() > 0) {
+ return this.keydown_backstroke();
+ } else if (!this.pending_backstroke) {
+ this.result_clear_highlight();
+ return this.results_search();
+ }
+ break;
+ case 13:
+ evt.preventDefault();
+ if (this.results_showing) {
+ return this.result_select(evt);
+ }
+ break;
+ case 27:
+ if (this.results_showing) {
+ this.results_hide();
+ }
+ return true;
+ case 9:
+ case 38:
+ case 40:
+ case 16:
+ case 91:
+ case 17:
+ break;
+ default:
+ return this.results_search();
+ }
+ };
+
+ AbstractChosen.prototype.container_width = function(mode, initial) {
+ if (mode === "collapsed" && this.options.collapsed_width) {
+ return this.options.collapsed_width;
+ } else if (mode === "expanded" && this.options.expanded_width) {
+ return this.options.expanded_width;
+ } else if (initial) {
+ if (this.options.width != null) {
+ return this.options.width;
+ } else {
+ return "" + this.form_field.offsetWidth + "px";
+ }
+ }
+ };
+
+ AbstractChosen.prototype.include_option_in_results = function(option) {
+ if (this.is_multiple && (!this.display_selected_options && option.selected)) {
+ return false;
+ }
+ if (!this.display_disabled_options && option.disabled) {
+ return false;
+ }
+ if (option.empty) {
+ return false;
+ }
+ return true;
+ };
+
+ AbstractChosen.prototype.search_results_touchstart = function(evt) {
+ this.touch_started = true;
+ return this.search_results_mouseover(evt);
+ };
+
+ AbstractChosen.prototype.search_results_touchmove = function(evt) {
+ this.touch_started = false;
+ return this.search_results_mouseout(evt);
+ };
+
+ AbstractChosen.prototype.search_results_touchend = function(evt) {
+ if (this.touch_started) {
+ return this.search_results_mouseup(evt);
+ }
+ };
+
+ AbstractChosen.prototype.outerHTML = function(element) {
+ var tmp;
+ if (element.outerHTML) {
+ return element.outerHTML;
+ }
+ tmp = document.createElement("div");
+ tmp.appendChild(element);
+ return tmp.innerHTML;
+ };
+
+ AbstractChosen.browser_is_supported = function() {
+ if (window.navigator.appName === "Microsoft Internet Explorer") {
+ return document.documentMode >= 8;
+ }
+ if (/iP(od|hone)/i.test(window.navigator.userAgent)) {
+ return false;
+ }
+ if (/Android/i.test(window.navigator.userAgent)) {
+ if (/Mobile/i.test(window.navigator.userAgent)) {
+ return false;
+ }
+ }
+ return true;
+ };
+
+ AbstractChosen.default_multiple_text = "Select Some Options";
+
+ AbstractChosen.default_single_text = "Select an Option";
+
+ AbstractChosen.default_no_result_text = "No results match";
+
+ return AbstractChosen;
+
+ })();
+
+ $ = jQuery;
+
+ $.fn.extend({
+ chosen: function(options) {
+ if (!AbstractChosen.browser_is_supported()) {
+ return this;
+ }
+ return this.each(function(input_field) {
+ var $this, chosen;
+ $this = $(this);
+ chosen = $this.data('chosen');
+ if (options === 'destroy' && chosen) {
+ chosen.destroy();
+ } else if (!chosen) {
+ $this.data('chosen', new Chosen(this, options));
+ }
+ });
+ }
+ });
+
+ Chosen = (function(_super) {
+ __extends(Chosen, _super);
+
+ function Chosen() {
+ _ref = Chosen.__super__.constructor.apply(this, arguments);
+ return _ref;
+ }
+
+ Chosen.prototype.setup = function() {
+ this.form_field_jq = $(this.form_field);
+ this.current_selectedIndex = this.form_field.selectedIndex;
+ return this.is_rtl = this.form_field_jq.hasClass("chosen-rtl");
+ };
+
+ Chosen.prototype.set_up_html = function() {
+ var container_classes, container_props;
+ container_classes = ["chosen-container"];
+ container_classes.push("chosen-container-" + (this.is_multiple ? "multi" : "single"));
+ if (this.inherit_select_classes && this.form_field.className) {
+ container_classes.push(this.form_field.className);
+ }
+ if (this.is_rtl) {
+ container_classes.push("chosen-rtl");
+ }
+ container_props = {
+ 'class': container_classes.join(' '),
+ 'title': this.form_field.title
+ };
+ if (this.form_field.id.length) {
+ container_props.id = this.form_field.id.replace(/[^\w]/g, '_') + "_chosen";
+ }
+ this.main_container = $("<div />", container_props);
+ this.drop_container = $("<div />", container_props);
+ this.container = $([this.main_container.get(0), this.drop_container.get(0)]);
+ this.container.css({
+ width: this.container_width("collapsed", true)
+ });
+ if (this.is_multiple) {
+ this.main_container.html('<ul class="chosen-choices"><li class="search-field"><input type="text" value="' + this.default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul>');
+ this.drop_container.html('<div class="chosen-drop"><ul class="chosen-results"></ul></div>');
+ } else {
+ this.main_container.html('<a class="chosen-single chosen-default" tabindex="-1"><span>' + this.default_text + '</span><div><b></b></div></a>');
+ this.drop_container.html('<div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>');
+ }
+ this.form_field_jq.hide().after(this.main_container);
+ this.dropdown = this.drop_container.first();
+ this.search_field = this.container.find('input').first();
+ this.search_results = this.drop_container.find('ul.chosen-results').first();
+ this.search_field_scale();
+ this.search_no_results = this.container.find('li.no-results').first();
+ if (this.is_multiple) {
+ this.search_choices = this.container.find('ul.chosen-choices').first();
+ this.search_container = this.container.find('li.search-field').first();
+ } else {
+ this.search_container = this.container.find('div.chosen-search').first();
+ this.selected_item = this.container.find('.chosen-single').first();
+ }
+ this.drop_container.css({
+ position: "absolute",
+ left: "-9999px",
+ top: 0
+ });
+ $("body").append(this.drop_container);
+ this.results_build();
+ this.set_tab_index();
+ this.set_label_behavior();
+ return this.form_field_jq.trigger("chosen:ready", {
+ chosen: this
+ });
+ };
+
+ Chosen.prototype.register_observers = function() {
+ var _this = this;
+ this.container.bind('mousedown.chosen', function(evt) {
+ _this.container_mousedown(evt);
+ });
+ this.container.bind('mouseup.chosen', function(evt) {
+ _this.container_mouseup(evt);
+ });
+ this.container.bind('mouseenter.chosen', function(evt) {
+ _this.mouse_enter(evt);
+ });
+ this.container.bind('mouseleave.chosen', function(evt) {
+ _this.mouse_leave(evt);
+ });
+ this.search_results.bind('mouseup.chosen', function(evt) {
+ _this.search_results_mouseup(evt);
+ });
+ this.search_results.bind('mouseover.chosen', function(evt) {
+ _this.search_results_mouseover(evt);
+ });
+ this.search_results.bind('mouseout.chosen', function(evt) {
+ _this.search_results_mouseout(evt);
+ });
+ this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) {
+ _this.search_results_mousewheel(evt);
+ });
+ this.search_results.bind('touchstart.chosen', function(evt) {
+ _this.search_results_touchstart(evt);
+ });
+ this.search_results.bind('touchmove.chosen', function(evt) {
+ _this.search_results_touchmove(evt);
+ });
+ this.search_results.bind('touchend.chosen', function(evt) {
+ _this.search_results_touchend(evt);
+ });
+ this.form_field_jq.bind("chosen:updated.chosen", function(evt) {
+ _this.results_update_field(evt);
+ });
+ this.form_field_jq.bind("chosen:activate.chosen", function(evt) {
+ _this.activate_field(evt);
+ });
+ this.form_field_jq.bind("chosen:open.chosen", function(evt) {
+ _this.container_mousedown(evt);
+ });
+ this.form_field_jq.bind("chosen:close.chosen", function(evt) {
+ _this.input_blur(evt);
+ });
+ this.search_field.bind('blur.chosen', function(evt) {
+ _this.input_blur(evt);
+ });
+ this.search_field.bind('keyup.chosen', function(evt) {
+ _this.keyup_checker(evt);
+ });
+ this.search_field.bind('keydown.chosen', function(evt) {
+ _this.keydown_checker(evt);
+ });
+ this.search_field.bind('focus.chosen', function(evt) {
+ _this.input_focus(evt);
+ });
+ if (this.is_multiple) {
+ return this.search_choices.bind('click.chosen', function(evt) {
+ _this.choices_click(evt);
+ });
+ } else {
+ return this.container.bind('click.chosen', function(evt) {
+ evt.preventDefault();
+ });
+ }
+ };
+
+ Chosen.prototype.destroy = function() {
+ $(document).unbind("click.chosen", this.click_test_action);
+ if (this.search_field[0].tabIndex) {
+ this.form_field_jq[0].tabIndex = this.search_field[0].tabIndex;
+ }
+ this.container.remove();
+ this.form_field_jq.removeData('chosen');
+ return this.form_field_jq.show();
+ };
+
+ Chosen.prototype.search_field_disabled = function() {
+ this.is_disabled = this.form_field_jq[0].disabled;
+ if (this.is_disabled) {
+ this.container.addClass('chosen-disabled');
+ this.search_field[0].disabled = true;
+ if (!this.is_multiple) {
+ this.selected_item.unbind("focus.chosen", this.activate_action);
+ }
+ return this.close_field();
+ } else {
+ this.container.removeClass('chosen-disabled');
+ this.search_field[0].disabled = false;
+ if (!this.is_multiple) {
+ return this.selected_item.bind("focus.chosen", this.activate_action);
+ }
+ }
+ };
+
+ Chosen.prototype.container_mousedown = function(evt) {
+ if (!this.is_disabled) {
+ if (evt && evt.type === "mousedown" && !this.results_showing) {
+ evt.preventDefault();
+ }
+ if (!((evt != null) && ($(evt.target)).hasClass("search-choice-close"))) {
+ if (!this.active_field) {
+ if (this.is_multiple) {
+ this.search_field.val("");
+ }
+ $(document).bind('click.chosen', this.click_test_action);
+ this.results_show();
+ } else if (!this.is_multiple && evt && (($(evt.target)[0] === this.selected_item[0]) || $(evt.target).parents("a.chosen-single").length)) {
+ evt.preventDefault();
+ this.results_toggle();
+ }
+ return this.activate_field();
+ }
+ }
+ };
+
+ Chosen.prototype.container_mouseup = function(evt) {
+ if (evt.target.nodeName === "ABBR" && !this.is_disabled) {
+ return this.results_reset(evt);
+ }
+ };
+
+ Chosen.prototype.search_results_mousewheel = function(evt) {
+ var delta;
+ if (evt.originalEvent) {
+ delta = -evt.originalEvent.wheelDelta || evt.originalEvent.detail;
+ }
+ if (delta != null) {
+ evt.preventDefault();
+ if (evt.type === 'DOMMouseScroll') {
+ delta = delta * 40;
+ }
+ return this.search_results.scrollTop(delta + this.search_results.scrollTop());
+ }
+ };
+
+ Chosen.prototype.blur_test = function(evt) {
+ if (!this.active_field && this.container.hasClass("chosen-container-active")) {
+ return this.close_field();
+ }
+ };
+
+ Chosen.prototype.close_field = function() {
+ $(document).unbind("click.chosen", this.click_test_action);
+ this.active_field = false;
+ this.results_hide();
+ this.container.removeClass("chosen-container-active");
+ this.clear_backstroke();
+ this.show_search_field_default();
+ return this.search_field_scale();
+ };
+
+ Chosen.prototype.activate_field = function() {
+ this.container.addClass("chosen-container-active");
+ this.active_field = true;
+ this.search_field.val(this.search_field.val());
+ return this.search_field.focus();
+ };
+
+ Chosen.prototype.test_active_click = function(evt) {
+ var active_container;
+ active_container = $(evt.target).closest('.chosen-container');
+ if (active_container.length && this.container[0] === active_container[0]) {
+ return this.active_field = true;
+ } else {
+ return this.close_field();
+ }
+ };
+
+ Chosen.prototype.results_build = function() {
+ this.parsing = true;
+ this.selected_option_count = null;
+ this.results_data = SelectParser.select_to_array(this.form_field);
+ if (this.is_multiple) {
+ this.search_choices.find("li.search-choice").remove();
+ } else if (!this.is_multiple) {
+ this.single_set_selected_text(null, true);
+ if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) {
+ this.search_field[0].readOnly = true;
+ this.container.addClass("chosen-container-single-nosearch");
+ } else {
+ this.search_field[0].readOnly = false;
+ this.container.removeClass("chosen-container-single-nosearch");
+ }
+ }
+ this.update_results_content(this.results_option_build({
+ first: true
+ }));
+ this.search_field_disabled();
+ this.show_search_field_default();
+ this.search_field_scale();
+ return this.parsing = false;
+ };
+
+ Chosen.prototype.result_do_highlight = function(el) {
+ var high_bottom, high_top, maxHeight, visible_bottom, visible_top;
+ if (el.length) {
+ this.result_clear_highlight();
+ this.result_highlight = el;
+ this.result_highlight.addClass("highlighted");
+ maxHeight = parseInt(this.search_results.css("maxHeight"), 10);