Sfoglia il codice sorgente

HUE-1835 [metastore] Improve database dropdown

Added to table list and table creation
Enrico Berti 12 anni fa
parent
commit
eb61cbb156

+ 11 - 2
apps/beeswax/src/beeswax/templates/choose_delimiter.mako

@@ -139,10 +139,19 @@ ${ layout.metastore_menubar() }
   }
 </style>
 
+<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">
   $(document).ready(function () {
-    $("#chooseDatabase").on("change", function () {
-      window.location.href = $(this).val();
+    $("#chooseDatabase").chosen({
+      disable_search_threshold: 5,
+      width: "100%",
+      no_results_text: "${_('Oops, no database found!')}"
+    });
+
+    $("#chooseDatabase").chosen().change(function () {
+      window.location.href = $("#chooseDatabase").val();
     });
 
     $("[rel='tooltip']").tooltip();

+ 10 - 2
apps/beeswax/src/beeswax/templates/choose_file.mako

@@ -164,11 +164,19 @@ ${ layout.metastore_menubar() }
   }
 </style>
 
+<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">
   $(document).ready(function () {
-    $("#chooseDatabase").on("change", function () {
-      window.location.href = $(this).val();
+    $("#chooseDatabase").chosen({
+      disable_search_threshold: 5,
+      width: "100%",
+      no_results_text: "${_('Oops, no database found!')}"
+    });
+
+    $("#chooseDatabase").chosen().change(function () {
+      window.location.href = $("#chooseDatabase").val();
     });
 
     $(".fileChooserBtn").click(function (e) {

+ 12 - 2
apps/beeswax/src/beeswax/templates/create_table_manually.mako

@@ -468,10 +468,20 @@ ${ layout.metastore_menubar() }
 
 </div>
 
+<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">
 $(document).ready(function () {
-  $("#chooseDatabase").on("change", function () {
-    window.location.href = $(this).val();
+
+  $("#chooseDatabase").chosen({
+    disable_search_threshold: 5,
+    width: "100%",
+    no_results_text: "${_('Oops, no database found!')}"
+  });
+
+  $("#chooseDatabase").chosen().change(function () {
+    window.location.href = $("#chooseDatabase").val();
   });
 
   if ($(".removeBtn").length == 1) {

+ 11 - 2
apps/beeswax/src/beeswax/templates/define_columns.mako

@@ -179,10 +179,19 @@ ${ layout.metastore_menubar() }
   }
 </style>
 
+<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">
   $(document).ready(function () {
-    $("#chooseDatabase").on("change", function () {
-      window.location.href = $(this).val();
+    $("#chooseDatabase").chosen({
+      disable_search_threshold: 5,
+      width: "100%",
+      no_results_text: "${_('Oops, no database found!')}"
+    });
+
+    $("#chooseDatabase").chosen().change(function () {
+      window.location.href = $("#chooseDatabase").val();
     });
 
     $("[rel='tooltip']").tooltip();

+ 10 - 1
apps/metastore/src/metastore/templates/tables.mako

@@ -24,6 +24,9 @@ from django.utils.translation import ugettext as _
 ${ commonheader(_('Tables'), 'metastore', user) | n,unicode }
 ${ components.menubar() }
 
+<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>
+
 <div class="container-fluid" id="tables">
   <div class="row-fluid">
     <div class="span3">
@@ -140,7 +143,13 @@ ${ components.menubar() }
 
     $("a[data-row-selector='true']").jHueRowSelector();
 
-    $("#id_database").change(function () {
+    $("#id_database").chosen({
+      disable_search_threshold: 5,
+      width: "100%",
+      no_results_text: "${_('Oops, no database found!')}"
+    });
+
+    $("#id_database").chosen().change(function () {
       $.cookie("hueBeeswaxLastDatabase", $(this).val(), {expires: 90});
       $('#db_form').submit();
     });