Bläddra i källkod

HUE-1704 [pig] Give the user the possibility to hide the function helper and totalstorage it

Added 'hide this' functionality to the Pig navigator
Enrico Berti 12 år sedan
förälder
incheckning
5ed68d2
2 ändrade filer med 32 tillägg och 4 borttagningar
  1. 1 1
      apps/beeswax/src/beeswax/templates/execute.mako
  2. 31 3
      apps/pig/src/pig/templates/app.mako

+ 1 - 1
apps/beeswax/src/beeswax/templates/execute.mako

@@ -336,7 +336,7 @@ ${layout.menubar(section='query')}
       <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>
-        <h1 class="card-heading simple">${_('Navigator')}</h1>
+        <h1 class="card-heading simple"><i class="fa fa-compass"></i> ${_('Navigator')}</h1>
         <div class="card-body">
           <p>
             <input id="navigatorSearch" type="text" placeholder="${ _('Table name...') }" style="width:90%"/>

+ 31 - 3
apps/pig/src/pig/templates/app.mako

@@ -184,14 +184,16 @@ ${ commonheader(None, "pig", user) | n,unicode }
           <h3><span data-bind="text: currentScript().name"></span></h3>
         </div>
         <div class="row-fluid">
-          <div class="span9">
+          <div id="queryColumn" class="span9">
+            <a id="navigatorShow" href="#" title="${_('Show the function navigator')}" style="position:absolute;z-index: 10000; margin-top:10px;display:none;right:30px" rel="tooltip" data-placement="left"><i class="fa fa-compass"></i></a>
             <form id="queryForm">
               <textarea id="scriptEditor" data-bind="text:currentScript().script"></textarea>
             </form>
           </div>
-          <div class="span3">
+          <div id="navigatorColumn" class="span3">
+            <a id="navigatorHide" href="#" title="${_('Hide the function navigator')}" rel="tooltip" data-placement="left" class="pull-right" style="margin:10px;margin-left: 0"><i class="fa fa-chevron-right"></i></a>
             <a href="#" title="${_('Double click on function 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>
-            <h1 class="card-heading simple">${_('Navigator')}</h1>
+            <h1 class="card-heading simple"><i class="fa fa-compass"></i> ${_('Navigator')}</h1>
             <div class="card-body">
               <p>
                 <input id="navigatorSearch" type="text" class="input-medium" placeholder="${ _('Function name...') }"/>
@@ -773,6 +775,32 @@ ${ commonheader(None, "pig", user) | n,unicode }
 
   $(document).ready(function () {
     // initialize navigator
+    function showNavigator() {
+      $("#queryColumn").removeClass("span12").addClass("span9");
+      $("#navigatorColumn").show();
+      $("#navigatorShow").hide();
+    }
+
+    function hideNavigator() {
+      $("#queryColumn").removeClass("span9").addClass("span12");
+      $("#navigatorColumn").hide();
+      $("#navigatorShow").show();
+    }
+
+    $("#navigatorHide").on("click", function () {
+      hideNavigator();
+      $.totalStorage("huePigNavigatorHidden", true);
+    });
+
+    $("#navigatorShow").on("click", function () {
+      showNavigator();
+      $.totalStorage("huePigNavigatorHidden", null);
+    });
+
+    if ($.totalStorage("huePigNavigatorHidden") != null && $.totalStorage("huePigNavigatorHidden")) {
+      hideNavigator();
+    }
+
     $(".navigatorFunctionCategory").on("click", function () {
       var _submenu = $(this).next(".navigatorFunctionCategoryContent");
       _submenu.find("li").removeClass("hide");