Browse Source

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 năm trước cách đây
mục cha
commit
5ed68d2

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

@@ -336,7 +336,7 @@ ${layout.menubar(section='query')}
       <div class="card card-small">
       <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 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 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">
         <div class="card-body">
           <p>
           <p>
             <input id="navigatorSearch" type="text" placeholder="${ _('Table name...') }" style="width:90%"/>
             <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>
           <h3><span data-bind="text: currentScript().name"></span></h3>
         </div>
         </div>
         <div class="row-fluid">
         <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">
             <form id="queryForm">
               <textarea id="scriptEditor" data-bind="text:currentScript().script"></textarea>
               <textarea id="scriptEditor" data-bind="text:currentScript().script"></textarea>
             </form>
             </form>
           </div>
           </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>
             <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">
             <div class="card-body">
               <p>
               <p>
                 <input id="navigatorSearch" type="text" class="input-medium" placeholder="${ _('Function name...') }"/>
                 <input id="navigatorSearch" type="text" class="input-medium" placeholder="${ _('Function name...') }"/>
@@ -773,6 +775,32 @@ ${ commonheader(None, "pig", user) | n,unicode }
 
 
   $(document).ready(function () {
   $(document).ready(function () {
     // initialize navigator
     // 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 () {
     $(".navigatorFunctionCategory").on("click", function () {
       var _submenu = $(this).next(".navigatorFunctionCategoryContent");
       var _submenu = $(this).next(".navigatorFunctionCategoryContent");
       _submenu.find("li").removeClass("hide");
       _submenu.find("li").removeClass("hide");