Browse Source

HUE-3294 [core] Renamed right-panel to content-panel

Enrico Berti 9 years ago
parent
commit
5a749a7c89

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

@@ -90,7 +90,7 @@ ${ assist.assistPanel() }
         </div>
         <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
 
-        <div class="right-panel">
+        <div class="content-panel">
 
           <div class="metastore-main">
 

+ 4 - 4
apps/beeswax/src/beeswax/templates/create_table_manually.mako

@@ -89,7 +89,7 @@ ${ assist.assistPanel() }
         </div>
         <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
 
-        <div class="right-panel">
+        <div class="content-panel">
 
           <div class="metastore-main">
 
@@ -768,7 +768,7 @@ ${ assist.assistPanel() }
           if (!isValid($.trim(_field.val()))) {
             showFieldError(_field);
             if (scrollTo == 0) {
-              scrollTo = $(this).offset().top + $('.right-panel').scrollTop() - 150;
+              scrollTo = $(this).offset().top + $('.content-panel').scrollTop() - 150;
             }
             step6Valid = false;
           }
@@ -780,7 +780,7 @@ ${ assist.assistPanel() }
             if ($.trim($(this).val()) != "" && $.trim($(this).val()) == $.trim(_field.val())) {
               _lastSecondErrorField = $(this);
               if (scrollTo == 0) {
-                scrollTo = _field.offset().top + $('.right-panel').scrollTop() - 150;
+                scrollTo = _field.offset().top + $('.content-panel').scrollTop() - 150;
               }
               step6Valid = false;
             }
@@ -793,7 +793,7 @@ ${ assist.assistPanel() }
           }
         });
         if (!step6Valid && scrollTo > 0) {
-          $('.right-panel').animate({
+          $('.content-panel').animate({
             'scrollTop' : scrollTo
           }, 500);
         }

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

@@ -237,7 +237,7 @@ ${ layout.menubar(section='query') }
     </div>
   </div>
   <div class="resizer" data-bind="splitDraggable : { appName: '${app_name}', onPosition: onPanelPosition, leftPanelVisible: isEditor }"><div class="resize-bar"><i class="fa fa-ellipsis-v"></i></div></div>
-  <div class="right-panel" id="querySide">
+  <div class="content-panel" id="querySide">
     <div class="alert" data-bind="visible: design.isRedacted">
       ${ _('This query had some sensitive information removed when saved.') }
     </div>
@@ -915,7 +915,7 @@ ${ assist.assistPanel() }
     cursor: ew-resize;
   }
 
-  .right-panel {
+  .content-panel {
     position: absolute;
     outline: none !important;
   }
@@ -1163,7 +1163,7 @@ ${ dashboard.import_charts() }
 // avoid blinking of the panels
 var leftPanelWidth = $.totalStorage("${app_name}_left_panel_width") != null ? $.totalStorage("${app_name}_left_panel_width") : 250;
 $(".left-panel").css("width", leftPanelWidth + "px");
-$(".right-panel").css("left", leftPanelWidth + 20 + "px");
+$(".content-panel").css("left", leftPanelWidth + 20 + "px");
 
 var codeMirror, dataTable, renderRecent, syncWithHive;
 

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

@@ -91,7 +91,7 @@ ${ assist.assistPanel() }
         </div>
         <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
 
-        <div class="right-panel">
+        <div class="content-panel">
 
           <div class="metastore-main">
             <h3>

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

@@ -89,7 +89,7 @@ ${ assist.assistPanel() }
         </div>
         <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
 
-        <div class="right-panel">
+        <div class="content-panel">
 
           <div class="metastore-main">
             <h3>

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

@@ -91,7 +91,7 @@ ${ assist.assistPanel() }
         </div>
         <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
 
-        <div class="right-panel">
+        <div class="content-panel">
 
           <div class="metastore-main">
             <h3>

+ 1 - 1
apps/jobbrowser/src/jobbrowser/templates/apps.mako

@@ -108,7 +108,7 @@ ${ assist.assistPanel() }
         </div>
         <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
 
-        <div class="right-panel">
+        <div class="content-panel">
 
           <div class="container-fluid">
             <!-- ko if: $root.section() == 'app' -->

+ 1 - 1
apps/metastore/src/metastore/templates/describe_partitions.mako

@@ -89,7 +89,7 @@ ${ assist.assistPanel() }
         </div>
         <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
 
-        <div class="right-panel">
+        <div class="content-panel">
 
           <div class="metastore-main">
             <h3>${ components.breadcrumbs(breadcrumbs) }</h3>

+ 12 - 12
apps/metastore/src/metastore/templates/metastore.mako

@@ -112,7 +112,7 @@ ${ assist.assistPanel() }
         <th width="50%">${_('Comment')}</th>
       </tr>
       </thead>
-      <tbody data-bind="hueach: {data: $data, itemHeight: 29, scrollable: '.right-panel', scrollableOffset: 200, disableHueEachRowCount: 5, scrollUp: true}">
+      <tbody data-bind="hueach: {data: $data, itemHeight: 29, scrollable: '.content-panel', scrollableOffset: 200, disableHueEachRowCount: 5, scrollUp: true}">
         <tr>
           <td data-bind="text: $index() + $indexOffset() + 1"></td>
           <td><a class="blue" href="javascript:void(0)" data-bind="click: showContextPopover"><i class="fa fa-fw fa-info" title="${_('Show details')}"></i></a></td>
@@ -301,7 +301,7 @@ ${ assist.assistPanel() }
 </a>
 
 <script type="text/html" id="metastore-databases">
-  <div class="actionbar-actions" data-bind="dockable: { scrollable: '.right-panel', nicescroll: true, jumpCorrection: 5 }">
+  <div class="actionbar-actions" data-bind="dockable: { scrollable: '.content-panel', nicescroll: true, jumpCorrection: 5 }">
     <input class="input-xlarge search-query margin-left-10" type="text" placeholder="${ _('Search for a database...') }" data-bind="clearable: databaseQuery, value: databaseQuery, valueUpdate: 'afterkeydown'"/>
     % if has_write_access:
       <button class="btn toolbarBtn margin-left-20" title="${_('Drop the selected databases')}" data-bind="click: function () { $('#dropDatabase').modal('show'); }, disable: selectedDatabases().length === 0"><i class="fa fa-times"></i>  ${_('Drop')}</button>
@@ -340,7 +340,7 @@ ${ assist.assistPanel() }
       <th>${ _('Database Name') }</th>
     </tr>
     </thead>
-    <tbody data-bind="hueach: {data: filteredDatabases, itemHeight: 29, scrollable: '.right-panel', scrollableOffset: 145, scrollUp: true}">
+    <tbody data-bind="hueach: {data: filteredDatabases, itemHeight: 29, scrollable: '.content-panel', scrollableOffset: 145, scrollUp: true}">
     <tr>
       <td width="1%" style="text-align: center">
         <div class="hueCheckbox fa" data-bind="multiCheck: '#databasesTable', value: $data, hueChecked: $parent.selectedDatabases"></div>
@@ -425,7 +425,7 @@ ${ assist.assistPanel() }
     <div class="row-fluid">
       <div class="span12 tile">
         <h4>${ _('Tables') }</h4>
-        <div class="actionbar-actions" data-bind="visible: tables().length > 0, dockable: { scrollable: '.right-panel', nicescroll: true, jumpCorrection: 5 }">
+        <div class="actionbar-actions" data-bind="visible: tables().length > 0, dockable: { scrollable: '.content-panel', nicescroll: true, jumpCorrection: 5 }">
           <input class="input-xlarge search-query margin-left-10" type="text" placeholder="${ _('Search for a table...') }" data-bind="clearable: tableQuery, value: tableQuery, valueUpdate: 'afterkeydown'"/>
           <button class="btn toolbarBtn margin-left-20" title="${_('Browse the selected table')}" data-bind="click: function () { setTable(selectedTables()[0]); selectedTables([]); }, disable: selectedTables().length !== 1"><i class="fa fa-eye"></i> ${_('View')}</button>
           <button class="btn toolbarBtn" title="${_('Query the selected table')}" data-bind="click: function () { location.href = '/notebook/browse/' + name + '/' + selectedTables()[0].name; }, disable: selectedTables().length !== 1">
@@ -457,7 +457,7 @@ ${ assist.assistPanel() }
             <th width="1%">${ _('Type') }</th>
           </tr>
           </thead>
-          <tbody data-bind="hueach: {data: filteredTables, itemHeight: 29, scrollable: '.right-panel', scrollableOffset: 277, scrollUp: true}">
+          <tbody data-bind="hueach: {data: filteredTables, itemHeight: 29, scrollable: '.content-panel', scrollableOffset: 277, scrollUp: true}">
             <tr>
               <td width="1%" style="text-align: center">
                 <div class="hueCheckbox fa" data-bind="multiCheck: '#tablesTable', value: $data, hueChecked: $parent.selectedTables"></div>
@@ -707,7 +707,7 @@ ${ assist.assistPanel() }
       <th width="10%">${ _('Impala Compatible') }</th>
     </tr>
     </thead>
-    <tbody data-bind="hueach: {data: $data.optimizerDetails().queryList(), itemHeight: 29, scrollable: '.right-panel', scrollableOffset: 200}">
+    <tbody data-bind="hueach: {data: $data.optimizerDetails().queryList(), itemHeight: 29, scrollable: '.content-panel', scrollableOffset: 200}">
     <tr class="pointer" data-bind="click: function(){ window.open($root.optimizerUrl() + '#/query/' + qid(), '_blank'); }">
       <td data-bind="text: qid"></td>
       <td style="height: 10px; width: 70px; margin-top:5px;" data-bind="attr: {'title': queryCount()}">
@@ -998,7 +998,7 @@ ${ assist.assistPanel() }
             <th width="10%">${ _('Join counts') }</th>
           </tr>
           </thead>
-          <tbody data-bind="hueach: {data: $data, itemHeight: 29, scrollable: '.right-panel', scrollableOffset: 200}">
+          <tbody data-bind="hueach: {data: $data, itemHeight: 29, scrollable: '.content-panel', scrollableOffset: 200}">
           <tr>
             <td class="pointer" data-bind="text: tableEid, click: function(){ window.open($root.optimizerUrl() + '#/table/' + tableEid(), '_blank'); }"></td>
             <td style="height: 10px; width: 70px; margin-top:5px;" data-bind="attr: {'title': joinpercent()}">
@@ -1111,7 +1111,7 @@ ${ assist.assistPanel() }
           }"></div>
       </div>
       <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
-      <div class="right-panel" data-bind="niceScroll">
+      <div class="content-panel" data-bind="niceScroll">
         <div class="metastore-main">
           <h3>
             <!-- ko template: { if: database() !== null && database().table() !== null, name: 'metastore-describe-table-actions' }--><!-- /ko -->
@@ -1197,8 +1197,8 @@ ${ assist.assistPanel() }
       var viewModel = new MetastoreViewModel(options);
 
       huePubSub.subscribe('metastore.scroll.to.top', function () {
-        $(".right-panel").scrollTop(0);
-        $('.right-panel').getNiceScroll().resize();
+        $(".content-panel").scrollTop(0);
+        $('.content-panel').getNiceScroll().resize();
       });
 
       viewModel.currentTab.subscribe(function(tab){
@@ -1227,7 +1227,7 @@ ${ assist.assistPanel() }
                     includeNavigator: false,
                     parentId: 'sample',
                     classToRemove: 'sample-table',
-                    mainScrollable: '.right-panel',
+                    mainScrollable: '.content-panel',
                     stickToTopPosition: 73,
                     clonedContainerPosition: "fixed"
                   });
@@ -1251,7 +1251,7 @@ ${ assist.assistPanel() }
             });
           }
         }
-        $('.right-panel').getNiceScroll().resize();
+        $('.content-panel').getNiceScroll().resize();
       });
 
       ko.applyBindings(viewModel);

+ 2 - 2
apps/rdbms/src/rdbms/templates/execute.mako

@@ -67,7 +67,7 @@ ${ commonheader(_('Query'), app_name, user, request) | n,unicode }
 
       </div>
       <div class="resizer" data-bind="splitDraggable : { appName: 'rdbms' }"><div class="resize-bar"><i class="fa fa-ellipsis-v"></i></div></div>
-      <div class="right-panel">
+      <div class="content-panel">
         <div id="query">
           <div class="card card-small">
 
@@ -233,7 +233,7 @@ ${ commonshare() | n,unicode }
     cursor: ew-resize;
   }
 
-  .right-panel {
+  .content-panel {
     position: absolute;
     outline: none !important;
   }

+ 3 - 3
desktop/core/src/desktop/static/desktop/js/ko.hue-bindings.js

@@ -1791,7 +1791,7 @@
       var ace = options.ace;
       var $target = $(options.target);
       var $resizer = $(element);
-      var $rightPanel = $(".right-panel");
+      var $rightPanel = $(".content-panel");
       var $execStatus = $resizer.prev('.snippet-execution-status');
 
       var lastEditorSize = $.totalStorage('hue.editor.editor.size') || 128;
@@ -1901,7 +1901,7 @@
 
       var containerSelector = options.containerSelector || ".panel-container";
       var leftPanelSelector = options.leftPanelSelector || ".left-panel";
-      var rightPanelSelector = options.rightPanelSelector || ".right-panel";
+      var rightPanelSelector = options.rightPanelSelector || ".content-panel";
 
       var onPosition = options.onPosition || function() {};
 
@@ -3566,7 +3566,7 @@
         }
       });
 
-      var menu = ko.bindingHandlers.contextMenu.initContextMenu($tableDropMenu, $('.right-panel'));
+      var menu = ko.bindingHandlers.contextMenu.initContextMenu($tableDropMenu, $('.content-panel'));
 
       var setFromDropMenu = function (text) {
         var before = editor.getTextBeforeCursor();

+ 2 - 2
desktop/core/src/desktop/templates/home2.mako

@@ -98,7 +98,7 @@ ${ docBrowser.docBrowser() }
     background-color: #F1F1F1;
   }
 
-  .right-panel {
+  .content-panel {
     position: absolute;
     height: 100%;
     overflow: hidden;
@@ -218,7 +218,7 @@ ${ docBrowser.docBrowser() }
         }"></div>
       </div>
       <div class="resizer" data-bind="visible: $root.isLeftPanelVisible, splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }" style="display:none;"><div class="resize-bar">&nbsp;</div></div>
-      <div class="right-panel home-container" data-bind="style: { 'padding-left' : $root.isLeftPanelVisible() ? '8px' : '0' }">
+      <div class="content-panel home-container" data-bind="style: { 'padding-left' : $root.isLeftPanelVisible() ? '8px' : '0' }">
         <div class="doc-browser" data-bind="component: {
           name: 'doc-browser',
           params: {

+ 5 - 5
desktop/libs/indexer/src/indexer/templates/indexer.mako

@@ -89,7 +89,7 @@ ${ assist.assistJSModels() }
     margin-left: 10px;
   }
 
-  .right-panel {
+  .content-panel {
     overflow-x: hidden;
   }
 
@@ -167,7 +167,7 @@ ${ assist.assistPanel() }
         </div>
         <div class="resizer" data-bind="visible: $root.isLeftPanelVisible() && $root.assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: $root.isLeftPanelVisible }"><div class="resize-bar">&nbsp;</div></div>
 
-        <div class="right-panel">
+        <div class="content-panel">
           <div style="margin: 10px; margin-bottom: 100px">
           <!-- ko template: 'create-index-wizard' --><!-- /ko -->
           </div>
@@ -1013,13 +1013,13 @@ ${ assist.assistPanel() }
       });
 
       huePubSub.subscribe('split.panel.resized', function () {
-        $('.form-actions').width($('.right-panel').width() - 50);
+        $('.form-actions').width($('.content-panel').width() - 50);
       });
 
-      $('.form-actions').width($('.right-panel').width() - 50);
+      $('.form-actions').width($('.content-panel').width() - 50);
 
 
-      $('.right-panel').droppable({
+      $('.content-panel').droppable({
         accept: ".draggableText",
         drop: function (e, ui) {
           var text = ui.helper.text();

+ 3 - 3
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css

@@ -113,7 +113,7 @@ body {
   background-color: #F1F1F1;
 }
 
-.right-panel {
+.content-panel {
   position: absolute;
   height: 100%;
   overflow: auto;
@@ -754,7 +754,7 @@ h1.empty {
   .navigator, .assist-container, .result-settings, .left-panel, a.btn, button, .add-snippet, .card-heading.simple, .alert, .show-assist, .snippet-footer-actions-bar, .player-toolbar h4, .player-toolbar div {
     display: none !important;
   }
-  .right-panel {
+  .content-panel {
     width: 100%!important;
     left: 0px!important;
   }
@@ -766,7 +766,7 @@ h1.empty {
     font-weight: bold;
     border-bottom: 2px solid #CCC!important;
   }
-  .tab-content, .right-panel {
+  .tab-content, .content-panel {
     overflow: visible;
   }
   .ace_scroller {

+ 12 - 12
desktop/libs/notebook/src/notebook/templates/editor_components.mako

@@ -1020,7 +1020,7 @@ ${ hueIcons.symbols() }
   </div>
   <div class="resizer" data-bind="visible: isLeftPanelVisible() && assistAvailable(), splitDraggable : { appName: 'notebook', leftPanelVisible: isLeftPanelVisible, onPosition: function(){ huePubSub.publish('split.draggable.position') } }"><div class="resize-bar">&nbsp;</div></div>
   % endif
-  <div class="right-panel" data-bind="event: { scroll: function(){ var ls = $('.right-panel').data('lastScroll'); if (ls && ls != $('.right-panel').scrollTop()){ $(document).trigger('hideAutocomplete'); }; $('.right-panel').data('lastScroll', $('.right-panel').scrollTop()) } }, niceScroll, with: selectedNotebook">
+  <div class="content-panel" data-bind="event: { scroll: function(){ var ls = $('.content-panel').data('lastScroll'); if (ls && ls != $('.content-panel').scrollTop()){ $(document).trigger('hideAutocomplete'); }; $('.content-panel').data('lastScroll', $('.content-panel').scrollTop()) } }, niceScroll, with: selectedNotebook">
     <div>
       <div class="row-fluid row-container sortable-snippets" data-bind="css: {'is-editing': $root.isEditing},
         sortable: {
@@ -1035,10 +1035,10 @@ ${ hueIcons.symbols() }
             'greedy': true,
             'stop': function(event, ui) {
               var $element = $(event.target);
-              $element.find('.snippet-body').slideDown('fast', function () { $('.right-panel').scrollTop(lastWindowScrollPosition); });
+              $element.find('.snippet-body').slideDown('fast', function () { $('.content-panel').scrollTop(lastWindowScrollPosition); });
             },
             'helper': function(event) {
-              lastWindowScrollPosition = $('.right-panel').scrollTop();
+              lastWindowScrollPosition = $('.content-panel').scrollTop();
               var $element = $(event.target);
               $element.find('.snippet-body').slideUp('fast', function () {
                 $('.sortable-snippets').sortable('refreshPositions')
@@ -1063,7 +1063,7 @@ ${ hueIcons.symbols() }
             }
           },
           dragged: function (widget) {
-            $('.snippet-body').slideDown('fast', function () { $('.right-panel').scrollTop(lastWindowScrollPosition); });
+            $('.snippet-body').slideDown('fast', function () { $('.content-panel').scrollTop(lastWindowScrollPosition); });
           }
         }">
       </div>
@@ -2512,7 +2512,7 @@ ${ hueIcons.symbols() }
           }
         }
       },
-      scrollable: vm.editorMode() ? '.right-panel' : '.dataTables_wrapper',
+      scrollable: vm.editorMode() ? '.content-panel' : '.dataTables_wrapper',
       contained: !vm.editorMode()
     });
 
@@ -2520,7 +2520,7 @@ ${ hueIcons.symbols() }
       if (vm.editorMode()) {
         $(el).parents('.dataTables_wrapper').css('overflow-x', 'hidden');
         $(el).jHueTableExtender2({
-          mainScrollable: '.right-panel',
+          mainScrollable: '.content-panel',
           stickToTopPosition: function() { return vm.isPlayerMode() ? 1 : 73 },
           parentId: 'snippet_' + snippet.id(),
           clonedContainerPosition: "fixed"
@@ -2528,7 +2528,7 @@ ${ hueIcons.symbols() }
         $(el).jHueHorizontalScrollbar();
       } else {
         $(el).jHueTableExtender2({
-          mainScrollable: '.right-panel',
+          mainScrollable: '.content-panel',
           parentId: 'snippet_' + snippet.id(),
           clonedContainerPosition: "absolute"
         });
@@ -2578,7 +2578,7 @@ ${ hueIcons.symbols() }
 
     var scrollElement = dataTableEl;
     if (vm.editorMode()) {
-      scrollElement = $('.right-panel');
+      scrollElement = $('.content-panel');
     }
 
     if (scrollElement.data('scrollFnDtCreation')) {
@@ -3230,8 +3230,8 @@ ${ hueIcons.symbols() }
               tableExtender.repositionHeader();
               tableExtender.drawLockedRows();
             }
-            $('.right-panel').data('lastScroll', $('.right-panel').scrollTop());
-            $('.right-panel').trigger('scroll');
+            $('.content-panel').data('lastScroll', $('.content-panel').scrollTop());
+            $('.content-panel').trigger('scroll');
           }
         });
         $(".jHueTableExtenderClonedContainer").show();
@@ -3246,7 +3246,7 @@ ${ hueIcons.symbols() }
         renderer();
       }
 
-      $('.right-panel').jHueScrollUp();
+      $('.content-panel').jHueScrollUp();
     };
 
     var splitDraggableTimeout = -1;
@@ -3271,7 +3271,7 @@ ${ hueIcons.symbols() }
     huePubSub.subscribe('detach.scrolls', function (snippet) {
       var scrollElement = $('#snippet_' + snippet.id()).find('.dataTables_wrapper');
       if (viewModel.editorMode()) {
-        scrollElement = $('.right-panel');
+        scrollElement = $('.content-panel');
       }
       if (scrollElement.data('scrollFnDt')) {
         scrollElement.off('scroll', scrollElement.data('scrollFnDt'));