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

ad2games-ui_components 2.0.0

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);