RubyGems - ad2games-ui_components - Versions diffs - 2.0.0 - Mend

ad2games-ui_components 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (460) hide show

data/vendor/assets/bower_components/ajax-chosen/VERSION ADDED

	@@ -0,0 +1 @@
1	+ 1.0.1

data/vendor/assets/bower_components/ajax-chosen/bower.json ADDED

@@ -0,0 +1,23 @@
+{
+  "name": "ajax-chosen",
+  "version": "1.0.0",
+  "homepage": "https://github.com/michaelperrin/ajax-chosen",
+  "authors": [
+    "Ryan LeFevre",
+    "Michaël Perrin"
+  ],
+  "description": "A complement to the jQuery library Chosen that adds ajax autocomplete",
+  "main": "./lib/ajax-chosen.min.js",
+  "license": "MIT",
+  "dependencies": {
+    "jquery": ">= 1.9.0",
+    "chosen": ">= 1.0.0"
+  },
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

data/vendor/assets/bower_components/ajax-chosen/data.json ADDED

@@ -0,0 +1,57 @@
+{
+	"states": [
+		"Alabama",
+		"Alaska",
+		"Arizona",
+		"Arkansas",
+		"California",
+		"Colorado",
+		"Connecticut",
+		"Delaware",
+		"District of Columbia",
+		"Florida",
+		"Georgia",
+		"Hawaii",
+		"Idaho",
+		"Illinois",
+		"Indiana",
+		"Iowa",
+		"Kansas",
+		"Kentucky",
+		"Louisiana",
+		"Maine",
+		"Maryland",
+		"Massachusetts",
+		"Michigan",
+		"Minnesota",
+		"Mississippi",
+		"Missouri",
+		"Montana",
+		"Nebraska",
+		"Nevada",
+		"New Hampshire",
+		"New Jersey",
+		"New Mexico",
+		"New York",
+		"North Carolina",
+		"North Dakota",
+		"Ohio",
+		"Oklahoma",
+		"Oregon",
+		"Pennsylvania",
+		"Puerto Rico",
+		"Rhode Island",
+		"South Carolina",
+		"South Dakota",
+		"Tennessee",
+		"Texas",
+		"Utah",
+		"Vermont",
+		"Virginia",
+		"Virgin Islands",
+		"Washington",
+		"West Virginia",
+		"Wisconsin",
+		"Wyoming"
+	]
+}

data/vendor/assets/bower_components/ajax-chosen/docs/ajax-chosen.html ADDED

@@ -0,0 +1,71 @@
+<!DOCTYPE html>  <html> <head>   <title>ajax-chosen.coffee</title>   <meta http-equiv="content-type" content="text/html; charset=UTF-8">   <link rel="stylesheet" media="all" href="docco.css" /> </head> <body>   <div id="container">     <div id="background"></div>          <table cellpadding="0" cellspacing="0">       <thead>         <tr>           <th class="docs">             <h1>               ajax-chosen.coffee             </h1>           </th>           <th class="code">           </th>         </tr>       </thead>       <tbody>                               <tr id="section-1">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-1">&#182;</a>               </div>                            </td>             <td class="code">               <div class="highlight"><pre><span class="nx">do</span> <span class="nf">($ = jQuery) -&gt;</span>
+  <span class="nv">$.fn.ajaxChosen = </span><span class="nf">(settings = {}, callback = -&gt;) -&gt;</span>
+    <span class="nv">defaultOptions =</span>
+      <span class="nv">minTermLength: </span><span class="mi">3</span>
+      <span class="nv">afterTypeDelay: </span><span class="mi">500</span>
+      <span class="nv">jsonTermKey: </span><span class="s2">&quot;term&quot;</span></pre></div>             </td>           </tr>                               <tr id="section-2">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-2">&#182;</a>               </div>               <p>This will come in handy later.</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nv">select = </span><span class="err">@</span>
+    <span class="nv">chosenXhr = </span><span class="kc">null</span>
+    </pre></div>             </td>           </tr>                               <tr id="section-3">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-3">&#182;</a>               </div>               <p>Merge options with defaults</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nv">options = </span><span class="nx">$</span><span class="p">.</span><span class="nx">extend</span> <span class="p">{},</span> <span class="nx">defaultOptions</span><span class="p">,</span> <span class="nx">settings</span></pre></div>             </td>           </tr>                               <tr id="section-4">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-4">&#182;</a>               </div>               <p>Load chosen. To make things clear, I have taken the liberty
+of using the .chzn-autoselect class to specify input elements
+we want to use with ajax autocomplete.</p>             </td>             <td class="code">               <div class="highlight"><pre>    <span class="nx">@chosen</span><span class="p">()</span>
+    <span class="nx">@each</span> <span class="o">-&gt;</span></pre></div>             </td>           </tr>                               <tr id="section-5">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-5">&#182;</a>               </div>               <p>Now that chosen is loaded normally, we can bootstrap it with
+our ajax autocomplete code.</p>             </td>             <td class="code">               <div class="highlight"><pre>      <span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">).</span><span class="nx">next</span><span class="p">(</span><span class="s1">&#39;.chzn-container&#39;</span><span class="p">)</span>
+        <span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s2">&quot;.search-field &gt; input, .chzn-search &gt; input&quot;</span><span class="p">)</span>
+        <span class="p">.</span><span class="nx">bind</span> <span class="s1">&#39;keyup&#39;</span><span class="p">,</span> <span class="o">-&gt;</span></pre></div>             </td>           </tr>                               <tr id="section-6">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-6">&#182;</a>               </div>               <p>This code will be executed every time the user types a letter
+into the input form that chosen has created</p>             </td>             <td class="code">               <div class="highlight"><pre>          </pre></div>             </td>           </tr>                               <tr id="section-7">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-7">&#182;</a>               </div>               <p>Retrieve the current value of the input form</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nv">val = </span><span class="nx">$</span><span class="p">.</span><span class="nx">trim</span> <span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;value&#39;</span><span class="p">)</span></pre></div>             </td>           </tr>                               <tr id="section-8">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-8">&#182;</a>               </div>               <p>Depending on how much text the user has typed, let them know
+if they need to keep typing or if we are looking for their data</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nv">msg = </span><span class="k">if</span> <span class="nx">val</span><span class="p">.</span><span class="nx">length</span> <span class="o">&lt;</span> <span class="nx">options</span><span class="p">.</span><span class="nx">minTermLength</span> <span class="k">then</span> <span class="s2">&quot;Keep typing...&quot;</span> <span class="k">else</span> <span class="s2">&quot;Looking for &#39;&quot;</span> <span class="o">+</span> <span class="nx">val</span> <span class="o">+</span> <span class="s2">&quot;&#39;&quot;</span>
+          <span class="nx">select</span><span class="p">.</span><span class="nx">next</span><span class="p">(</span><span class="s1">&#39;.chzn-container&#39;</span><span class="p">).</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;.no-results&#39;</span><span class="p">).</span><span class="nx">text</span><span class="p">(</span><span class="nx">msg</span><span class="p">)</span>
+          </pre></div>             </td>           </tr>                               <tr id="section-9">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-9">&#182;</a>               </div>               <p>If input text has not changed ... do nothing</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="k">return</span> <span class="kc">false</span> <span class="k">if</span> <span class="nx">val</span> <span class="o">is</span> <span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">&#39;prevVal&#39;</span><span class="p">)</span></pre></div>             </td>           </tr>                               <tr id="section-10">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-10">&#182;</a>               </div>               <p>Set the current search term so we don't execute the ajax call if
+the user hits a key that isn't an input letter/number/symbol</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">).</span><span class="nx">data</span><span class="p">(</span><span class="s1">&#39;prevVal&#39;</span><span class="p">,</span> <span class="nx">val</span><span class="p">)</span>
+          </pre></div>             </td>           </tr>                               <tr id="section-11">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-11">&#182;</a>               </div>               <p>At this point, we have a new term/query ... the old timer
+is no longer valid.  Clear it.</p>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-12">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-12">&#182;</a>               </div>               <p>We delay searches by a small amount so that we don't flood the
+server with ajax requests.</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nx">clearTimeout</span><span class="p">(</span><span class="nx">@timer</span><span class="p">)</span> <span class="k">if</span> <span class="nx">@timer</span>
+          </pre></div>             </td>           </tr>                               <tr id="section-13">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-13">&#182;</a>               </div>               <p>Some simple validation so we don't make excess ajax calls. I am
+assuming you don't want to perform a search with less than 3
+characters.</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="k">return</span> <span class="kc">false</span> <span class="k">if</span> <span class="nx">val</span><span class="p">.</span><span class="nx">length</span> <span class="o">&lt;</span> <span class="nx">options</span><span class="p">.</span><span class="nx">minTermLength</span>
+          </pre></div>             </td>           </tr>                               <tr id="section-14">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-14">&#182;</a>               </div>               <p>This is a useful reference for later</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nv">field = </span><span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">)</span>
+          </pre></div>             </td>           </tr>                               <tr id="section-15">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-15">&#182;</a>               </div>               <p>Default term key is <code>term</code>.  Specify alternative in options.options.jsonTermKey</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nv">options.data = </span><span class="p">{}</span> <span class="k">if</span> <span class="o">not</span> <span class="nx">options</span><span class="p">.</span><span class="nx">data</span><span class="o">?</span>
+          <span class="nx">options</span><span class="p">.</span><span class="nx">data</span><span class="p">[</span><span class="nx">options</span><span class="p">.</span><span class="nx">jsonTermKey</span><span class="p">]</span> <span class="o">=</span> <span class="nx">val</span>
+          </pre></div>             </td>           </tr>                               <tr id="section-16">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-16">&#182;</a>               </div>               <p>If the user provided an ajax success callback, store it so we can
+call it after our bootstrapping is finished.</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nx">success</span> <span class="o">?=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">success</span>
+          </pre></div>             </td>           </tr>                               <tr id="section-17">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-17">&#182;</a>               </div>               <p>Create our own callback that will be executed when the ajax call is
+finished.</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="nv">options.success = </span><span class="nf">(data) -&gt;</span></pre></div>             </td>           </tr>                               <tr id="section-18">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-18">&#182;</a>               </div>               <p>Exit if the data we're given is invalid</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="k">return</span> <span class="k">if</span> <span class="o">not</span> <span class="nx">data</span><span class="o">?</span>
+            </pre></div>             </td>           </tr>                               <tr id="section-19">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-19">&#182;</a>               </div>               <p>Go through all of the <option> elements in the <select> and remove
+ones that have not been selected by the user.  For those selected
+by the user, add them to a list to filter from the results later.</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="nv">selected_values = </span><span class="p">[]</span>
+            <span class="nx">select</span><span class="p">.</span><span class="nx">find</span><span class="p">(</span><span class="s1">&#39;option&#39;</span><span class="p">).</span><span class="nx">each</span> <span class="o">-&gt;</span>
+              <span class="k">if</span> <span class="o">not</span> <span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">).</span><span class="o">is</span><span class="p">(</span><span class="s2">&quot;:selected&quot;</span><span class="p">)</span>
+                <span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">).</span><span class="nx">remove</span><span class="p">()</span>
+              <span class="k">else</span>
+                <span class="nx">selected_values</span><span class="p">.</span><span class="nx">push</span> <span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">).</span><span class="nx">val</span><span class="p">()</span> <span class="o">+</span> <span class="s2">&quot;-&quot;</span> <span class="o">+</span> <span class="nx">$</span><span class="p">(</span><span class="err">@</span><span class="p">).</span><span class="nx">text</span><span class="p">()</span>
+                </pre></div>             </td>           </tr>                               <tr id="section-20">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-20">&#182;</a>               </div>               <p>Send the ajax results to the user callback so we can get an object of
+value => text pairs to inject as <option> elements.</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="nv">items = </span><span class="nx">callback</span> <span class="nx">data</span>
+            </pre></div>             </td>           </tr>                               <tr id="section-21">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-21">&#182;</a>               </div>               <p>Iterate through the given data and inject the <option> elements into
+the DOM if it doesn't exist in the selector already</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="nx">$</span><span class="p">.</span><span class="nx">each</span> <span class="nx">items</span><span class="p">,</span> <span class="nf">(value, text) -&gt;</span>
+              <span class="k">if</span> <span class="nx">$</span><span class="p">.</span><span class="nx">inArray</span><span class="p">(</span><span class="nx">value</span> <span class="o">+</span> <span class="s2">&quot;-&quot;</span> <span class="o">+</span> <span class="nx">text</span><span class="p">,</span> <span class="nx">selected_values</span><span class="p">)</span> <span class="o">==</span> <span class="o">-</span><span class="mi">1</span>
+                <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;&lt;option /&gt;&quot;</span><span class="p">)</span>
+                  <span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;value&#39;</span><span class="p">,</span> <span class="nx">value</span><span class="p">)</span>
+                  <span class="p">.</span><span class="nx">html</span><span class="p">(</span><span class="nx">text</span><span class="p">)</span>
+                  <span class="p">.</span><span class="nx">appendTo</span><span class="p">(</span><span class="nx">select</span><span class="p">)</span>
+                </pre></div>             </td>           </tr>                               <tr id="section-22">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-22">&#182;</a>               </div>               <p>Tell chosen that the contents of the <select> input have been updated
+This makes chosen update its internal list of the input data.</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="nx">select</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s2">&quot;liszt:updated&quot;</span><span class="p">)</span>
+            </pre></div>             </td>           </tr>                               <tr id="section-23">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-23">&#182;</a>               </div>               <p>Finally, call the user supplied callback (if it exists)</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="nx">success</span><span class="p">(</span><span class="nx">data</span><span class="p">)</span> <span class="k">if</span> <span class="nx">success</span><span class="o">?</span></pre></div>             </td>           </tr>                               <tr id="section-24">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-24">&#182;</a>               </div>               <p>For some reason, the contents of the input field get removed once you
+call trigger above. Often, this can be very annoying (and can make some
+searches impossible), so we add the value the user was typing back into
+the input field.</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="nx">field</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;value&#39;</span><span class="p">,</span> <span class="nx">val</span><span class="p">)</span></pre></div>             </td>           </tr>                               <tr id="section-25">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-25">&#182;</a>               </div>               <p>Because non-ajax Chosen isn't constantly re-building results, when it
+DOES rebuild results (during liszt:updated above, it clears the input
+search field before scaling it.  This causes the input field width to be
+at it's minimum, which is about 25px.  </p>             </td>             <td class="code">               <div class="highlight"><pre></pre></div>             </td>           </tr>                               <tr id="section-26">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-26">&#182;</a>               </div>               <p>The proper way to fix this would be create a new method in chosen for
+rebuilding results without clearing the input field.  Or to call
+Chosen.search<em>field</em>scale() after resetting the value above.  This isn't
+possible with the current state of Chosen.  The quick fix is to simply reset
+the width of the field after we reset the value of the input text.</p>             </td>             <td class="code">               <div class="highlight"><pre>            <span class="nx">field</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;width&#39;</span><span class="p">,</span><span class="s1">&#39;auto&#39;</span><span class="p">)</span>
+                      </pre></div>             </td>           </tr>                               <tr id="section-27">             <td class="docs">               <div class="pilwrap">                 <a class="pilcrow" href="#section-27">&#182;</a>               </div>               <p>Execute the ajax call to search for autocomplete data with a timer</p>             </td>             <td class="code">               <div class="highlight"><pre>          <span class="vi">@timer = </span><span class="nx">setTimeout</span> <span class="o">-&gt;</span>
+            <span class="nx">chosenXhr</span><span class="p">.</span><span class="nx">abort</span><span class="p">()</span> <span class="k">if</span> <span class="nx">chosenXhr</span>
+            <span class="nv">chosenXhr = </span><span class="nx">$</span><span class="p">.</span><span class="nx">ajax</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span>
+          <span class="p">,</span> <span class="nx">options</span><span class="p">.</span><span class="nx">afterTypeDelay</span>
+</pre></div>             </td>           </tr>                </tbody>     </table>   </div> </body> </html>

data/vendor/assets/bower_components/ajax-chosen/docs/docco.css ADDED

@@ -0,0 +1,186 @@
+/*--------------------- Layout and Typography ----------------------------*/
+body {
+  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+  font-size: 15px;
+  line-height: 22px;
+  color: #252519;
+  margin: 0; padding: 0;
+}
+a {
+  color: #261a3b;
+}
+  a:visited {
+    color: #261a3b;
+  }
+p {
+  margin: 0 0 15px 0;
+}
+h1, h2, h3, h4, h5, h6 {
+  margin: 0px 0 15px 0;
+}
+  h1 {
+    margin-top: 40px;
+  }
+#container {
+  position: relative;
+}
+#background {
+  position: fixed;
+  top: 0; left: 525px; right: 0; bottom: 0;
+  background: #f5f5ff;
+  border-left: 1px solid #e5e5ee;
+  z-index: -1;
+}
+#jump_to, #jump_page {
+  background: white;
+  -webkit-box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777;
+  -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;
+  font: 10px Arial;
+  text-transform: uppercase;
+  cursor: pointer;
+  text-align: right;
+}
+#jump_to, #jump_wrapper {
+  position: fixed;
+  right: 0; top: 0;
+  padding: 5px 10px;
+}
+  #jump_wrapper {
+    padding: 0;
+    display: none;
+  }
+    #jump_to:hover #jump_wrapper {
+      display: block;
+    }
+    #jump_page {
+      padding: 5px 0 3px;
+      margin: 0 0 25px 25px;
+    }
+      #jump_page .source {
+        display: block;
+        padding: 5px 10px;
+        text-decoration: none;
+        border-top: 1px solid #eee;
+      }
+        #jump_page .source:hover {
+          background: #f5f5ff;
+        }
+        #jump_page .source:first-child {
+        }
+table td {
+  border: 0;
+  outline: 0;
+}
+  td.docs, th.docs {
+    max-width: 450px;
+    min-width: 450px;
+    min-height: 5px;
+    padding: 10px 25px 1px 50px;
+    overflow-x: hidden;
+    vertical-align: top;
+    text-align: left;
+  }
+    .docs pre {
+      margin: 15px 0 15px;
+      padding-left: 15px;
+    }
+    .docs p tt, .docs p code {
+      background: #f8f8ff;
+      border: 1px solid #dedede;
+      font-size: 12px;
+      padding: 0 0.2em;
+    }
+    .pilwrap {
+      position: relative;
+    }
+      .pilcrow {
+        font: 12px Arial;
+        text-decoration: none;
+        color: #454545;
+        position: absolute;
+        top: 3px; left: -20px;
+        padding: 1px 2px;
+        opacity: 0;
+        -webkit-transition: opacity 0.2s linear;
+      }
+        td.docs:hover .pilcrow {
+          opacity: 1;
+        }
+  td.code, th.code {
+    padding: 14px 15px 16px 25px;
+    width: 100%;
+    vertical-align: top;
+    background: #f5f5ff;
+    border-left: 1px solid #e5e5ee;
+  }
+    pre, tt, code {
+      font-size: 12px; line-height: 18px;
+      font-family: Monaco, Consolas, "Lucida Console", monospace;
+      margin: 0; padding: 0;
+    }
+/*---------------------- Syntax Highlighting -----------------------------*/
+td.linenos { background-color: #f0f0f0; padding-right: 10px; }
+span.lineno { background-color: #f0f0f0; padding: 0 5px 0 5px; }
+body .hll { background-color: #ffffcc }
+body .c { color: #408080; font-style: italic }  /* Comment */
+body .err { border: 1px solid #FF0000 }         /* Error */
+body .k { color: #954121 }                      /* Keyword */
+body .o { color: #666666 }                      /* Operator */
+body .cm { color: #408080; font-style: italic } /* Comment.Multiline */
+body .cp { color: #BC7A00 }                     /* Comment.Preproc */
+body .c1 { color: #408080; font-style: italic } /* Comment.Single */
+body .cs { color: #408080; font-style: italic } /* Comment.Special */
+body .gd { color: #A00000 }                     /* Generic.Deleted */
+body .ge { font-style: italic }                 /* Generic.Emph */
+body .gr { color: #FF0000 }                     /* Generic.Error */
+body .gh { color: #000080; font-weight: bold }  /* Generic.Heading */
+body .gi { color: #00A000 }                     /* Generic.Inserted */
+body .go { color: #808080 }                     /* Generic.Output */
+body .gp { color: #000080; font-weight: bold }  /* Generic.Prompt */
+body .gs { font-weight: bold }                  /* Generic.Strong */
+body .gu { color: #800080; font-weight: bold }  /* Generic.Subheading */
+body .gt { color: #0040D0 }                     /* Generic.Traceback */
+body .kc { color: #954121 }                     /* Keyword.Constant */
+body .kd { color: #954121; font-weight: bold }  /* Keyword.Declaration */
+body .kn { color: #954121; font-weight: bold }  /* Keyword.Namespace */
+body .kp { color: #954121 }                     /* Keyword.Pseudo */
+body .kr { color: #954121; font-weight: bold }  /* Keyword.Reserved */
+body .kt { color: #B00040 }                     /* Keyword.Type */
+body .m { color: #666666 }                      /* Literal.Number */
+body .s { color: #219161 }                      /* Literal.String */
+body .na { color: #7D9029 }                     /* Name.Attribute */
+body .nb { color: #954121 }                     /* Name.Builtin */
+body .nc { color: #0000FF; font-weight: bold }  /* Name.Class */
+body .no { color: #880000 }                     /* Name.Constant */
+body .nd { color: #AA22FF }                     /* Name.Decorator */
+body .ni { color: #999999; font-weight: bold }  /* Name.Entity */
+body .ne { color: #D2413A; font-weight: bold }  /* Name.Exception */
+body .nf { color: #0000FF }                     /* Name.Function */
+body .nl { color: #A0A000 }                     /* Name.Label */
+body .nn { color: #0000FF; font-weight: bold }  /* Name.Namespace */
+body .nt { color: #954121; font-weight: bold }  /* Name.Tag */
+body .nv { color: #19469D }                     /* Name.Variable */
+body .ow { color: #AA22FF; font-weight: bold }  /* Operator.Word */
+body .w { color: #bbbbbb }                      /* Text.Whitespace */
+body .mf { color: #666666 }                     /* Literal.Number.Float */
+body .mh { color: #666666 }                     /* Literal.Number.Hex */
+body .mi { color: #666666 }                     /* Literal.Number.Integer */
+body .mo { color: #666666 }                     /* Literal.Number.Oct */
+body .sb { color: #219161 }                     /* Literal.String.Backtick */
+body .sc { color: #219161 }                     /* Literal.String.Char */
+body .sd { color: #219161; font-style: italic } /* Literal.String.Doc */
+body .s2 { color: #219161 }                     /* Literal.String.Double */
+body .se { color: #BB6622; font-weight: bold }  /* Literal.String.Escape */
+body .sh { color: #219161 }                     /* Literal.String.Heredoc */
+body .si { color: #BB6688; font-weight: bold }  /* Literal.String.Interpol */
+body .sx { color: #954121 }                     /* Literal.String.Other */
+body .sr { color: #BB6688 }                     /* Literal.String.Regex */
+body .s1 { color: #219161 }                     /* Literal.String.Single */
+body .ss { color: #19469D }                     /* Literal.String.Symbol */
+body .bp { color: #954121 }                     /* Name.Builtin.Pseudo */
+body .vc { color: #19469D }                     /* Name.Variable.Class */
+body .vg { color: #19469D }                     /* Name.Variable.Global */
+body .vi { color: #19469D }                     /* Name.Variable.Instance */
+body .il { color: #666666 }                     /* Literal.Number.Integer.Long */

data/vendor/assets/bower_components/ajax-chosen/index.html ADDED

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Ajax-Chosen: Bootstrapping a Popular jQuery Plugin to add Ajax Autocomplete</title>
+	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+	<script type="text/javascript" src="/dist/chosen/chosen/chosen.jquery.min.js"></script>
+	<script type="text/javascript" src="/lib/ajax-chosen.js"></script>
+	<link type="text/css" rel="stylesheet" href="/dist/chosen/chosen/chosen.css" />
+	<style type="text/css">
+	#example1, #example2, #example3 { width: 300px; display: block; }
+	</style>
+	<script type="text/javascript">
+	$(document).ready(function () {
+		$("#example1,#example2,#example3").ajaxChosen({
+			type: 'GET',
+			url: '/data.json',
+			dataType: 'json'
+		}, function (data) {
+			var terms = {};
+			$.each(data.states, function (i, val) {
+				terms[i] = val;
+			});
+			return terms;
+		});
+	});
+	</script>
+</head>
+<body>
+	<h1>Ajax-Chosen: Bootstrapping a jQuery Plugin</h1>
+	<div>
+		<h2>Multi Select</h2>
+		<select id="example1" title="Search for a state" multiple></select><br /><br />
+		<select id="example3" title="Search for a state" multiple></select>
+	</div>
+	<div>
+		<h2>Single Select</h2>
+		<select id="example2" title="Select for a state" search><option></option></select>
+	</div>
+</body>
+</html>

data/vendor/assets/bower_components/ajax-chosen/lib/ajax-chosen.js ADDED

@@ -0,0 +1,159 @@
+// Generated by CoffeeScript 1.6.1
+(function($) {
+  var ajaxChosen, defaultOptions;
+  defaultOptions = {
+    minTermLength: 3,
+    afterTypeDelay: 500,
+    jsonTermKey: "term",
+    keepTypingMsg: "Keep typing...",
+    lookingForMsg: "Looking for"
+  };
+  return ajaxChosen = (function() {
+    function ajaxChosen(element, settings, callback, chosenOptions) {
+      var chosenXhr;
+      this.element = element;
+      chosenXhr = null;
+      this.callback_function = callback;
+      this.options = $.extend({}, defaultOptions, this.element.data(), settings);
+      this.success = settings.success;
+      this.element.chosen(chosenOptions ? chosenOptions : {});
+      this.search_field = this.element.next('.chosen-container').find(".search-field > input, .chosen-search > input");
+      this.register_observers();
+    }
+    ajaxChosen.prototype.register_observers = function() {
+      var _this = this;
+      this.search_field.keyup(function(evt) {
+        _this.update_list(evt);
+      });
+      return this.search_field.focus(function(evt) {
+        _this.search_field_focused(evt);
+      });
+    };
+    ajaxChosen.prototype.search_field_focused = function(evt) {
+      if (this.options.minTermLength === 0 && this.search_field.val().length === 0) {
+        return this.update_list(evt);
+      }
+    };
+    ajaxChosen.prototype.update_list = function(evt) {
+      var msg, options, val, _this;
+      this.untrimmed_val = this.search_field.val();
+      val = $.trim(this.search_field.val());
+      msg = val.length < this.options.minTermLength ? this.options.keepTypingMsg : this.options.lookingForMsg + (" '" + val + "'");
+      this.element.next('.chosen-container').find('.no-results').text(msg);
+      if (val === this.search_field.data('prevVal')) {
+        return false;
+      }
+      this.search_field.data('prevVal', val);
+      if (this.timer) {
+        clearTimeout(this.timer);
+      }
+      if (val.length < this.options.minTermLength) {
+        return false;
+      }
+      if (this.options.data == null) {
+        this.options.data = {};
+      }
+      this.options.data[this.options.jsonTermKey] = val;
+      if (this.options.dataCallback != null) {
+        this.options.data = this.options.dataCallback(this.options.data);
+      }
+      _this = this;
+      options = this.options;
+      options.success = function(data) {
+        return _this.show_results(data);
+      };
+      return this.timer = setTimeout(function() {
+        if (_this.chosenXhr) {
+          _this.chosenXhr.abort();
+        }
+        return _this.chosenXhr = $.ajax(options);
+      }, options.afterTypeDelay);
+    };
+    ajaxChosen.prototype.show_results = function(data) {
+      var items, nbItems, selected_values, _this;
+      if (data == null) {
+        return;
+      }
+      selected_values = [];
+      this.element.find('option').each(function() {
+        if (!$(this).is(":selected")) {
+          return $(this).remove();
+        } else {
+          return selected_values.push($(this).val() + "-" + $(this).text());
+        }
+      });
+      this.element.find('optgroup:empty').each(function() {
+        return $(this).remove();
+      });
+      items = this.callback_function != null ? this.callback_function(data, this.search_field) : data;
+      nbItems = 0;
+      _this = this;
+      $.each(items, function(i, element) {
+        var group, text, value;
+        nbItems++;
+        if (element.group) {
+          group = _this.element.find("optgroup[label='" + element.text + "']");
+          if (!group.size()) {
+            group = $("<optgroup />");
+          }
+          group.attr('label', element.text).appendTo(_this.element);
+          return $.each(element.items, function(i, element) {
+            var text, value;
+            if (typeof element === "string") {
+              value = i;
+              text = element;
+            } else {
+              value = element.value;
+              text = element.text;
+            }
+            if ($.inArray(value + "-" + text, selected_values) === -1) {
+              return $("<option />").attr('value', value).html(text).appendTo(group);
+            }
+          });
+        } else {
+          if (typeof element === "string") {
+            value = i;
+            text = element;
+          } else {
+            value = element.value;
+            text = element.text;
+          }
+          if ($.inArray(value + "-" + text, selected_values) === -1) {
+            return $("<option />").attr('value', value).html(text).appendTo(_this.element);
+          }
+        }
+      });
+      if (nbItems) {
+        this.element.trigger("chosen:updated");
+      } else {
+        this.element.data().chosen.no_results_clear();
+        this.element.data().chosen.no_results(this.search_field.val());
+      }
+      if (this.success != null) {
+        this.success(data);
+      }
+      return this.search_field.val(this.untrimmed_val);
+    };
+    $.fn.ajaxChosen = function(options, callback, chosenOptions) {
+      if (options == null) {
+        options = {};
+      }
+      if (chosenOptions == null) {
+        chosenOptions = {};
+      }
+      return this.each(function() {
+        return new ajaxChosen($(this), options, callback, chosenOptions);
+      });
+    };
+    return ajaxChosen;
+  })();
+})(jQuery);