Typeahead for tags with selectize.

Fixes #12
2015-04-11 11:29:53 +02:00 · 2015-04-11 11:29:53 +02:00 · faad41f5e2
commit faad41f5e2
parent 3a862e7432
94 changed files with 37138 additions and 4 deletions
--- a/web/vendor/selectize.js/examples/api.html
+++ b/web/vendor/selectize.js/examples/api.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>API</h2>
+				<p>Examples of how to interact with the control programmatically.</p>
+				<div class="control-group">
+					<label for="select-tools">Tools:</label>
+					<select id="select-tools" multiple placeholder="Pick a tool..."></select>
+				</div>
+				<div class="buttons">
+					<input type="button" value="clear()" id="button-clear">
+					<input type="button" value="clearOptions()" id="button-clearoptions">
+					<input type="button" value="addOption()" id="button-addoption">
+					<input type="button" value="addItem()" id="button-additem">
+					<input type="button" value="setValue()" id="button-setvalue">
+				</div>
+				<script>
+				var $select = $('#select-tools').selectize({
+					maxItems: null,
+					valueField: 'id',
+					labelField: 'title',
+					searchField: 'title',
+					options: [
+						{id: 1, title: 'Spectrometer', url: 'http://en.wikipedia.org/wiki/Spectrometers'},
+						{id: 2, title: 'Star Chart', url: 'http://en.wikipedia.org/wiki/Star_chart'},
+						{id: 3, title: 'Electrical Tape', url: 'http://en.wikipedia.org/wiki/Electrical_tape'}
+					],
+					create: false
+				});
+
+				// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+				var control = $select[0].selectize;
+
+				$('#button-clear').on('click', function() {
+					control.clear();
+				});
+
+				$('#button-clearoptions').on('click', function() {
+					control.clearOptions();
+				});
+
+				$('#button-addoption').on('click', function() {
+					control.addOption({
+						id: 4,
+						title: 'Something New',
+						url: 'http://google.com'
+					});
+				});
+
+				$('#button-additem').on('click', function() {
+					control.addItem(2);
+				});
+
+				$('#button-setvalue').on('click', function() {
+					control.setValue([2, 3]);
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/basic.html
+++ b/web/vendor/selectize.js/examples/basic.html
@ -0,0 +1,492 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+
+			<div class="demo">
+				<h2>&lt;input type="text"&gt;</h2>
+				<div class="control-group">
+					<label for="input-tags">Tags:</label>
+					<input type="text" id="input-tags" class="demo-default" value="awesome,neat">
+				</div>
+				<script>
+				$('#input-tags').selectize({
+					persist: false,
+					createOnBlur: true,
+					create: true
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>&lt;select&gt;</h2>
+				<div class="control-group">
+					<label for="select-beast">Beast:</label>
+					<select id="select-beast" class="demo-default" placeholder="Select a person...">
+						<option value="">Select a person...</option>
+						<option value="4">Thomas Edison</option>
+						<option value="1">Nikola</option>
+						<option value="3">Nikola Tesla</option>
+						<option value="5">Arnold Schwarzenegger</option>
+					</select>
+				</div>
+				<script>
+				$('#select-beast').selectize({
+					create: true,
+					sortField: {
+						field: 'text',
+						direction: 'asc'
+					},
+					dropdownParent: 'body'
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>&lt;select&gt; (allow empty)</h2>
+				<div class="control-group">
+					<label for="select-beast-empty">Beast:</label>
+					<select id="select-beast-empty" class="demo-default" data-placeholder="Select a person...">
+						<option value="">None</option>
+						<option value="4">Thomas Edison</option>
+						<option value="1">Nikola</option>
+						<option value="3">Nikola Tesla</option>
+						<option value="5">Arnold Schwarzenegger</option>
+					</select>
+				</div>
+				<script>
+				$('#select-beast-empty').selectize({
+					allowEmptyOption: true,
+					create: true
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>&lt;select&gt; (disabled)</h2>
+				<div class="control-group">
+					<label for="select-beast-disabled">Beast:</label>
+					<select id="select-beast-disabled" class="demo-default" disabled placeholder="Select a person...">
+						<option value="">Select a person...</option>
+						<option value="4">Thomas Edison</option>
+						<option value="1">Nikola</option>
+						<option value="3" selected>Nikola Tesla</option>
+					</select>
+				</div>
+				<script>
+				$('#select-beast-disabled').selectize({
+					create: true,
+					sortField: {field: 'text'}
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>&lt;select multiple&gt;</h2>
+				<div class="control-group">
+					<label for="select-state">States:</label>
+					<select id="select-state" name="state[]" multiple class="demo-default" style="width:50%" placeholder="Select a state...">
+						<option value="">Select a state...</option>
+						<option value="AL">Alabama</option>
+						<option value="AK">Alaska</option>
+						<option value="AZ">Arizona</option>
+						<option value="AR">Arkansas</option>
+						<option value="CA" selected>California</option>
+						<option value="CO">Colorado</option>
+						<option value="CT">Connecticut</option>
+						<option value="DE">Delaware</option>
+						<option value="DC">District of Columbia</option>
+						<option value="FL">Florida</option>
+						<option value="GA">Georgia</option>
+						<option value="HI">Hawaii</option>
+						<option value="ID">Idaho</option>
+						<option value="IL">Illinois</option>
+						<option value="IN">Indiana</option>
+						<option value="IA">Iowa</option>
+						<option value="KS">Kansas</option>
+						<option value="KY">Kentucky</option>
+						<option value="LA">Louisiana</option>
+						<option value="ME">Maine</option>
+						<option value="MD">Maryland</option>
+						<option value="MA">Massachusetts</option>
+						<option value="MI">Michigan</option>
+						<option value="MN">Minnesota</option>
+						<option value="MS">Mississippi</option>
+						<option value="MO">Missouri</option>
+						<option value="MT">Montana</option>
+						<option value="NE">Nebraska</option>
+						<option value="NV">Nevada</option>
+						<option value="NH">New Hampshire</option>
+						<option value="NJ">New Jersey</option>
+						<option value="NM">New Mexico</option>
+						<option value="NY">New York</option>
+						<option value="NC">North Carolina</option>
+						<option value="ND">North Dakota</option>
+						<option value="OH">Ohio</option>
+						<option value="OK">Oklahoma</option>
+						<option value="OR">Oregon</option>
+						<option value="PA">Pennsylvania</option>
+						<option value="RI">Rhode Island</option>
+						<option value="SC">South Carolina</option>
+						<option value="SD">South Dakota</option>
+						<option value="TN">Tennessee</option>
+						<option value="TX">Texas</option>
+						<option value="UT">Utah</option>
+						<option value="VT">Vermont</option>
+						<option value="VA">Virginia</option>
+						<option value="WA">Washington</option>
+						<option value="WV">West Virginia</option>
+						<option value="WI">Wisconsin</option>
+						<option value="WY" selected>Wyoming</option>
+					</select>
+				</div>
+				<script>
+				$('#select-state').selectize({
+					maxItems: 3
+				});
+				</script>
+			</div>
+			<div class="demo">
+				<div class="control-group">
+					<label for="select-country">Country:</label>
+					<select id="select-country" class="demo-default" placeholder="Select a country...">
+					    <option value="">Select a country...</option>
+						<option value="AF">Afghanistan</option>
+					    <option value="AX">&Aring;land Islands</option>
+					    <option value="AL">Albania</option>
+					    <option value="DZ">Algeria</option>
+					    <option value="AS">American Samoa</option>
+					    <option value="AD">Andorra</option>
+					    <option value="AO">Angola</option>
+					    <option value="AI">Anguilla</option>
+					    <option value="AQ">Antarctica</option>
+					    <option value="AG">Antigua and Barbuda</option>
+					    <option value="AR">Argentina</option>
+					    <option value="AM">Armenia</option>
+					    <option value="AW">Aruba</option>
+					    <option value="AU">Australia</option>
+					    <option value="AT">Austria</option>
+					    <option value="AZ">Azerbaijan</option>
+					    <option value="BS">Bahamas</option>
+					    <option value="BH">Bahrain</option>
+					    <option value="BD">Bangladesh</option>
+					    <option value="BB">Barbados</option>
+					    <option value="BY">Belarus</option>
+					    <option value="BE">Belgium</option>
+					    <option value="BZ">Belize</option>
+					    <option value="BJ">Benin</option>
+					    <option value="BM">Bermuda</option>
+					    <option value="BT">Bhutan</option>
+					    <option value="BO">Bolivia, Plurinational State of</option>
+					    <option value="BA">Bosnia and Herzegovina</option>
+					    <option value="BW">Botswana</option>
+					    <option value="BV">Bouvet Island</option>
+					    <option value="BR">Brazil</option>
+					    <option value="IO">British Indian Ocean Territory</option>
+					    <option value="BN">Brunei Darussalam</option>
+					    <option value="BG">Bulgaria</option>
+					    <option value="BF">Burkina Faso</option>
+					    <option value="BI">Burundi</option>
+					    <option value="KH">Cambodia</option>
+					    <option value="CM">Cameroon</option>
+					    <option value="CA">Canada</option>
+					    <option value="CV">Cape Verde</option>
+					    <option value="KY">Cayman Islands</option>
+					    <option value="CF">Central African Republic</option>
+					    <option value="TD">Chad</option>
+					    <option value="CL">Chile</option>
+					    <option value="CN">China</option>
+					    <option value="CX">Christmas Island</option>
+					    <option value="CC">Cocos (Keeling) Islands</option>
+					    <option value="CO">Colombia</option>
+					    <option value="KM">Comoros</option>
+					    <option value="CG">Congo</option>
+					    <option value="CD">Congo, the Democratic Republic of the</option>
+					    <option value="CK">Cook Islands</option>
+					    <option value="CR">Costa Rica</option>
+					    <option value="CI">C&ocirc;te d'Ivoire</option>
+					    <option value="HR">Croatia</option>
+					    <option value="CU">Cuba</option>
+					    <option value="CY">Cyprus</option>
+					    <option value="CZ">Czech Republic</option>
+					    <option value="DK">Denmark</option>
+					    <option value="DJ">Djibouti</option>
+					    <option value="DM">Dominica</option>
+					    <option value="DO">Dominican Republic</option>
+					    <option value="EC">Ecuador</option>
+					    <option value="EG">Egypt</option>
+					    <option value="SV">El Salvador</option>
+					    <option value="GQ">Equatorial Guinea</option>
+					    <option value="ER">Eritrea</option>
+					    <option value="EE">Estonia</option>
+					    <option value="ET">Ethiopia</option>
+					    <option value="FK">Falkland Islands (Malvinas)</option>
+					    <option value="FO">Faroe Islands</option>
+					    <option value="FJ">Fiji</option>
+					    <option value="FI">Finland</option>
+					    <option value="FR">France</option>
+					    <option value="GF">French Guiana</option>
+					    <option value="PF">French Polynesia</option>
+					    <option value="TF">French Southern Territories</option>
+					    <option value="GA">Gabon</option>
+					    <option value="GM">Gambia</option>
+					    <option value="GE">Georgia</option>
+					    <option value="DE">Germany</option>
+					    <option value="GH">Ghana</option>
+					    <option value="GI">Gibraltar</option>
+					    <option value="GR">Greece</option>
+					    <option value="GL">Greenland</option>
+					    <option value="GD">Grenada</option>
+					    <option value="GP">Guadeloupe</option>
+					    <option value="GU">Guam</option>
+					    <option value="GT">Guatemala</option>
+					    <option value="GG">Guernsey</option>
+					    <option value="GN">Guinea</option>
+					    <option value="GW">Guinea-Bissau</option>
+					    <option value="GY">Guyana</option>
+					    <option value="HT">Haiti</option>
+					    <option value="HM">Heard Island and McDonald Islands</option>
+					    <option value="VA">Holy See (Vatican City State)</option>
+					    <option value="HN">Honduras</option>
+					    <option value="HK">Hong Kong</option>
+					    <option value="HU">Hungary</option>
+					    <option value="IS">Iceland</option>
+					    <option value="IN">India</option>
+					    <option value="ID">Indonesia</option>
+					    <option value="IR">Iran, Islamic Republic of</option>
+					    <option value="IQ">Iraq</option>
+					    <option value="IE">Ireland</option>
+					    <option value="IM">Isle of Man</option>
+					    <option value="IL">Israel</option>
+					    <option value="IT">Italy</option>
+					    <option value="JM">Jamaica</option>
+					    <option value="JP">Japan</option>
+					    <option value="JE">Jersey</option>
+					    <option value="JO">Jordan</option>
+					    <option value="KZ">Kazakhstan</option>
+					    <option value="KE">Kenya</option>
+					    <option value="KI">Kiribati</option>
+					    <option value="KP">Korea, Democratic People's Republic of</option>
+					    <option value="KR">Korea, Republic of</option>
+					    <option value="KW">Kuwait</option>
+					    <option value="KG">Kyrgyzstan</option>
+					    <option value="LA">Lao People's Democratic Republic</option>
+					    <option value="LV">Latvia</option>
+					    <option value="LB">Lebanon</option>
+					    <option value="LS">Lesotho</option>
+					    <option value="LR">Liberia</option>
+					    <option value="LY">Libyan Arab Jamahiriya</option>
+					    <option value="LI">Liechtenstein</option>
+					    <option value="LT">Lithuania</option>
+					    <option value="LU">Luxembourg</option>
+					    <option value="MO">Macao</option>
+					    <option value="MK">Macedonia, the former Yugoslav Republic of</option>
+					    <option value="MG">Madagascar</option>
+					    <option value="MW">Malawi</option>
+					    <option value="MY">Malaysia</option>
+					    <option value="MV">Maldives</option>
+					    <option value="ML">Mali</option>
+					    <option value="MT">Malta</option>
+					    <option value="MH">Marshall Islands</option>
+					    <option value="MQ">Martinique</option>
+					    <option value="MR">Mauritania</option>
+					    <option value="MU">Mauritius</option>
+					    <option value="YT">Mayotte</option>
+					    <option value="MX">Mexico</option>
+					    <option value="FM">Micronesia, Federated States of</option>
+					    <option value="MD">Moldova, Republic of</option>
+					    <option value="MC">Monaco</option>
+					    <option value="MN">Mongolia</option>
+					    <option value="ME">Montenegro</option>
+					    <option value="MS">Montserrat</option>
+					    <option value="MA">Morocco</option>
+					    <option value="MZ">Mozambique</option>
+					    <option value="MM">Myanmar</option>
+					    <option value="NA">Namibia</option>
+					    <option value="NR">Nauru</option>
+					    <option value="NP">Nepal</option>
+					    <option value="NL">Netherlands</option>
+					    <option value="AN">Netherlands Antilles</option>
+					    <option value="NC">New Caledonia</option>
+					    <option value="NZ">New Zealand</option>
+					    <option value="NI">Nicaragua</option>
+					    <option value="NE">Niger</option>
+					    <option value="NG">Nigeria</option>
+					    <option value="NU">Niue</option>
+					    <option value="NF">Norfolk Island</option>
+					    <option value="MP">Northern Mariana Islands</option>
+					    <option value="NO">Norway</option>
+					    <option value="OM">Oman</option>
+					    <option value="PK">Pakistan</option>
+					    <option value="PW">Palau</option>
+					    <option value="PS">Palestinian Territory, Occupied</option>
+					    <option value="PA">Panama</option>
+					    <option value="PG">Papua New Guinea</option>
+					    <option value="PY">Paraguay</option>
+					    <option value="PE">Peru</option>
+					    <option value="PH">Philippines</option>
+					    <option value="PN">Pitcairn</option>
+					    <option value="PL">Poland</option>
+					    <option value="PT">Portugal</option>
+					    <option value="PR">Puerto Rico</option>
+					    <option value="QA">Qatar</option>
+					    <option value="RE">R&eacute;union</option>
+					    <option value="RO">Romania</option>
+					    <option value="RU">Russian Federation</option>
+					    <option value="RW">Rwanda</option>
+					    <option value="BL">Saint Barth&eacute;lemy</option>
+					    <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
+					    <option value="KN">Saint Kitts and Nevis</option>
+					    <option value="LC">Saint Lucia</option>
+					    <option value="MF">Saint Martin (French part)</option>
+					    <option value="PM">Saint Pierre and Miquelon</option>
+					    <option value="VC">Saint Vincent and the Grenadines</option>
+					    <option value="WS">Samoa</option>
+					    <option value="SM">San Marino</option>
+					    <option value="ST">Sao Tome and Principe</option>
+					    <option value="SA">Saudi Arabia</option>
+					    <option value="SN">Senegal</option>
+					    <option value="RS">Serbia</option>
+					    <option value="SC">Seychelles</option>
+					    <option value="SL">Sierra Leone</option>
+					    <option value="SG">Singapore</option>
+					    <option value="SK">Slovakia</option>
+					    <option value="SI">Slovenia</option>
+					    <option value="SB">Solomon Islands</option>
+					    <option value="SO">Somalia</option>
+					    <option value="ZA">South Africa</option>
+					    <option value="GS">South Georgia and the South Sandwich Islands</option>
+					    <option value="ES">Spain</option>
+					    <option value="LK">Sri Lanka</option>
+					    <option value="SD">Sudan</option>
+					    <option value="SR">Suriname</option>
+					    <option value="SJ">Svalbard and Jan Mayen</option>
+					    <option value="SZ">Swaziland</option>
+					    <option value="SE">Sweden</option>
+					    <option value="CH">Switzerland</option>
+					    <option value="SY">Syrian Arab Republic</option>
+					    <option value="TW">Taiwan, Province of China</option>
+					    <option value="TJ">Tajikistan</option>
+					    <option value="TZ">Tanzania, United Republic of</option>
+					    <option value="TH">Thailand</option>
+					    <option value="TL">Timor-Leste</option>
+					    <option value="TG">Togo</option>
+					    <option value="TK">Tokelau</option>
+					    <option value="TO">Tonga</option>
+					    <option value="TT">Trinidad and Tobago</option>
+					    <option value="TN">Tunisia</option>
+					    <option value="TR">Turkey</option>
+					    <option value="TM">Turkmenistan</option>
+					    <option value="TC">Turks and Caicos Islands</option>
+					    <option value="TV">Tuvalu</option>
+					    <option value="UG">Uganda</option>
+					    <option value="UA">Ukraine</option>
+					    <option value="AE">United Arab Emirates</option>
+					    <option value="GB">United Kingdom</option>
+					    <option value="US">United States</option>
+					    <option value="UM">United States Minor Outlying Islands</option>
+					    <option value="UY">Uruguay</option>
+					    <option value="UZ">Uzbekistan</option>
+					    <option value="VU">Vanuatu</option>
+					    <option value="VE">Venezuela, Bolivarian Republic of</option>
+					    <option value="VN">Viet Nam</option>
+					    <option value="VG">Virgin Islands, British</option>
+					    <option value="VI">Virgin Islands, U.S.</option>
+					    <option value="WF">Wallis and Futuna</option>
+					    <option value="EH">Western Sahara</option>
+					    <option value="YE">Yemen</option>
+					    <option value="ZM">Zambia</option>
+					    <option value="ZW">Zimbabwe</option>
+					</select>
+				</div>
+				<script>
+				$('#select-country').selectize();
+				</script>
+			</div>
+
+
+			<div class="demo">
+				<h2>&lt;select multiple&gt; (disabled)</h2>
+				<div class="control-group">
+					<label for="select-state-disabled">States:</label>
+					<select id="select-state-disabled" name="state[]" multiple disabled class="demo-default" style="width:50%" placeholder="Select a state...">
+						<option value="">Select a state...</option>
+						<option value="AL">Alabama</option>
+						<option value="AK">Alaska</option>
+						<option value="AZ">Arizona</option>
+						<option value="AR">Arkansas</option>
+						<option value="CA" selected>California</option>
+						<option value="CO">Colorado</option>
+						<option value="CT">Connecticut</option>
+						<option value="DE">Delaware</option>
+						<option value="DC">District of Columbia</option>
+						<option value="FL">Florida</option>
+						<option value="GA">Georgia</option>
+						<option value="HI">Hawaii</option>
+						<option value="ID">Idaho</option>
+						<option value="IL">Illinois</option>
+						<option value="IN">Indiana</option>
+						<option value="IA">Iowa</option>
+						<option value="KS">Kansas</option>
+						<option value="KY">Kentucky</option>
+						<option value="LA">Louisiana</option>
+						<option value="ME">Maine</option>
+						<option value="MD">Maryland</option>
+						<option value="MA">Massachusetts</option>
+						<option value="MI">Michigan</option>
+						<option value="MN">Minnesota</option>
+						<option value="MS">Mississippi</option>
+						<option value="MO">Missouri</option>
+						<option value="MT">Montana</option>
+						<option value="NE">Nebraska</option>
+						<option value="NV">Nevada</option>
+						<option value="NH">New Hampshire</option>
+						<option value="NJ">New Jersey</option>
+						<option value="NM">New Mexico</option>
+						<option value="NY">New York</option>
+						<option value="NC">North Carolina</option>
+						<option value="ND">North Dakota</option>
+						<option value="OH">Ohio</option>
+						<option value="OK">Oklahoma</option>
+						<option value="OR">Oregon</option>
+						<option value="PA">Pennsylvania</option>
+						<option value="RI">Rhode Island</option>
+						<option value="SC">South Carolina</option>
+						<option value="SD">South Dakota</option>
+						<option value="TN">Tennessee</option>
+						<option value="TX">Texas</option>
+						<option value="UT">Utah</option>
+						<option value="VT">Vermont</option>
+						<option value="VA">Virginia</option>
+						<option value="WA">Washington</option>
+						<option value="WV">West Virginia</option>
+						<option value="WI">Wisconsin</option>
+						<option value="WY" selected>Wyoming</option>
+					</select>
+				</div>
+				<script>
+				$('#select-state-disabled').selectize({
+					maxItems: 3
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/cities.html
+++ b/web/vendor/selectize.js/examples/cities.html
@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+		<style type="text/css">
+		.selectize-control::before {
+			-moz-transition: opacity 0.2s;
+			-webkit-transition: opacity 0.2s;
+			transition: opacity 0.2s;
+			content: ' ';
+			z-index: 2;
+			position: absolute;
+			display: block;
+			top: 12px;
+			right: 34px;
+			width: 16px;
+			height: 16px;
+			background: url(images/spinner.gif);
+			background-size: 16px 16px;
+			opacity: 0;
+		}
+		.selectize-control.loading::before {
+			opacity: 0.4;
+		}
+		</style>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>State / City Selection</h2>
+				<p>A demonstration showing how to use the API to cascade controls for a classic state / city selector.</p>
+				<p><strong>Note:</strong> The API for fetching cities is a little spotty, so if it fails to list cities, that's the problem.</p>
+				<div class="control-group">
+					<label for="select-beast">State:</label>
+					<select id="select-state" placeholder="Pick a state...">
+						<option value="">Select a state...</option>
+						<option value="AL">Alabama</option>
+						<option value="AK">Alaska</option>
+						<option value="AZ">Arizona</option>
+						<option value="AR">Arkansas</option>
+						<option value="CA">California</option>
+						<option value="CO">Colorado</option>
+						<option value="CT">Connecticut</option>
+						<option value="DE">Delaware</option>
+						<option value="DC">District of Columbia</option>
+						<option value="FL">Florida</option>
+						<option value="GA">Georgia</option>
+						<option value="HI">Hawaii</option>
+						<option value="ID">Idaho</option>
+						<option value="IL">Illinois</option>
+						<option value="IN">Indiana</option>
+						<option value="IA">Iowa</option>
+						<option value="KS">Kansas</option>
+						<option value="KY">Kentucky</option>
+						<option value="LA">Louisiana</option>
+						<option value="ME">Maine</option>
+						<option value="MD">Maryland</option>
+						<option value="MA">Massachusetts</option>
+						<option value="MI">Michigan</option>
+						<option value="MN">Minnesota</option>
+						<option value="MS">Mississippi</option>
+						<option value="MO">Missouri</option>
+						<option value="MT">Montana</option>
+						<option value="NE">Nebraska</option>
+						<option value="NV">Nevada</option>
+						<option value="NH">New Hampshire</option>
+						<option value="NJ">New Jersey</option>
+						<option value="NM">New Mexico</option>
+						<option value="NY">New York</option>
+						<option value="NC">North Carolina</option>
+						<option value="ND">North Dakota</option>
+						<option value="OH">Ohio</option>
+						<option value="OK">Oklahoma</option>
+						<option value="OR">Oregon</option>
+						<option value="PA">Pennsylvania</option>
+						<option value="RI">Rhode Island</option>
+						<option value="SC">South Carolina</option>
+						<option value="SD">South Dakota</option>
+						<option value="TN">Tennessee</option>
+						<option value="TX">Texas</option>
+						<option value="UT">Utah</option>
+						<option value="VT">Vermont</option>
+						<option value="VA">Virginia</option>
+						<option value="WA">Washington</option>
+						<option value="WV">West Virginia</option>
+						<option value="WI">Wisconsin</option>
+						<option value="WY">Wyoming</option>
+					</select>
+					<label for="select-beast" style="margin-top:20px">City:</label>
+					<select id="select-city" placeholder="Pick a city..."></select>
+				</div>
+				<script>
+				var xhr;
+				var select_state, $select_state;
+				var select_city, $select_city;
+
+				$select_state = $('#select-state').selectize({
+					onChange: function(value) {
+						if (!value.length) return;
+						select_city.disable();
+						select_city.clearOptions();
+						select_city.load(function(callback) {
+							xhr && xhr.abort();
+							xhr = $.ajax({
+								url: 'http://www.corsproxy.com/api.sba.gov/geodata/primary_city_links_for_state_of/' + value + '.json',
+								success: function(results) {
+									select_city.enable();
+									callback(results);
+								},
+								error: function() {
+									callback();
+								}
+							})
+						});
+					}
+				});
+
+				$select_city = $('#select-city').selectize({
+					valueField: 'name',
+					labelField: 'name',
+					searchField: ['name']
+				});
+
+				select_city  = $select_city[0].selectize;
+				select_state = $select_state[0].selectize;
+
+				select_city.disable();
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/confirm.html
+++ b/web/vendor/selectize.js/examples/confirm.html
@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+
+			<div class="demo">
+				<h2>Confirm Delete</h2>
+				<div class="control-group">
+					<label for="input-tags">Tags:</label>
+					<input type="text" id="input-tags" class="demo-default" value="awesome,neat,yeah">
+				</div>
+				<script>
+				$('#input-tags').selectize({
+					delimiter: ',',
+					persist: false,
+					onDelete: function(values) {
+						return confirm(values.length > 1 ? 'Are you sure you want to remove these ' + values.length + ' items?' : 'Are you sure you want to remove "' + values[0] + '"?');
+					}
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/contacts.html
+++ b/web/vendor/selectize.js/examples/contacts.html
@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+		<style type="text/css">
+		.selectize-control.contacts .selectize-input > div {
+			padding: 1px 10px;
+			font-size: 13px;
+			font-weight: normal;
+			-webkit-font-smoothing: auto;
+			color: #f7fbff;
+			text-shadow: 0 1px 0 rgba(8,32,65,0.2);
+			background: #2183f5;
+			background: -moz-linear-gradient(top, #2183f5 0%, #1d77f3 100%);
+			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2183f5), color-stop(100%,#1d77f3));
+			background: -webkit-linear-gradient(top,  #2183f5 0%,#1d77f3 100%);
+			background: -o-linear-gradient(top,  #2183f5 0%,#1d77f3 100%);
+			background: -ms-linear-gradient(top,  #2183f5 0%,#1d77f3 100%);
+			background: linear-gradient(to bottom,  #2183f5 0%,#1d77f3 100%);
+			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2183f5', endColorstr='#1d77f3',GradientType=0 );
+			border: 1px solid #0f65d2;
+			-webkit-border-radius: 999px;
+			-moz-border-radius: 999px;
+			border-radius: 999px;
+			-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
+			-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
+			box-shadow: 0 1px 1px rgba(0,0,0,0.15);
+		}
+		.selectize-control.contacts .selectize-input > div.active {
+			background: #0059c7;
+			background: -moz-linear-gradient(top, #0059c7 0%, #0051c1 100%);
+			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0059c7), color-stop(100%,#0051c1));
+			background: -webkit-linear-gradient(top,  #0059c7 0%,#0051c1 100%);
+			background: -o-linear-gradient(top,  #0059c7 0%,#0051c1 100%);
+			background: -ms-linear-gradient(top,  #0059c7 0%,#0051c1 100%);
+			background: linear-gradient(to bottom,  #0059c7 0%,#0051c1 100%);
+			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0059c7', endColorstr='#0051c1',GradientType=0 );
+			border-color: #0051c1;
+		}
+		.selectize-control.contacts .selectize-input > div .email {
+			opacity: 0.8;
+		}
+		.selectize-control.contacts .selectize-input > div .name + .email {
+			margin-left: 5px;
+		}
+		.selectize-control.contacts .selectize-input > div .email:before {
+			content: '<';
+		}
+		.selectize-control.contacts .selectize-input > div .email:after {
+			content: '>';
+		}
+		.selectize-control.contacts .selectize-dropdown .caption {
+			font-size: 12px;
+			display: block;
+			color: #a0a0a0;
+		}
+		</style>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>Email Contacts</h2>
+				<p>An example showing how you might go about creating contact selector like those used in Email apps.</p>
+				<div class="control-group">
+					<label for="select-to">To:</label>
+					<select id="select-to" class="contacts" placeholder="Pick some people..."></select>
+				</div>
+				<script>
+				// <select id="select-to"></select>
+
+				var REGEX_EMAIL = '([a-z0-9!#$%&\'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&\'*+/=?^_`{|}~-]+)*@' +
+				                  '(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?)';
+
+				var formatName = function(item) {
+					return $.trim((item.first_name || '') + ' ' + (item.last_name || ''));
+				};
+
+				$('#select-to').selectize({
+					persist: false,
+					maxItems: null,
+					valueField: 'email',
+					labelField: 'name',
+					searchField: ['first_name', 'last_name', 'email'],
+					sortField: [
+						{field: 'first_name', direction: 'asc'},
+						{field: 'last_name', direction: 'asc'}
+					],
+					options: [
+						{email: 'nikola@tesla.com', first_name: 'Nikola', last_name: 'Tesla'},
+						{email: 'brian@thirdroute.com', first_name: 'Brian', last_name: 'Reavis'},
+						{email: 'someone@gmail.com'}
+					],
+					render: {
+						item: function(item, escape) {
+							var name = formatName(item);
+							return '<div>' +
+								(name ? '<span class="name">' + escape(name) + '</span>' : '') +
+								(item.email ? '<span class="email">' + escape(item.email) + '</span>' : '') +
+							'</div>';
+						},
+						option: function(item, escape) {
+							var name = formatName(item);
+							var label = name || item.email;
+							var caption = name ? item.email : null;
+							return '<div>' +
+								'<span class="label">' + escape(label) + '</span>' +
+								(caption ? '<span class="caption">' + escape(caption) + '</span>' : '') +
+							'</div>';
+						}
+					},
+					createFilter: function(input) {
+						var regexpA = new RegExp('^' + REGEX_EMAIL + '$', 'i');
+						var regexpB = new RegExp('^([^<]*)\<' + REGEX_EMAIL + '\>$', 'i');
+						return regexpA.test(input) || regexpB.test(input);
+					},
+					create: function(input) {
+						if ((new RegExp('^' + REGEX_EMAIL + '$', 'i')).test(input)) {
+							return {email: input};
+						}
+						var match = input.match(new RegExp('^([^<]*)\<' + REGEX_EMAIL + '\>$', 'i'));
+						if (match) {
+							var name       = $.trim(match[1]);
+							var pos_space  = name.indexOf(' ');
+							var first_name = name.substring(0, pos_space);
+							var last_name  = name.substring(pos_space + 1);
+
+							return {
+								email: match[2],
+								first_name: first_name,
+								last_name: last_name
+							};
+						}
+						alert('Invalid email address.');
+						return false;
+					}
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/create-filter.html
+++ b/web/vendor/selectize.js/examples/create-filter.html
@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>Create Filter</h2>
+				<p>Examples of how to filter created results.</p>
+				<div class="control-group">
+					<label for="regex">Pattern</label>
+					<input type="text" id="regex" value="^a+$"><br><br>
+					<label for="select-words-regex">Words:</label>
+					<select id="select-words-regex" multiple placeholder="Enter a word matching the pattern..."></select>
+				</div>
+				<div class="control-group" style="margin-top:40px">
+					<label for="length">Minimum Length</label>
+					<input type="text" id="length" value="2"><br><br>
+					<label for="select-words-length">Words:</label>
+					<select id="select-words-length" multiple placeholder="Enter a word longer than the minimum number of characters..."></select>
+				</div>
+				<div class="control-group" style="margin-top:40px">
+					<label for="select-words-unique">Words:</label>
+					<select id="select-words-unique" multiple placeholder="Enter unique words (case-insensitive)..."></select>
+				</div>
+				<script>
+				$('#select-words-regex').selectize({
+					create: true,
+					createFilter: $('#regex').val()
+				});
+
+				$('#select-words-length').selectize({
+					create: true,
+					createFilter: function(input) { return input.length >= parseInt($('#length').val(), 10); }
+				});
+
+				var unique = $('#select-words-unique').selectize({
+					create: true,
+					createFilter: function(input) {
+						input = input.toLowerCase();
+						return $.grep(unique.getValue(), function(value) {
+							return value.toLowerCase() === input;
+						}).length == 0;
+					}
+				})[0].selectize;
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/css/normalize.css
+++ b/web/vendor/selectize.js/examples/css/normalize.css
@ -0,0 +1,375 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
--- a/web/vendor/selectize.js/examples/css/stylesheet.css
+++ b/web/vendor/selectize.js/examples/css/stylesheet.css
@ -0,0 +1,132 @@
+body {
+	margin: 70px 0;
+	padding: 0;
+	font-family: Helvetica, arial, sans-serif;
+	font-size: 15px;
+	color: #454545;
+	background: #fff url(../images/bg.png);
+	text-shadow: 0 1px 0 rgba(0,0,0,0.02);
+	-webkit-font-smoothing: antialiased;
+}
+a, a:visited {
+	color: #3fabff;
+	text-decoration: none;
+}
+a:hover {
+	color: #008af5;
+}
+h1 {
+	margin: 0;
+	font-weight: 300;
+	font-size: 35px;
+	letter-spacing: -1px;
+}
+h2 {
+	font-size: 15px;
+	color: #a0a0a0;
+	margin: 30px 0;
+}
+label {
+	display: block;
+	font-weight: bold;
+	margin-bottom: 10px;
+}
+p, .control-group {
+	margin: 0 0 20px 0;
+}
+.demo {
+	border-bottom: 1px solid #e8e8e8;
+	padding-top: 50px;
+	padding-bottom: 50px;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+}
+.demo:last-child {
+	border-bottom: 0 none;
+}
+.demo select, .demo input, .demo .selectize-control {
+	width: 100%;
+}
+.demo > *:first-child {
+	margin-top: 0;
+}
+.demo > *:last-child {
+	margin-bottom: 0;
+}
+.demo .value {
+	margin: 0 0 10px 0;
+	font-size: 12px;
+}
+.demo .value span {
+	font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+}
+.theme-selector {
+	margin-top: 10px;
+	font-size: 13px;
+}
+.theme-selector:before {
+	content: 'Themes: ';
+}
+.theme-selector a {
+	margin: 0 5px;
+}
+.theme-selector a.active {
+	color: #202020;
+	font-weight: bold;
+}
+#wrapper {
+	margin: 0;
+}
+#wrapper > * {
+	padding-left: 100px;
+	padding-right: 100px;
+}
+pre {
+	background: #f8f8f8;
+	border: 1px solid #f2f2f2;
+	padding: 10px;
+	font-size: 12px;
+	font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+}
+input[type=button] {
+	margin: 0 10px 0 0;
+	padding: 6px 10px;
+	color: #606060;
+	background: #e0e0e0;
+	border: 0 none;
+	width: auto;
+	display: inline-block;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	-webkit-font-smoothing: antialiased;
+}
+.buttons {
+	margin: 0 0 25px 0;
+}
+input[type=button]:hover {
+	background: #dadada;
+}
+
+@media only screen and (max-width : 320px) {
+	body {
+		margin: 20px 0;
+	}
+	#wrapper {
+		margin: 0;
+	}
+	#wrapper > * {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+	.demo {
+		padding: 20px;
+		-webkit-border-radius: 0;
+		-moz-border-radius: 0;
+		border-radius: 0;
+	}
+}
--- a/web/vendor/selectize.js/examples/customization.html
+++ b/web/vendor/selectize.js/examples/customization.html
@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+		<style type="text/css">
+		.selectize-control.links .option .title {
+			display: block;
+		}
+		.selectize-control.links .option .url {
+			font-size: 12px;
+			display: block;
+			color: #a0a0a0;
+		}
+		.selectize-control.links .item a {
+			color: #006ef5;
+		}
+		.selectize-control.links .item.active a {
+			color: #303030;
+		}
+		</style>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>Customizing Appearance</h2>
+				<p>Render items on your own &amp; apply unique CSS styles.</p>
+				<div class="control-group">
+					<label for="select-links">Links:</label>
+					<select id="select-links" placeholder="Pick some links..."></select>
+				</div>
+				<script>
+				// <select id="select-links"></select>
+
+				$('#select-links').selectize({
+					theme: 'links',
+					maxItems: null,
+					valueField: 'id',
+					searchField: 'title',
+					options: [
+						{id: 1, title: 'DIY', url: 'https://diy.org'},
+						{id: 2, title: 'Google', url: 'http://google.com'},
+						{id: 3, title: 'Yahoo', url: 'http://yahoo.com'},
+					],
+					render: {
+						option: function(data, escape) {
+							return '<div class="option">' +
+									'<span class="title">' + escape(data.title) + '</span>' +
+									'<span class="url">' + escape(data.url) + '</span>' +
+								'</div>';
+						},
+						item: function(data, escape) {
+							return '<div class="item"><a href="' + escape(data.url) + '">' + escape(data.title) + '</a></div>';
+						}
+					},
+					create: function(input) {
+						return {
+							id: 0,
+							title: input,
+							url: '#'
+						};
+					}
+				});
+				</script>
+				<p>TODO: explain how to bind events.</p>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/dynamic.html
+++ b/web/vendor/selectize.js/examples/dynamic.html
@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>Dynamic Options</h2>
+				<p>The options are created straight from an array.</p>
+				<div class="control-group">
+					<label for="select-tools">Tools:</label>
+					<select id="select-tools" placeholder="Pick a tool..."></select>
+				</div>
+				<script>
+				// <select id="select-tools"></select>
+
+				$('#select-tools').selectize({
+					maxItems: null,
+					valueField: 'id',
+					labelField: 'title',
+					searchField: 'title',
+					options: [
+						{id: 1, title: 'Spectrometer', url: 'http://en.wikipedia.org/wiki/Spectrometers'},
+						{id: 2, title: 'Star Chart', url: 'http://en.wikipedia.org/wiki/Star_chart'},
+						{id: 3, title: 'Electrical Tape', url: 'http://en.wikipedia.org/wiki/Electrical_tape'}
+					],
+					create: false
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/events.html
+++ b/web/vendor/selectize.js/examples/events.html
@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js Demos</h1>
+			<div class="demo">
+				<h2>Events</h2>
+				<p>Check out the console for more details about each event.</p>
+				<div class="control-group">
+					<label for="select-state">States:</label>
+					<select id="select-state" multiple name="state[]" class="demo-default" style="width:50%">
+						<option value="">Select a state...</option>
+						<option value="AL">Alabama</option>
+						<option value="AK">Alaska</option>
+						<option value="AZ">Arizona</option>
+						<option value="AR">Arkansas</option>
+						<option value="CA">California</option>
+						<option value="CO">Colorado</option>
+						<option value="CT">Connecticut</option>
+						<option value="DE">Delaware</option>
+						<option value="DC">District of Columbia</option>
+						<option value="FL">Florida</option>
+						<option value="GA">Georgia</option>
+						<option value="HI">Hawaii</option>
+						<option value="ID">Idaho</option>
+						<option value="IL">Illinois</option>
+						<option value="IN">Indiana</option>
+						<option value="IA">Iowa</option>
+						<option value="KS">Kansas</option>
+						<option value="KY">Kentucky</option>
+						<option value="LA">Louisiana</option>
+						<option value="ME">Maine</option>
+						<option value="MD">Maryland</option>
+						<option value="MA">Massachusetts</option>
+						<option value="MI">Michigan</option>
+						<option value="MN">Minnesota</option>
+						<option value="MS">Mississippi</option>
+						<option value="MO">Missouri</option>
+						<option value="MT">Montana</option>
+						<option value="NE">Nebraska</option>
+						<option value="NV">Nevada</option>
+						<option value="NH">New Hampshire</option>
+						<option value="NJ">New Jersey</option>
+						<option value="NM">New Mexico</option>
+						<option value="NY">New York</option>
+						<option value="NC">North Carolina</option>
+						<option value="ND">North Dakota</option>
+						<option value="OH">Ohio</option>
+						<option value="OK">Oklahoma</option>
+						<option value="OR">Oregon</option>
+						<option value="PA">Pennsylvania</option>
+						<option value="RI">Rhode Island</option>
+						<option value="SC">South Carolina</option>
+						<option value="SD">South Dakota</option>
+						<option value="TN">Tennessee</option>
+						<option value="TX">Texas</option>
+						<option value="UT">Utah</option>
+						<option value="VT">Vermont</option>
+						<option value="VA">Virginia</option>
+						<option value="WA">Washington</option>
+						<option value="WV">West Virginia</option>
+						<option value="WI">Wisconsin</option>
+						<option value="WY" selected>Wyoming</option>
+					</select>
+				</div>
+				<h3>Event Log</h3>
+				<pre id="log"></pre>
+				<h3>Source</h3>
+				<script>
+				var eventHandler = function(name) {
+					return function() {
+						console.log(name, arguments);
+						$('#log').append('<div><span class="name">' + name + '</span></div>');
+					};
+				};
+				var $select = $('#select-state').selectize({
+					create          : true,
+					onChange        : eventHandler('onChange'),
+					onItemAdd       : eventHandler('onItemAdd'),
+					onItemRemove    : eventHandler('onItemRemove'),
+					onOptionAdd     : eventHandler('onOptionAdd'),
+					onOptionRemove  : eventHandler('onOptionRemove'),
+					onDropdownOpen  : eventHandler('onDropdownOpen'),
+					onDropdownClose : eventHandler('onDropdownClose'),
+					onFocus         : eventHandler('onFocus'),
+					onBlur          : eventHandler('onBlur'),
+					onInitialize    : eventHandler('onInitialize'),
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/github.html
+++ b/web/vendor/selectize.js/examples/github.html
@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+		<style type="text/css">
+		.selectize-control.repositories .selectize-dropdown > div {
+			border-bottom: 1px solid rgba(0,0,0,0.05);
+		}
+		.selectize-control.repositories .selectize-dropdown .by {
+			font-size: 11px;
+			opacity: 0.8;
+		}
+		.selectize-control.repositories .selectize-dropdown .by::before {
+			content: 'by ';
+		}
+		.selectize-control.repositories .selectize-dropdown .name {
+			font-weight: bold;
+			margin-right: 5px;
+		}
+		.selectize-control.repositories .selectize-dropdown .title {
+			display: block;
+		}
+		.selectize-control.repositories .selectize-dropdown .description {
+			font-size: 12px;
+			display: block;
+			color: #a0a0a0;
+			white-space: nowrap;
+			width: 100%;
+			text-overflow: ellipsis;
+			overflow: hidden;
+		}
+		.selectize-control.repositories .selectize-dropdown .meta {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+			font-size: 10px;
+		}
+		.selectize-control.repositories .selectize-dropdown .meta li {
+			margin: 0;
+			padding: 0;
+			display: inline;
+			margin-right: 10px;
+		}
+		.selectize-control.repositories .selectize-dropdown .meta li span {
+			font-weight: bold;
+		}
+		.selectize-control.repositories::before {
+			-moz-transition: opacity 0.2s;
+			-webkit-transition: opacity 0.2s;
+			transition: opacity 0.2s;
+			content: ' ';
+			z-index: 2;
+			position: absolute;
+			display: block;
+			top: 12px;
+			right: 34px;
+			width: 16px;
+			height: 16px;
+			background: url(images/spinner.gif);
+			background-size: 16px 16px;
+			opacity: 0;
+		}
+		.selectize-control.repositories.loading::before {
+			opacity: 0.4;
+		}
+		.icon {
+			width: 16px;
+			height: 16px;
+			display: inline-block;
+			vertical-align: middle;
+			background-size: 16px 16px;
+			margin: 0 3px 0 0;
+		}
+		.icon.fork {
+			background-image: url(images/repo-fork.png);
+		}
+		.icon.source {
+			background-image: url(images/repo-source.png);
+		}
+		</style>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>Loading + Custom Scoring</h2>
+				<p>This demo shows how to integrate third-party data and override the scoring method.</p>
+				<div class="control-group">
+					<label for="select-repo">Repository:</label>
+					<select id="select-repo" class="repositories" placeholder="Pick a repository..."></select>
+				</div>
+				<script>
+				// <select id="select-repo"></select>
+				$('#select-repo').selectize({
+					valueField: 'url',
+					labelField: 'name',
+					searchField: 'name',
+					options: [],
+					create: false,
+					render: {
+						option: function(item, escape) {
+							return '<div>' +
+								'<span class="title">' +
+									'<span class="name"><i class="icon ' + (item.fork ? 'fork' : 'source') + '"></i>' + escape(item.name) + '</span>' +
+									'<span class="by">' + escape(item.username) + '</span>' +
+								'</span>' +
+								'<span class="description">' + escape(item.description) + '</span>' +
+								'<ul class="meta">' +
+									(item.language ? '<li class="language">' + escape(item.language) + '</li>' : '') +
+									'<li class="watchers"><span>' + escape(item.watchers) + '</span> watchers</li>' +
+									'<li class="forks"><span>' + escape(item.forks) + '</span> forks</li>' +
+								'</ul>' +
+							'</div>';
+						}
+					},
+					score: function(search) {
+						var score = this.getScoreFunction(search);
+						return function(item) {
+							return score(item) * (1 + Math.min(item.watchers / 100, 1));
+						};
+					},
+					load: function(query, callback) {
+						if (!query.length) return callback();
+						$.ajax({
+							url: 'https://api.github.com/legacy/repos/search/' + encodeURIComponent(query),
+							type: 'GET',
+							error: function() {
+								callback();
+							},
+							success: function(res) {
+								callback(res.repositories.slice(0, 10));
+							}
+						});
+					}
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/images/bg.png
+++ b/web/vendor/selectize.js/examples/images/bg.png
--- a/web/vendor/selectize.js/examples/images/check@2x.png
+++ b/web/vendor/selectize.js/examples/images/check@2x.png
--- a/web/vendor/selectize.js/examples/images/repo-forked.png
+++ b/web/vendor/selectize.js/examples/images/repo-forked.png
--- a/web/vendor/selectize.js/examples/images/repo-source.png
+++ b/web/vendor/selectize.js/examples/images/repo-source.png
--- a/web/vendor/selectize.js/examples/images/spinner.gif
+++ b/web/vendor/selectize.js/examples/images/spinner.gif
--- a/web/vendor/selectize.js/examples/js/es5.js
+++ b/web/vendor/selectize.js/examples/js/es5.js
@ -0,0 +1,17 @@
+(function(o){"function"==typeof define?define(o):"function"==typeof YUI?YUI.add("es5",o):o()})(function(){function o(){}function v(a){a=+a;a!==a?a=0:0!==a&&(a!==1/0&&a!==-(1/0))&&(a=(0<a||-1)*Math.floor(Math.abs(a)));return a}function s(a){var b=typeof a;return null===a||"undefined"===b||"boolean"===b||"number"===b||"string"===b}Function.prototype.bind||(Function.prototype.bind=function(a){var b=this;if("function"!=typeof b)throw new TypeError("Function.prototype.bind called on incompatible "+b);
+var d=q.call(arguments,1),c=function(){if(this instanceof c){var e=b.apply(this,d.concat(q.call(arguments)));return Object(e)===e?e:this}return b.apply(a,d.concat(q.call(arguments)))};b.prototype&&(o.prototype=b.prototype,c.prototype=new o,o.prototype=null);return c});var k=Function.prototype.call,p=Object.prototype,q=Array.prototype.slice,h=k.bind(p.toString),t=k.bind(p.hasOwnProperty);t(p,"__defineGetter__")&&(k.bind(p.__defineGetter__),k.bind(p.__defineSetter__),k.bind(p.__lookupGetter__),k.bind(p.__lookupSetter__));
+if(2!=[1,2].splice(0).length){var y=Array.prototype.splice;Array.prototype.splice=function(a,b){return arguments.length?y.apply(this,[a===void 0?0:a,b===void 0?this.length-a:b].concat(q.call(arguments,2))):[]}}if(1!=[].unshift(0)){var z=Array.prototype.unshift;Array.prototype.unshift=function(){z.apply(this,arguments);return this.length}}Array.isArray||(Array.isArray=function(a){return h(a)=="[object Array]"});var k=Object("a"),l="a"!=k[0]||!(0 in k);Array.prototype.forEach||(Array.prototype.forEach=
+function(a,b){var d=n(this),c=l&&h(this)=="[object String]"?this.split(""):d,e=-1,f=c.length>>>0;if(h(a)!="[object Function]")throw new TypeError;for(;++e<f;)e in c&&a.call(b,c[e],e,d)});Array.prototype.map||(Array.prototype.map=function(a,b){var d=n(this),c=l&&h(this)=="[object String]"?this.split(""):d,e=c.length>>>0,f=Array(e);if(h(a)!="[object Function]")throw new TypeError(a+" is not a function");for(var g=0;g<e;g++)g in c&&(f[g]=a.call(b,c[g],g,d));return f});Array.prototype.filter||(Array.prototype.filter=
+function(a,b){var d=n(this),c=l&&h(this)=="[object String]"?this.split(""):d,e=c.length>>>0,f=[],g;if(h(a)!="[object Function]")throw new TypeError(a+" is not a function");for(var i=0;i<e;i++)if(i in c){g=c[i];a.call(b,g,i,d)&&f.push(g)}return f});Array.prototype.every||(Array.prototype.every=function(a,b){var d=n(this),c=l&&h(this)=="[object String]"?this.split(""):d,e=c.length>>>0;if(h(a)!="[object Function]")throw new TypeError(a+" is not a function");for(var f=0;f<e;f++)if(f in c&&!a.call(b,c[f],
+f,d))return false;return true});Array.prototype.some||(Array.prototype.some=function(a,b){var d=n(this),c=l&&h(this)=="[object String]"?this.split(""):d,e=c.length>>>0;if(h(a)!="[object Function]")throw new TypeError(a+" is not a function");for(var f=0;f<e;f++)if(f in c&&a.call(b,c[f],f,d))return true;return false});Array.prototype.reduce||(Array.prototype.reduce=function(a){var b=n(this),d=l&&h(this)=="[object String]"?this.split(""):b,c=d.length>>>0;if(h(a)!="[object Function]")throw new TypeError(a+
+" is not a function");if(!c&&arguments.length==1)throw new TypeError("reduce of empty array with no initial value");var e=0,f;if(arguments.length>=2)f=arguments[1];else{do{if(e in d){f=d[e++];break}if(++e>=c)throw new TypeError("reduce of empty array with no initial value");}while(1)}for(;e<c;e++)e in d&&(f=a.call(void 0,f,d[e],e,b));return f});Array.prototype.reduceRight||(Array.prototype.reduceRight=function(a){var b=n(this),d=l&&h(this)=="[object String]"?this.split(""):b,c=d.length>>>0;if(h(a)!=
+"[object Function]")throw new TypeError(a+" is not a function");if(!c&&arguments.length==1)throw new TypeError("reduceRight of empty array with no initial value");var e,c=c-1;if(arguments.length>=2)e=arguments[1];else{do{if(c in d){e=d[c--];break}if(--c<0)throw new TypeError("reduceRight of empty array with no initial value");}while(1)}do c in this&&(e=a.call(void 0,e,d[c],c,b));while(c--);return e});if(!Array.prototype.indexOf||-1!=[0,1].indexOf(1,2))Array.prototype.indexOf=function(a){var b=l&&
+h(this)=="[object String]"?this.split(""):n(this),d=b.length>>>0;if(!d)return-1;var c=0;arguments.length>1&&(c=v(arguments[1]));for(c=c>=0?c:Math.max(0,d+c);c<d;c++)if(c in b&&b[c]===a)return c;return-1};if(!Array.prototype.lastIndexOf||-1!=[0,1].lastIndexOf(0,-3))Array.prototype.lastIndexOf=function(a){var b=l&&h(this)=="[object String]"?this.split(""):n(this),d=b.length>>>0;if(!d)return-1;var c=d-1;arguments.length>1&&(c=Math.min(c,v(arguments[1])));for(c=c>=0?c:d-Math.abs(c);c>=0;c--)if(c in b&&
+a===b[c])return c;return-1};if(!Object.keys){var w=!0,x="toString toLocaleString valueOf hasOwnProperty isPrototypeOf propertyIsEnumerable constructor".split(" "),A=x.length,r;for(r in{toString:null})w=!1;Object.keys=function(a){if(typeof a!="object"&&typeof a!="function"||a===null)throw new TypeError("Object.keys called on a non-object");var b=[],d;for(d in a)t(a,d)&&b.push(d);if(w)for(d=0;d<A;d++){var c=x[d];t(a,c)&&b.push(c)}return b}}if(!Date.prototype.toISOString||-1===(new Date(-621987552E5)).toISOString().indexOf("-000001"))Date.prototype.toISOString=
+function(){var a,b,d,c;if(!isFinite(this))throw new RangeError("Date.prototype.toISOString called on non-finite value.");c=this.getUTCFullYear();a=this.getUTCMonth();c=c+Math.floor(a/12);a=[(a%12+12)%12+1,this.getUTCDate(),this.getUTCHours(),this.getUTCMinutes(),this.getUTCSeconds()];c=(c<0?"-":c>9999?"+":"")+("00000"+Math.abs(c)).slice(0<=c&&c<=9999?-4:-6);for(b=a.length;b--;){d=a[b];d<10&&(a[b]="0"+d)}return c+"-"+a.slice(0,2).join("-")+"T"+a.slice(2).join(":")+"."+("000"+this.getUTCMilliseconds()).slice(-3)+
+"Z"};r=!1;try{r=Date.prototype.toJSON&&null===(new Date(NaN)).toJSON()&&-1!==(new Date(-621987552E5)).toJSON().indexOf("-000001")&&Date.prototype.toJSON.call({toISOString:function(){return true}})}catch(H){}r||(Date.prototype.toJSON=function(){var a=Object(this),b;a:if(s(a))b=a;else{b=a.valueOf;if(typeof b==="function"){b=b.call(a);if(s(b))break a}b=a.toString;if(typeof b==="function"){b=b.call(a);if(s(b))break a}throw new TypeError;}if(typeof b==="number"&&!isFinite(b))return null;b=a.toISOString;
+if(typeof b!="function")throw new TypeError("toISOString property is not callable");return b.call(a)});var g=Date,m=function(a,b,d,c,e,f,h){var i=arguments.length;if(this instanceof g){i=i==1&&String(a)===a?new g(m.parse(a)):i>=7?new g(a,b,d,c,e,f,h):i>=6?new g(a,b,d,c,e,f):i>=5?new g(a,b,d,c,e):i>=4?new g(a,b,d,c):i>=3?new g(a,b,d):i>=2?new g(a,b):i>=1?new g(a):new g;i.constructor=m;return i}return g.apply(this,arguments)},u=function(a,b){var d=b>1?1:0;return B[b]+Math.floor((a-1969+d)/4)-Math.floor((a-
+1901+d)/100)+Math.floor((a-1601+d)/400)+365*(a-1970)},C=RegExp("^(\\d{4}|[+-]\\d{6})(?:-(\\d{2})(?:-(\\d{2})(?:T(\\d{2}):(\\d{2})(?::(\\d{2})(?:\\.(\\d{3}))?)?(Z|(?:([-+])(\\d{2}):(\\d{2})))?)?)?)?$"),B=[0,31,59,90,120,151,181,212,243,273,304,334,365],j;for(j in g)m[j]=g[j];m.now=g.now;m.UTC=g.UTC;m.prototype=g.prototype;m.prototype.constructor=m;m.parse=function(a){var b=C.exec(a);if(b){var d=Number(b[1]),c=Number(b[2]||1)-1,e=Number(b[3]||1)-1,f=Number(b[4]||0),h=Number(b[5]||0),i=Number(b[6]||
+0),j=Number(b[7]||0),m=!b[4]||b[8]?0:Number(new g(1970,0)),k=b[9]==="-"?1:-1,l=Number(b[10]||0),b=Number(b[11]||0);if(f<(h>0||i>0||j>0?24:25)&&h<60&&i<60&&j<1E3&&c>-1&&c<12&&l<24&&b<60&&e>-1&&e<u(d,c+1)-u(d,c)){d=((u(d,c)+e)*24+f+l*k)*60;d=((d+h+b*k)*60+i)*1E3+j+m;if(-864E13<=d&&d<=864E13)return d}return NaN}return g.parse.apply(this,arguments)};Date=m;Date.now||(Date.now=function(){return(new Date).getTime()});if("0".split(void 0,0).length){var D=String.prototype.split;String.prototype.split=function(a,
+b){return a===void 0&&b===0?[]:D.apply(this,arguments)}}if("".substr&&"b"!=="0b".substr(-1)){var E=String.prototype.substr;String.prototype.substr=function(a,b){return E.call(this,a<0?(a=this.length+a)<0?0:a:a,b)}}j="\t\n\x0B\f\r \u00a0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029\ufeff";if(!String.prototype.trim||j.trim()){j="["+j+"]";var F=RegExp("^"+j+j+"*"),G=RegExp(j+j+"*$");String.prototype.trim=function(){if(this===void 0||this===
+null)throw new TypeError("can't convert "+this+" to object");return String(this).replace(F,"").replace(G,"")}}var n=function(a){if(a==null)throw new TypeError("can't convert "+a+" to object");return Object(a)}});
--- a/web/vendor/selectize.js/examples/js/index.js
+++ b/web/vendor/selectize.js/examples/js/index.js
@ -0,0 +1,50 @@
+$(function() {
+	var $wrapper = $('#wrapper');
+
+	// theme switcher
+	var theme_match = String(window.location).match(/[?&]theme=([a-z0-9]+)/);
+	var theme = (theme_match && theme_match[1]) || 'default';
+	var themes = ['default','legacy','bootstrap2','bootstrap3'];
+	$('head').append('<link rel="stylesheet" href="../dist/css/selectize.' + theme + '.css">');
+
+	var $themes = $('<div>').addClass('theme-selector').insertAfter('h1');
+	for (var i = 0; i < themes.length; i++) {
+		$themes.append('<a href="?theme=' + themes[i] + '"' + (themes[i] === theme ? ' class="active"' : '') + '>' + themes[i] + '</a>');
+	}
+
+	// display scripts on the page
+	$('script', $wrapper).each(function() {
+		var code = this.text;
+		if (code && code.length) {
+			var lines = code.split('\n');
+			var indent = null;
+
+			for (var i = 0; i < lines.length; i++) {
+				if (/^[	 ]*$/.test(lines[i])) continue;
+				if (!indent) {
+					var lineindent = lines[i].match(/^([ 	]+)/);
+					if (!lineindent) break;
+					indent = lineindent[1];
+				}
+				lines[i] = lines[i].replace(new RegExp('^' + indent), '');
+			}
+
+			var code = $.trim(lines.join('\n')).replace(/	/g, '    ');
+			var $pre = $('<pre>').addClass('js').text(code);
+			$pre.insertAfter(this);
+		}
+	});
+
+	// show current input values
+	$('select.selectized,input.selectized', $wrapper).each(function() {
+		var $container = $('<div>').addClass('value').html('Current Value: ');
+		var $value = $('<span>').appendTo($container);
+		var $input = $(this);
+		var update = function(e) { $value.text(JSON.stringify($input.val())); }
+
+		$(this).on('change', update);
+		update();
+
+		$container.insertAfter($input);
+	});
+});
--- a/web/vendor/selectize.js/examples/js/jquery.js
+++ b/web/vendor/selectize.js/examples/js/jquery.js
--- a/web/vendor/selectize.js/examples/js/jqueryui.js
+++ b/web/vendor/selectize.js/examples/js/jqueryui.js
--- a/web/vendor/selectize.js/examples/lock.html
+++ b/web/vendor/selectize.js/examples/lock.html
@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>Locking</h2>
+				<p>Selectize controls can be locked to prevent user interaction.</p>
+				<div class="control-group">
+					<label for="select-locked-empty">Locked (empty):</label>
+					<select id="select-locked-empty" multiple placeholder="No input allowed...">
+						<option value="A">Option A</option>
+						<option value="B">Option B</option>
+						<option value="C">Option C</option>
+					</select>
+				</div>
+				<div class="control-group">
+					<label for="select-locked-single">Locked (single):</label>
+					<select id="select-locked-single" placeholder="No input allowed...">
+						<option value="A">Option A</option>
+						<option value="B" selected>Option B</option>
+						<option value="C">Option C</option>
+					</select>
+				</div>
+				<div class="control-group">
+					<label for="select-locked">Locked:</label>
+					<select id="select-locked" multiple placeholder="No input allowed...">
+						<option value="A">Option A</option>
+						<option value="B" selected>Option B</option>
+						<option value="C" selected>Option C</option>
+					</select>
+				</div>
+				<div class="control-group">
+					<label for="select-unlocked">Unlocked:</label>
+					<select id="select-unlocked" multiple placeholder="Input allowed...">
+						<option value="A">Option A</option>
+						<option value="B">Option B</option>
+						<option value="C">Option C</option>
+					</select>
+				</div>
+				<script>
+				$('select').selectize({create: true});
+				$('#select-locked-empty')[0].selectize.lock();
+				$('#select-locked-single')[0].selectize.lock();
+				$('#select-locked')[0].selectize.lock();
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/movies.html
+++ b/web/vendor/selectize.js/examples/movies.html
@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+		<style type="text/css">
+		.selectize-control.movies .selectize-dropdown [data-selectable] {
+			border-bottom: 1px solid rgba(0,0,0,0.05);
+			height: 60px;
+			position: relative;
+			-webkit-box-sizing: content-box;
+			box-sizing: content-box;
+			padding: 10px 10px 10px 60px;
+		}
+		.selectize-control.movies .selectize-dropdown [data-selectable]:last-child {
+			border-bottom: 0 none;
+		}
+		.selectize-control.movies .selectize-dropdown .by {
+			font-size: 11px;
+			opacity: 0.8;
+		}
+		.selectize-control.movies .selectize-dropdown .by::before {
+			content: 'by ';
+		}
+		.selectize-control.movies .selectize-dropdown .name {
+			font-weight: bold;
+			margin-right: 5px;
+		}
+		.selectize-control.movies .selectize-dropdown .description {
+			font-size: 12px;
+			color: #a0a0a0;
+		}
+		.selectize-control.movies .selectize-dropdown .actors,
+		.selectize-control.movies .selectize-dropdown .description,
+		.selectize-control.movies .selectize-dropdown .title {
+			display: block;
+			white-space: nowrap;
+			width: 100%;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+		.selectize-control.movies .selectize-dropdown .actors {
+			font-size: 10px;
+			color: #a0a0a0;
+		}
+		.selectize-control.movies .selectize-dropdown .actors span {
+			color: #606060;
+		}
+		.selectize-control.movies .selectize-dropdown img {
+			height: 60px;
+			left: 10px;
+			position: absolute;
+			border-radius: 3px;
+			background: rgba(0,0,0,0.04);
+		}
+		.selectize-control.movies .selectize-dropdown .meta {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+			font-size: 10px;
+		}
+		.selectize-control.movies .selectize-dropdown .meta li {
+			margin: 0;
+			padding: 0;
+			display: inline;
+			margin-right: 10px;
+		}
+		.selectize-control.movies .selectize-dropdown .meta li span {
+			font-weight: bold;
+		}
+		.selectize-control.movies::before {
+			-moz-transition: opacity 0.2s;
+			-webkit-transition: opacity 0.2s;
+			transition: opacity 0.2s;
+			content: ' ';
+			z-index: 2;
+			position: absolute;
+			display: block;
+			top: 12px;
+			right: 34px;
+			width: 16px;
+			height: 16px;
+			background: url(images/spinner.gif);
+			background-size: 16px 16px;
+			opacity: 0;
+		}
+		.selectize-control.movies.loading::before {
+			opacity: 0.4;
+		}
+		</style>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>Loading from API</h2>
+				<p>This demo shows how to integrate third-party data, loaded asynchronously.</p>
+				<div class="control-group">
+					<label for="select-movie">Movie:</label>
+					<select id="select-movie" class="movies" placeholder="Find a movie..."></select>
+				</div>
+				<script>
+				// <select id="select-movie"></select>
+				$('#select-movie').selectize({
+					valueField: 'title',
+					labelField: 'title',
+					searchField: 'title',
+					options: [],
+					create: false,
+					render: {
+						option: function(item, escape) {
+							var actors = [];
+							for (var i = 0, n = item.abridged_cast.length; i < n; i++) {
+								actors.push('<span>' + escape(item.abridged_cast[i].name) + '</span>');
+							}
+
+							return '<div>' +
+								'<img src="' + escape(item.posters.thumbnail) + '" alt="">' +
+								'<span class="title">' +
+									'<span class="name">' + escape(item.title) + '</span>' +
+								'</span>' +
+								'<span class="description">' + escape(item.synopsis || 'No synopsis available at this time.') + '</span>' +
+								'<span class="actors">' + (actors.length ? 'Starring ' + actors.join(', ') : 'Actors unavailable') + '</span>' +
+							'</div>';
+						}
+					},
+					load: function(query, callback) {
+						if (!query.length) return callback();
+						$.ajax({
+							url: 'http://api.rottentomatoes.com/api/public/v1.0/movies.json',
+							type: 'GET',
+							dataType: 'jsonp',
+							data: {
+								q: query,
+								page_limit: 10,
+								apikey: '3qqmdwbuswut94jv4eua3j85'
+							},
+							error: function() {
+								callback();
+							},
+							success: function(res) {
+								console.log(res.movies);
+								callback(res.movies);
+							}
+						});
+					}
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/optgroups.html
+++ b/web/vendor/selectize.js/examples/optgroups.html
@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+		<style type="text/css">
+		.demo-animals .scientific {
+			font-weight: normal;
+			opacity: 0.3;
+			margin: 0 0 0 2px;
+		}
+		.demo-animals .scientific::before {
+			content: '(';
+		}
+		.demo-animals .scientific::after {
+			content: ')';
+		}
+		</style>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+
+			<div class="demo">
+				<h2>Optgroups (basic)</h2>
+				<div class="control-group">
+					<label for="select-gear">Gear:</label>
+					<select id="select-gear" class="demo-default" multiple placeholder="Select gear...">
+						<option value="">Select gear...</option>
+						<optgroup label="Climbing">
+							<option value="pitons">Pitons</option>
+							<option value="cams">Cams</option>
+							<option value="nuts">Nuts</option>
+							<option value="bolts">Bolts</option>
+							<option value="stoppers">Stoppers</option>
+							<option value="sling">Sling</option>
+						</optgroup>
+						<optgroup label="Skiing">
+							<option value="skis">Skis</option>
+							<option value="skins">Skins</option>
+							<option value="poles">Poles</option>
+						</optgroup>
+					</select>
+				</div>
+				<script>
+				$('#select-gear').selectize({
+					sortField: 'text'
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>Optgroups (repeated options)</h2>
+				<div class="control-group">
+					<label for="select-repeated-options">Options:</label>
+					<select id="select-repeated-options" class="demo-default" multiple>
+						<option value="">Select...</option>
+						<optgroup label="Group 1">
+							<option value="a">Item A</option>
+							<option value="b">Item B</option>
+						</optgroup>
+						<optgroup label="Group 2">
+							<option value="a">Item A</option>
+							<option value="b">Item B</option>
+						</optgroup>
+					</select>
+				</div>
+				<script>
+				$('#select-repeated-options').selectize({
+					sortField: 'text'
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>Optgroups (programmatic)</h2>
+				<div class="control-group">
+					<label for="select-animal">Animal:</label>
+					<select id="select-animal" class="demo-animals" placeholder="Select animal..."></select>
+				</div>
+				<script>
+				$('#select-animal').selectize({
+					options: [
+						{class: 'mammal', value: "dog", name: "Dog" },
+						{class: 'mammal', value: "cat", name: "Cat" },
+						{class: 'mammal', value: "horse", name: "Horse" },
+						{class: 'mammal', value: "kangaroo", name: "Kangaroo" },
+						{class: 'bird', value: 'duck', name: 'Duck'},
+						{class: 'bird', value: 'chicken', name: 'Chicken'},
+						{class: 'bird', value: 'ostrich', name: 'Ostrich'},
+						{class: 'bird', value: 'seagull', name: 'Seagull'},
+						{class: 'reptile', value: 'snake', name: 'Snake'},
+						{class: 'reptile', value: 'lizard', name: 'Lizard'},
+						{class: 'reptile', value: 'alligator', name: 'Alligator'},
+						{class: 'reptile', value: 'turtle', name: 'Turtle'}
+					],
+					optgroups: [
+						{value: 'mammal', label: 'Mammal', label_scientific: 'Mammalia'},
+						{value: 'bird', label: 'Bird', label_scientific: 'Aves'},
+						{value: 'reptile', label: 'Reptile', label_scientific: 'Reptilia'}
+					],
+					optgroupField: 'class',
+					labelField: 'name',
+					searchField: ['name'],
+					render: {
+						optgroup_header: function(data, escape) {
+							return '<div class="optgroup-header">' + escape(data.label) + ' <span class="scientific">' + escape(data.label_scientific) + '</span></div>';
+						}
+					}
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>Plugin: "optgroup_columns"</h2>
+				<div class="control-group" id="select-car-group">
+					<input type="text" id="select-car" placeholder="Select cars...">
+				</div>
+				<script>
+					$("#select-car").selectize({
+						options: [
+							{id: 'avenger', make: 'dodge', model: 'Avenger'},
+							{id: 'caliber', make: 'dodge', model: 'Caliber'},
+							{id: 'caravan-grand-passenger', make: 'dodge', model: 'Caravan Grand Passenger'},
+							{id: 'challenger', make: 'dodge', model: 'Challenger'},
+							{id: 'ram-1500', make: 'dodge', model: 'Ram 1500'},
+							{id: 'viper', make: 'dodge', model: 'Viper'},
+							{id: 'a3', make: 'audi', model: 'A3'},
+							{id: 'a6', make: 'audi', model: 'A6'},
+							{id: 'r8', make: 'audi', model: 'R8'},
+							{id: 'rs-4', make: 'audi', model: 'RS 4'},
+							{id: 's4', make: 'audi', model: 'S4'},
+							{id: 's8', make: 'audi', model: 'S8'},
+							{id: 'tt', make: 'audi', model: 'TT'},
+							{id: 'avalanche', make: 'chevrolet', model: 'Avalanche'},
+							{id: 'aveo', make: 'chevrolet', model: 'Aveo'},
+							{id: 'cobalt', make: 'chevrolet', model: 'Cobalt'},
+							{id: 'silverado', make: 'chevrolet', model: 'Silverado'},
+							{id: 'suburban', make: 'chevrolet', model: 'Suburban'},
+							{id: 'tahoe', make: 'chevrolet', model: 'Tahoe'},
+							{id: 'trail-blazer', make: 'chevrolet', model: 'TrailBlazer'},
+						],
+						optgroups: [
+							{$order: 3, id: 'dodge', name: 'Dodge'},
+							{$order: 2, id: 'audi', name: 'Audi'},
+							{$order: 1, id: 'chevrolet', name: 'Chevrolet'}
+						],
+						labelField: 'model',
+						valueField: 'id',
+						optgroupField: 'make',
+						optgroupLabelField: 'name',
+						optgroupValueField: 'id',
+						lockOptgroupOrder: true,
+						searchField: ['model'],
+						plugins: ['optgroup_columns'],
+						openOnFocus: false
+					});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/performance.html
+++ b/web/vendor/selectize.js/examples/performance.html
@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+			<div class="demo">
+				<h2>Performance</h2>
+				<p>This shows how it performs with 25,000 items.</p>
+				<div class="control-group">
+					<label for="select-junk">Jumbled Mess:</label>
+					<select id="select-junk" placeholder="Start Typing..."></select>
+				</div>
+				<script>
+				// <select id="select-junk"></select>
+
+				var letters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUV';
+				var options = [];
+				for (var i = 0; i < 25000; i++) {
+					var title = [];
+					for (var j = 0; j < 8; j++) {
+						title.push(letters.charAt(Math.round((letters.length - 1) * Math.random())));
+					}
+					options.push({
+						id: i,
+						title: title.join('')
+					});
+				}
+
+				$('#select-junk').selectize({
+					maxItems: null,
+					maxOptions: 100,
+					valueField: 'id',
+					labelField: 'title',
+					searchField: 'title',
+					sortField: 'title',
+					options: options,
+					create: false
+				});
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/plugins.html
+++ b/web/vendor/selectize.js/examples/plugins.html
@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="js/jqueryui.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+
+			<div class="demo">
+				<h2>Plugin: "remove_button"</h2>
+				<div class="control-group">
+					<label for="input-tags">Tags:</label>
+					<input type="text" id="input-tags" class="input-tags demo-default" value="awesome,neat">
+				</div>
+				<div class="control-group">
+					<label for="input-tags2">Tags:</label>
+					<input type="text" disabled id="input-tags2" class="input-tags demo-default" value="awesome,neat">
+				</div>
+				<script>
+				$('.input-tags').selectize({
+					plugins: ['remove_button'],
+					persist: false,
+					create: true,
+					render: {
+						item: function(data, escape) {
+							return '<div>"' + escape(data.text) + '"</div>';
+						}
+					},
+					onDelete: function(values) {
+						return confirm(values.length > 1 ? 'Are you sure you want to remove these ' + values.length + ' items?' : 'Are you sure you want to remove "' + values[0] + '"?');
+					}
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>Plugin: "restore_on_backspace"</h2>
+				<div class="control-group">
+					<label for="input-tags6">Tags:</label>
+					<input type="text" id="input-tags6" class="demo-default" value="awesome,neat">
+				</div>
+				<script>
+				$('#input-tags6').selectize({
+					plugins: ['restore_on_backspace'],
+					persist: false,
+					create: true
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>Plugin: "drag_drop"</h2>
+				<div class="control-group">
+					<label for="input-sortable">Tags:</label>
+					<input type="text" id="input-sortable" class="input-sortable demo-default" value="drag,these,items,around">
+				</div>
+				<div class="control-group">
+					<label for="input-sortable2">Tags:</label>
+					<input type="text" id="input-sortable2" disabled class="input-sortable demo-default" value="drag,these,items,around">
+				</div>
+				<script>
+				$('.input-sortable').selectize({
+					plugins: ['drag_drop'],
+					persist: false,
+					create: true
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>Plugin: "dropdown_header"</h2>
+				<div class="control-group">
+					<label for="select-code-language">Single:</label>
+					<select id="select-code-language" class="demo-code-language" placeholder="Select a language...">
+						<option value="txt">Text</option>
+						<option value="md">Markdown</option>
+						<option value="html">HTML</option>
+						<option value="php">PHP</option>
+						<option value="python">Python</option>
+						<option value="java">Java</option>
+						<option value="js" selected>JavaScript</option>
+						<option value="c#">Ruby</option>
+						<option value="c#">VHDL</option>
+						<option value="c#">Verilog</option>
+						<option value="c#">C#</option>
+						<option value="c++">C/C++</option>
+					</select>
+				</div>
+				<script>
+				$('.demo-code-language').selectize({
+					sortField: 'text',
+					hideSelected: false,
+					plugins: {
+						'dropdown_header': {
+							title: 'Language'
+						}
+					}
+				})
+				</script>
+			</div>
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/required.html
+++ b/web/vendor/selectize.js/examples/required.html
@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+
+			<div class="demo">
+				<h2>Required Element</h2>
+				<div class="control-group">
+					<form>
+						<label for="select-beast">Beast:</label>
+						<select id="select-beast" required class="demo-default" placeholder="Select a person...">
+							<option value="">Select a person...</option>
+							<option value="4">Thomas Edison</option>
+							<option value="1">Nikola</option>
+							<option value="3">Nikola Tesla</option>
+							<option value="5">Arnold Schwarzenegger</option>
+						</select>
+						<div style="margin-top:20px">
+							<button type="submit">Submit</button>
+						</div>
+					</form>
+				</div>
+				<script>
+				$('#select-beast').selectize({
+					create: true,
+					sortField: {
+						field: 'text',
+						direction: 'asc'
+					}
+				});
+				</script>
+			</div>
+
+		</div>
+	</body>
+</html>
--- a/web/vendor/selectize.js/examples/rtl.html
+++ b/web/vendor/selectize.js/examples/rtl.html
@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
+<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<title>Selectize.js Demo</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/stylesheet.css">
+		<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
+		<script src="js/jquery.js"></script>
+		<script src="../dist/js/standalone/selectize.js"></script>
+		<script src="js/index.js"></script>
+	</head>
+    <body>
+		<div id="wrapper">
+			<h1>Selectize.js</h1>
+
+			<div class="demo">
+				<h2>Right-to-left Support (RTL)</h2>
+				<div class="control-group" dir="rtl">
+					<label for="input-tags">Tags:</label>
+					<input type="text" id="input-tags" class="demo-default" value="awesome,neat">
+				</div>
+				<script>
+				$('#input-tags').selectize({
+					persist: false,
+					create: true
+				});
+				</script>
+			</div>
+
+			<div class="demo">
+				<h2>Right-to-left Support (RTL) – Single</h2>
+				<div class="control-group" dir="rtl">
+					<label for="select-beast">Beast:</label>
+					<select id="select-beast" class="demo-default" placeholder="Select a person...">
+						<option value="">Select a person...</option>
+						<option value="4">Thomas Edison</option>
+						<option value="1">Nikola</option>
+						<option value="3">Nikola Tesla</option>
+						<option value="5">Arnold Schwarzenegger</option>
+					</select>
+				</div>
+				<script>
+				$('#select-beast').selectize({});
+				</script>
+			</div>
+
+		</div>
+	</body>
+</html>