Browse Source

HUE-1798 [impala] Improve database dropdown

Added chosen to Impala and Beeswax
Restyled a bit the side bar on Beeswax and Impala
Reintroduced last database saving
Enrico Berti 12 years ago
parent
commit
34fc418

+ 101 - 100
apps/beeswax/src/beeswax/templates/execute.mako

@@ -32,22 +32,20 @@ ${layout.menubar(section='query')}
     <div class="sidebar-nav">
       <ul class="nav nav-list">
         <li class="nav-header">${_('database')}</li>
-        <li class="white">
-          <select data-bind="options: databases, value: database" class="input-medium" name="query-database"></select>
+        <li class="white" style="padding-top:0px">
+          <select data-bind="options: databases, value: database" class="input-medium chosen-select" name="query-database" data-placeholder="${_('Choose a database...')}"></select>
         </li>
         <li class="nav-header">${_('settings')}</li>
-        <li class="white">
+        <li class="white paramContainer">
           <!-- ko foreach: query.settings -->
           <div class="param">
             <div class="remove">
-              <button data-bind="click: $root.removeSetting.bind(this, $index())" type="button"
-                      class="btn btn-mini settingsDelete" title="${_('Delete this setting')}">x
+              <button data-bind="click: $root.removeSetting.bind(this, $index())" type="button" class="btn btn-mini settingsDelete" title="${_('Delete this setting')}">x
               </button>
             </div>
             <div class="control-group">
               <label>${_('Key')}</label>
-              <input data-bind="value: key" type="text" class="settingsField span8" autocomplete="off"
-                     placeholder="mapred.reduce.tasks"/>
+              <input data-bind="value: key" type="text" class="settingsField span8" autocomplete="off" placeholder="mapred.reduce.tasks"/>
             </div>
 
             <div class="control-group">
@@ -58,31 +56,29 @@ ${layout.menubar(section='query')}
           <!-- /ko -->
 
           <div class="control-group">
-            <a data-bind="click: function() { $root.addSetting('','') }" class="btn btn-small">${_('Add')}</a>
+            <a data-bind="click: function() { $root.addSetting('','') }" class="btn btn-mini paramAdd">${_('Add')}</a>
           </div>
         </li>
         <li class="nav-header
-              % if app_name == 'impala':
-                                   hide
-                                                 % endif
-              ">
+          % if app_name == 'impala':
+             hide
+          % endif
+          ">
           ${_('File Resources')}
         </li>
-        <li class="white
-              % if app_name == 'impala':
-                                   hide
-                                                 % endif
-              ">
+        <li class="white paramContainer
+          % if app_name == 'impala':
+             hide
+          % endif
+          ">
           <!-- ko foreach: query.fileResources -->
           <div class="param">
             <div class="remove">
-              <button data-bind="click: $root.removeFileResources.bind(this, $index())" type="button"
-                      class="btn btn-mini file_resourcesDelete" title="${_('Delete this setting')}">x
-              </button>
+              <button data-bind="click: $root.removeFileResources.bind(this, $index())" type="button" class="btn btn-mini" title="${_('Delete this setting')}">&times;</button>
             </div>
             <div class="control-group">
               <label>${_('Type')}</label>
-              <select data-bind="value: type" class="input-medium">
+              <select data-bind="value: type" class="input-small">
                 <option value="JAR">${_('jar')}</option>
                 <option value="ARCHIVE">${_('archive')}</option>
                 <option value="FILE">${_('file')}</option>
@@ -91,39 +87,35 @@ ${layout.menubar(section='query')}
 
             <div class="control-group">
               <label>${_('Path')}</label>
-              <input data-bind="value: path" type="text" class="input-medium file_resourcesField pathChooser"
-                     placeholder="/user/foo/udf.jar"/>
+              <input data-bind="value: path" type="text" class="span8 pathChooser" placeholder="/user/foo/udf.jar"/>
             </div>
           </div>
           <!-- /ko -->
 
           <div class="control-group">
-            <a data-bind="click: function() { $root.addFileResources('','') }" class="btn btn-small">${_('Add')}</a>
+            <a data-bind="click: function() { $root.addFileResources('','') }" class="btn btn-mini paramAdd">${_('Add')}</a>
           </div>
         </li>
-        <li class="nav-header
-            % if app_name == 'impala':
-                                 hide
-                                             % endif
-            ">
-          ${_('User-defined Functions')}
+        <li class="nav-header" title="${_("User-Defined Functions")}"
+          % if app_name == 'impala':
+            hide
+          % endif
+          ">
+          ${_('UDFs')}
         </li>
-        <li class="white
-            % if app_name == 'impala':
-                                 hide
-                                             % endif
-            ">
+        <li class="white paramContainer
+          % if app_name == 'impala':
+            hide
+          % endif
+          ">
           <!-- ko foreach: query.functions -->
           <div class="param">
             <div class="remove">
-              <button data-bind="click: $root.removeFunction.bind(this, $index())" type="button"
-                      class="btn btn-mini settingsDelete" title="${_('Delete this setting')}">x
-              </button>
+              <button data-bind="click: $root.removeFunction.bind(this, $index())" type="button" class="btn btn-mini settingsDelete" title="${_('Delete this setting')}">&times;</button>
             </div>
             <div class="control-group">
               <label>${_('Name')}</label>
-              <input data-bind="value: name" type="text" class="functionsField span8" autocomplete="off"
-                     placeholder="myFunction"/>
+              <input data-bind="value: name" type="text" class="functionsField span8" autocomplete="off" placeholder="myFunction"/>
             </div>
 
             <div class="control-group">
@@ -134,29 +126,20 @@ ${layout.menubar(section='query')}
           <!-- /ko -->
 
           <div class="control-group">
-            <a data-bind="click: function() { $root.addFunction('','') }" class="btn btn-small">${_('Add')}</a>
+            <a data-bind="click: function() { $root.addFunction('','') }" class="btn btn-mini paramAdd">${_('Add')}</a>
           </div>
         </li>
-        <li class="nav-header">${_('Parameterization')}</li>
-        <li class="white">
-          <label class="checkbox" rel="tooltip"
-                 data-original-title="${_("If checked (the default), you can include parameters like $parameter_name in your query, and users will be prompted for a value when the query is run.")}">
+        <li class="nav-header">${_('Options')}</li>
+        <li class="white" style="padding-top:0px">
+          <label class="checkbox" rel="tooltip" data-original-title="${_("If checked (the default), you can include parameters like $parameter_name in your query, and users will be prompted for a value when the query is run.")}">
             <input data-bind="checked: query.isParameterized" type="checkbox"/>
-            ${_("Enable Parameterization")}
+            ${_("Enable parameterization")}
           </label>
-        </li>
-        <li class="nav-header
-                % if app_name == 'impala':
-                                     hide
-                                                     % endif
-              ">${_('Email Notification')}</li>
-        <li class="white
-                % if app_name == 'impala':
-                                     hide
-                                                     % endif
-              ">
-          <label class="checkbox" rel="tooltip"
-                 data-original-title="${_("If checked, you will receive an email notification when the query completes.")}">
+          <label class="checkbox
+          % if app_name == 'impala':
+            hide
+          % endif
+          " rel="tooltip" data-original-title="${_("If checked, you will receive an email notification when the query completes.")}">
             <input data-bind="checked: query.email" type="checkbox"/>
             ${_("Email me on completion.")}
           </label>
@@ -167,10 +150,10 @@ ${layout.menubar(section='query')}
           </li>
           <li class="white">
             <div class="control-group">
-                  <span id="refresh-dyk">
-                    <i class="fa fa-refresh"></i>
-                    ${ _('Sync tables tips') }
-                  </span>
+              <span id="refresh-dyk">
+                <i class="fa fa-refresh"></i>
+                ${ _('Sync tables tips') }
+              </span>
 
               <div id="refresh-content" class="hide">
                 <ul style="text-align: left;">
@@ -253,18 +236,13 @@ ${layout.menubar(section='query')}
           <textarea class="hide" tabindex="1" name="query" id="queryField"></textarea>
 
           <div class="actions">
-            <button data-bind="click: tryExecuteQuery, visible: !$root.isRunning()" type="button" id="executeQuery"
-                    class="btn btn-primary" tabindex="2">${_('Execute')}</button>
-            <button data-bind="click: tryCancelQuery, visible: $root.isRunning()" class="btn btn-danger"
-                    data-loading-text="${ _('Canceling...') }" rel="tooltip"
-                    data-original-title="${ _('Cancel the query') }">${ _('Cancel') }</button>
-            <button data-bind="click: trySaveQuery, css: {'hide': !$root.query.id() || $root.query.id() == -1}"
-                    type="button" class="btn hide">${_('Save')}</button>
+            <button data-bind="click: tryExecuteQuery, visible: !$root.isRunning()" type="button" id="executeQuery" class="btn btn-primary" tabindex="2">${_('Execute')}</button>
+            <button data-bind="click: tryCancelQuery, visible: $root.isRunning()" class="btn btn-danger" data-loading-text="${ _('Canceling...') }" rel="tooltip" data-original-title="${ _('Cancel the query') }">${ _('Cancel') }</button>
+            <button data-bind="click: trySaveQuery, css: {'hide': !$root.query.id() || $root.query.id() == -1}" type="button" class="btn hide">${_('Save')}</button>
             <button data-bind="click: saveAsModal" type="button" class="btn">${_('Save as...')}</button>
-            <button data-bind="click: tryExplainQuery" type="button" id="explainQuery"
-                    class="btn">${_('Explain')}</button>
-            &nbsp; ${_('or create a')} &nbsp;<a type="button" class="btn"
-                                                href="${ url('beeswax:execute_query') }">${_('New query')}</a>
+            <button data-bind="click: tryExplainQuery" type="button" id="explainQuery" class="btn">${_('Explain')}</button>
+            &nbsp; ${_('or create a')} &nbsp;
+            <a type="button" class="btn" href="${ url('beeswax:execute_query') }">${_('New query')}</a>
             <br/><br/>
           </div>
 
@@ -304,8 +282,7 @@ ${layout.menubar(section='query')}
         </div>
         <div class="tab-pane" id="results">
           <div data-bind="css: {'hide': rows().length == 0}" class="hide">
-            <table class="table table-striped table-condensed resultTable" cellpadding="0" cellspacing="0"
-                   data-tablescroller-min-height-disable="true" data-tablescroller-enforce-height="true">
+            <table class="table table-striped table-condensed resultTable" cellpadding="0" cellspacing="0" data-tablescroller-min-height-disable="true" data-tablescroller-enforce-height="true">
               <thead>
               <tr data-bind="foreach: columns">
                 <th data-bind="text: $data"></th>
@@ -319,7 +296,6 @@ ${layout.menubar(section='query')}
               <div class="row-fluid">
                 <div class="span10 offset1 center empty-wrapper">
                   <i class="fa fa-frown-o"></i>
-
                   <h1>${_('The server returned no results.')}</h1>
                   <br/>
                 </div>
@@ -335,10 +311,8 @@ ${layout.menubar(section='query')}
 
 <div class="span2" id="navigator">
   <div class="card card-small">
-    <a href="#" title="${_('Double click on a table name or field to insert it in the editor')}" rel="tooltip"
-       data-placement="left" class="pull-right" style="margin:10px;margin-left: 0"><i class="fa fa-question-circle"></i></a>
-    <a id="refreshNavigator" href="#" title="${_('Manually refresh the table list')}" rel="tooltip"
-       data-placement="left" class="pull-right" style="margin:10px"><i class="fa fa-refresh"></i></a>
+    <a href="#" title="${_('Double click on a table name or field to insert it in the editor')}" rel="tooltip" data-placement="left" class="pull-right" style="margin:10px;margin-left: 0"><i class="fa fa-question-circle"></i></a>
+    <a id="refreshNavigator" href="#" title="${_('Manually refresh the table list')}" rel="tooltip" data-placement="left" class="pull-right" style="margin:10px"><i class="fa fa-refresh"></i></a>
 
     <h1 class="card-heading simple"><i class="fa fa-compass"></i> ${_('Navigator')}</h1>
 
@@ -346,11 +320,11 @@ ${layout.menubar(section='query')}
       <p>
         <input id="navigatorSearch" type="text" placeholder="${ _('Table name...') }" style="width:90%"/>
         <span id="navigatorNoTables">${_('The selected database has no tables.')}</span>
-      <ul id="navigatorTables" class="unstyled"></ul>
-      <div id="navigatorLoader">
-        <!--[if !IE]><!--><i class="fa fa-spinner fa-spin" style="font-size: 20px; color: #DDD"></i><!--<![endif]-->
-        <!--[if IE]><img src="/static/art/spinner.gif"/><![endif]-->
-      </div>
+        <ul id="navigatorTables" class="unstyled"></ul>
+        <div id="navigatorLoader">
+          <!--[if !IE]><!--><i class="fa fa-spinner fa-spin" style="font-size: 20px; color: #DDD"></i><!--<![endif]-->
+          <!--[if IE]><img src="/static/art/spinner.gif"/><![endif]-->
+        </div>
       </p>
     </div>
   </div>
@@ -380,8 +354,7 @@ ${layout.menubar(section='query')}
             <!-- /ko -->
             <div class="form-actions" style="padding-left: 10px">
               <a class="btn" href="javascript:history.go(-1);">${_('Cancel')}</a>
-              <button data-bind="click: tryExecuteParameterizedQuery" type="button"
-                      class="btn btn-primary">${_('Execute query')}</button>
+              <button data-bind="click: tryExecuteParameterizedQuery" type="button" class="btn btn-primary">${_('Execute query')}</button>
             </div>
           </fieldset>
         </form>
@@ -413,8 +386,7 @@ ${layout.menubar(section='query')}
             <!-- /ko -->
             <div class="form-actions" style="padding-left: 10px">
               <a class="btn" href="javascript:history.go(-1);">${_('Cancel')}</a>
-              <button data-bind="click: tryExplainParameterizedQuery" type="button"
-                      class="btn btn-primary">${_('Explain query')}</button>
+              <button data-bind="click: tryExplainParameterizedQuery" type="button" class="btn btn-primary">${_('Explain query')}</button>
             </div>
           </fieldset>
         </form>
@@ -529,20 +501,29 @@ ${layout.menubar(section='query')}
     margin-bottom: 90px !important;
   }
 
+  .paramContainer {
+    padding-top: 3px!important;
+    padding-left: 0px!important;
+    padding-right: 0px!important;
+  }
+
   .param {
-    padding: 8px 8px 1px 8px;
     margin-bottom: 5px;
-    border-bottom: 1px solid #EEE;
+    padding:4px;
+    padding-left:8px;
+    border-bottom: 1px solid #F6F6F6;
   }
 
-  .remove {
-    float: right;
+  .param:nth-child(even) {
+    background-color: #F0F0F0;
+  }
+
+  .paramAdd {
+    margin-left: 18px;
   }
 
-  .file_resourcesField {
-    border-radius: 3px 0 0 3px;
-    border-right: 0 !important;
-    min-height: 27px !important;
+  .remove {
+    float: right;
   }
 
   .fileChooserBtn {
@@ -595,6 +576,9 @@ ${layout.menubar(section='query')}
 <script src="/static/ext/js/jquery/plugins/jquery-fieldselection.js" type="text/javascript"></script>
 <script src="/beeswax/static/js/autocomplete.utils.js" type="text/javascript" charset="utf-8"></script>
 
+<link rel="stylesheet" href="/static/ext/chosen/chosen.min.css">
+<script src="/static/ext/chosen/chosen.jquery.min.js" type="text/javascript" charset="utf-8"></script>
+
 <script type="text/javascript" charset="utf-8">
 var codeMirror, renderNavigator, resetNavigator, dataTable;
 
@@ -727,13 +711,30 @@ $(document).ready(function () {
     resetNavigator();
   });
 
-
   $("#navigator .card").css("min-height", ($(window).height() - 130) + "px");
   $("#navigatorTables").css("max-height", ($(window).height() - 260) + "px").css("overflow-y", "auto");
 
-  viewModel.database.subscribe(function () {
+  viewModel.databases.subscribe(function () {
+    if ($.totalStorage("${app_name}_last_database") != null && $.inArray($.totalStorage("${app_name}_last_database"), viewModel.databases())) {
+      viewModel.database($.totalStorage("${app_name}_last_database"));
+    }
+  });
+
+  viewModel.database.subscribe(function (value) {
+    $(".chosen-select").trigger("chosen:updated");
     renderNavigator();
   });
+
+  $(".chosen-select").chosen({
+    disable_search_threshold: 5,
+    width: "100%",
+    no_results_text: "${_('Oops, no database found!')}"
+  });
+
+  $(".chosen-select").chosen().change(function () {
+    $.totalStorage("${app_name}_last_database", viewModel.database());
+  });
+
 });
 
 

+ 0 - 6
apps/beeswax/static/js/beeswax.vm.js

@@ -64,12 +64,6 @@ function BeeswaxViewModel(server, query_id) {
 
   self.updateDatabases = function(databases) {
     self.databases(databases);
-
-    var key = 'hueBeeswaxLastDatabase-' + self.server();
-    var last = $.totalStorage(key) || ((databases.length > 0) ? databases[0] : null);
-    if (last) {
-      self.database(last);
-    }
   };
 
   self.updateQuery = function(design) {

+ 2 - 2
apps/search/src/search/templates/layout.mako

@@ -22,8 +22,8 @@
 
 <%def name="skeleton()">
   <link rel="stylesheet" href="/search/static/css/admin.css">
-  <link rel="stylesheet" href="/search/static/chosen/chosen.min.css">
-  <script src="/search/static/chosen/chosen.jquery.min.js" type="text/javascript" charset="utf-8"></script>
+  <link rel="stylesheet" href="/static/ext/chosen/chosen.min.css">
+  <script src="/static/ext/chosen/chosen.jquery.min.js" type="text/javascript" charset="utf-8"></script>
   <script src="/static/ext/js/knockout-min.js" type="text/javascript" charset="utf-8"></script>
 
   <div class="search-bar" style="height: 30px">

BIN
apps/search/static/chosen/chosen-sprite.png


File diff suppressed because it is too large
+ 0 - 1
apps/search/static/chosen/chosen.jquery.min.js


BIN
desktop/core/static/ext/chosen/chosen-sprite.png


+ 0 - 0
apps/search/static/chosen/chosen-sprite@2x.png → desktop/core/static/ext/chosen/chosen-sprite@2x.png


+ 0 - 418
desktop/core/static/ext/chosen/chosen.css

@@ -1,418 +0,0 @@
-/*
-*
-* Chosen for Bootstrap and Less
-*
-* Converted by @whitetruffle (http://www.twitter.com/whitetruffle)
-* from @joeylomanto's SASS fork (http://chosen-sass-bootstrap.herokuapp.com/)
-* Havest: @harvest
-*
-*/
-
-.chzn-container {
-  position: relative;
-  display: inline-block;
-  zoom: 1;
-  *display: inline;
-}
-.chzn-container .chzn-drop {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-  background: #fff;
-  border: 1px solid #CCC;
-  position: absolute;
-  top: 29px;
-  left: 0;
-  z-index: 1010;
-  margin: 4px 0 0;
-}
-.chzn-container-single .chzn-single {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
-  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
-  -webkit-background-clip: padding-box;
-  -moz-background-clip: padding-box;
-  background-clip: padding-box;
-  background-color: #f6f6f6;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(50%, #f6f6f6), to(#f4f4f4));
-  background-image: -webkit-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4);
-  background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6 50%, #f4f4f4);
-  background-image: -o-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4);
-  background-image: linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4);
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
-  -moz-background-clip: padding;
-  background-color: #ffffff;
-  border: 1px solid #CCC;
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-  position: relative;
-  height: 28px;
-  line-height: 29px;
-  padding: 0 0 0 8px;
-  color: #555555;
-  text-decoration: none;
-}
-.chzn-container-single .chzn-single span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin-right: 26px;
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.chzn-container-single .chzn-single abbr {
-  display: block;
-  position: absolute;
-  right: 26px;
-  top: 8px;
-  width: 12px;
-  height: 13px;
-  font-size: 1px;
-  background: url("chosen-sprite.png") right top no-repeat;
-}
-.chzn-container-single .chzn-single abbr:hover {
-  background-position: right -11px;
-}
-.chzn-container-single .chzn-single div {
-  position: absolute;
-  right: 0;
-  top: 0;
-  display: block;
-  height: 100%;
-  width: 18px;
-}
-.chzn-container-single .chzn-single div b {
-  background: url("chosen-sprite.png") no-repeat 0 2px;
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.chzn-container-single .chzn-search {
-  padding: 3px 4px;
-  position: relative;
-  margin: 0;
-  white-space: nowrap;
-  z-index: 1010;
-}
-.chzn-container-single .chzn-search input {
-  margin: 1px 0;
-  padding: 4px 20px 4px 5px;
-  outline: 0;
-}
-.chzn-container-single .chzn-default {
-  color: #999;
-}
-.chzn-container-single .chzn-drop {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -webkit-background-clip: padding-box;
-  -moz-background-clip: padding-box;
-  background-clip: padding-box;
-  -moz-background-clip: padding;
-}
-.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
-  background-position: right top;
-}
-.chzn-container-single-nosearch .chzn-search input {
-  position: absolute;
-  left: -9000px;
-}
-.chzn-container-multi .chzn-choices {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border linear 0.2s;
-  -moz-transition: border linear 0.2s;
-  -o-transition: border linear 0.2s;
-  transition: border linear 0.2s;
-  -webkit-transition: box-shadow linear 0.2s;
-  -moz-transition: box-shadow linear 0.2s;
-  -o-transition: box-shadow linear 0.2s;
-  transition: box-shadow linear 0.2s;
-  background-color: #ffffff !important;
-  border: 1px solid #cccccc;
-  cursor: text;
-  overflow: hidden;
-  height: auto !important;
-  height: 1%;
-  position: relative;
-  display: block;
-  padding: 0;
-  margin: 0;
-  font-size: 14px;
-  line-height: 20px;
-  color: #555555;
-}
-.chzn-container-multi .chzn-choices li {
-  float: left;
-  list-style: none;
-}
-.chzn-container-multi .chzn-choices .search-field {
-  white-space: nowrap;
-  margin: 0;
-  padding: 0;
-}
-.chzn-container-multi .chzn-choices .search-field input {
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  color: #555555;
-  background: transparent !important;
-  border: 0 !important;
-  font-family: sans-serif;
-  font-size: 100%;
-  height: 15px;
-  padding: 5px;
-  margin: 1px 0 2px;
-  outline: 0;
-}
-.chzn-container-multi .chzn-choices .search-field .default {
-  color: #999;
-}
-.chzn-container-multi .chzn-choices .search-choice {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-  background-color: #f6f6f6;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(50%, #f6f6f6), to(#f4f4f4));
-  background-image: -webkit-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4);
-  background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6 50%, #f4f4f4);
-  background-image: -o-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4);
-  background-image: linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4);
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
-  -webkit-background-clip: padding-box;
-  -moz-background-clip: padding-box;
-  background-clip: padding-box;
-  -moz-background-clip: padding;
-  color: #555555;
-  border: 1px solid #999999;
-  line-height: 13px;
-  padding: 3px 20px 3px 5px;
-  margin: 3px 0 3px 5px;
-  position: relative;
-  cursor: default;
-}
-.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
-  display: block;
-  position: absolute;
-  right: 3px;
-  top: 4px;
-  width: 12px;
-  height: 13px;
-  font-size: 1px;
-  background: url("chosen-sprite.png") right top no-repeat;
-}
-.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
-  background-position: right -11px;
-}
-.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
-  background-color: #eeeeee;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), color-stop(50%, #f0f0f0), to(#e8e8e8));
-  background-image: -webkit-linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8);
-  background-image: -moz-linear-gradient(top, #f4f4f4, #f0f0f0 50%, #e8e8e8);
-  background-image: -o-linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8);
-  background-image: linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8);
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe8e8e8', GradientType=0);
-  color: #666;
-  border: 1px solid #cccccc;
-  padding-right: 5px;
-}
-.chzn-container-multi .chzn-choices .search-choice-focus {
-  background: #d4d4d4;
-}
-.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
-  background-position: right -11px;
-}
-.chzn-container .chzn-results {
-  margin: 0 4px 4px 0;
-  max-height: 240px;
-  padding: 0 0 0 4px;
-  position: relative;
-  overflow-x: hidden;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-.chzn-container .chzn-results li {
-  display: none;
-  line-height: 15px;
-  padding: 5px 6px;
-  margin: 0;
-  list-style: none;
-}
-.chzn-container .chzn-results li em {
-  background: #feffde;
-  font-style: normal;
-}
-.chzn-container .chzn-results .no-results {
-  background: #f4f4f4;
-  display: list-item;
-}
-.chzn-container .chzn-results .group-result {
-  cursor: default;
-  color: #999;
-  font-weight: bold;
-}
-.chzn-container .chzn-results .group-option {
-  padding-left: 15px;
-}
-.chzn-container .chzn-results .active-result {
-  cursor: pointer;
-  display: list-item;
-}
-.chzn-container .chzn-results .highlighted {
-  background-color: #326dcc;
-  background-image: -moz-linear-gradient(top, #3875d7, #2a62bc);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3875d7), to(#2a62bc));
-  background-image: -webkit-linear-gradient(top, #3875d7, #2a62bc);
-  background-image: -o-linear-gradient(top, #3875d7, #2a62bc);
-  background-image: linear-gradient(to bottom, #3875d7, #2a62bc);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3875d7', endColorstr='#ff2a62bc', GradientType=0);
-  color: #fff;
-}
-.chzn-container .chzn-results .highlighted em {
-  background: transparent;
-}
-.chzn-container .chzn-results-scroll {
-  background: white;
-  margin: 0 4px;
-  position: absolute;
-  text-align: center;
-  width: 321px;
-  /* This should by dynamic with js */
-
-  z-index: 1;
-}
-.chzn-container .chzn-results-scroll span {
-  display: inline-block;
-  height: 17px;
-  text-indent: -5000px;
-  width: 9px;
-}
-.chzn-container .chzn-results-scroll-down {
-  bottom: 0;
-}
-.chzn-container .chzn-results-scroll-down span {
-  background: url("chosen-sprite.png") no-repeat -4px -3px;
-}
-.chzn-container .chzn-results-scroll-up span {
-  background: url("chosen-sprite.png") no-repeat -22px -3px;
-}
-.chzn-container-multi .chzn-results {
-  margin: 4px;
-  padding: 0;
-}
-.chzn-container-multi .chzn-drop .result-selected {
-  display: none;
-}
-.chzn-container-active .chzn-single {
-  border: 1px solid #CCC;
-}
-.chzn-container-active .chzn-single .chzn-drop {
-  margin-top: -29px;
-}
-.chzn-container-active .chzn-single-with-drop {
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  border-color: #CCC;
-}
-.chzn-container-active .chzn-single-with-drop div {
-  background: transparent;
-  border-left: none;
-}
-.chzn-container-active .chzn-single-with-drop div b {
-  background-position: -18px 1px;
-}
-.chzn-container-active .chzn-choices {
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-  border: 1px solid rgba(82, 168, 236, 0.8);
-  outline: 0;
-  outline: thin dotted \9;
-  /* IE6-9 */
-
-}
-.chzn-container-active .chzn-choices .search-field input {
-  color: #111 !important;
-}
-.chzn-disabled {
-  opacity: 0.005;
-  filter: alpha(opacity=0.5);
-  cursor: default;
-}
-.chzn-disabled .chzn-single {
-  cursor: default;
-}
-.chzn-disabled .search-choice-close {
-  cursor: default;
-}
-.chzn-rtl {
-  text-align: right;
-}
-.chzn-rtl .chzn-single {
-  padding: 0 8px 0 0;
-  overflow: visible;
-}
-.chzn-rtl .chzn-single span {
-  margin-left: 26px;
-  margin-right: 0;
-  direction: rtl;
-}
-.chzn-rtl .chzn-single div {
-  left: 3px;
-  right: auto;
-}
-.chzn-rtl .chzn-single abbr {
-  left: 26px;
-  right: auto;
-}
-.chzn-rtl .chzn-choices li {
-  float: right;
-}
-.chzn-rtl .chzn-choices .search-field input {
-  direction: rtl;
-}
-.chzn-rtl .chzn-choices .search-choice {
-  padding: 3px 5px 3px 19px;
-  margin: 3px 5px 3px 0;
-}
-.chzn-rtl .chzn-choices .search-choice .search-choice-close {
-  left: 4px;
-  right: auto;
-  background-position: right top;
-}
-.chzn-rtl .chzn-results .group-option {
-  padding-left: 0;
-  padding-right: 15px;
-}
-.chzn-rtl .chzn-search input {
-  padding: 4px 5px 4px 20px;
-  direction: rtl;
-}
-.chzn-rtl.chzn-container-single .chzn-results {
-  margin: 0 0 4px 4px;
-  padding: 0 4px 0 0;
-}
-.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
-  border-right: none;
-}

File diff suppressed because it is too large
+ 0 - 9
desktop/core/static/ext/chosen/chosen.jquery.min.js


+ 0 - 0
apps/search/static/chosen/chosen.min.css → desktop/core/static/ext/chosen/chosen.min.css


Some files were not shown because too many files changed in this diff