瀏覽代碼

HUE-7464 [editor] Refactor SQL sessions to be less confusing

Enrico Berti 8 年之前
父節點
當前提交
6162c77

文件差異過大導致無法顯示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


文件差異過大導致無法顯示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 1 - 0
desktop/core/src/desktop/static/desktop/less/components/hue-demi-modal.less

@@ -78,6 +78,7 @@
   text-align: center;
   width: 100%;
   display: table;
+  background-color: @cui-white;
 }
 
 .demi-modal-chevron:hover {

+ 6 - 10
desktop/core/src/desktop/static/desktop/less/hue.less

@@ -872,21 +872,17 @@ a:visited {
 /* TODO: Positioning and clean-up */
 .context-panel {
   position: fixed;
+  display: none;
   background: @cui-white;
-  height: calc(40%);
   top: 113px;
   z-index: 401;
-  overflow-y: auto;
-  padding: 10px 0;
-  width: 420px;
-  right: -440px;
   outline: none !important;
-  .hue-box-shadow(-2px, 2px);
-  .hue-ease-transition(right);
-}
+  .hue-box-shadow-bottom;
 
-.context-panel.visible {
-  right: 0;
+  .context-panel-content {
+    height: calc(40%);
+    overflow-y: auto;
+  }
 }
 
 .context-panel .nav-tabs {

+ 20 - 13
desktop/core/src/desktop/templates/hue.mako

@@ -390,23 +390,22 @@ ${ hueIcons.symbols() }
       </div>
     </div>
 
-    <div class="context-panel" data-bind="css: { 'visible': contextPanelVisible }">
-      <a href="javascript: void(0);" class="inactive-action" style="position: absolute; left: 6px; top: 4px;" data-bind="click: function () { huePubSub.publish('context.panel.visible.editor', false); }"><i class="fa fa-chevron-right"></i></a>
-      <ul class="nav nav-tabs">
-        <!-- ko if: sessionsAvailable -->
-        <li class="active"><a href="#sessionsTab" data-toggle="tab" data-bind="visible: sessionsAvailable">${_('Sessions')}</a></li>
-        <!-- /ko -->
-      </ul>
-
-      <div class="tab-content">
-        <!-- ko if: sessionsAvailable() && templateApp() -->
-        <div class="tab-pane active" id="sessionsTab">
+    <div class="context-panel" data-bind="slideVisible: contextPanelVisible">
+      <div class="margin-top-10 padding-left-10 padding-right-10">
+        <h4 class="margin-bottom-30"><i class="fa fa-cogs"></i> ${_('Session')}</h4>
+        <div class="context-panel-content">
+          <!-- ko if: sessionsAvailable() && templateApp() -->
           <div class="row-fluid">
-            <div class="span12" data-bind="template: { name: 'notebook-session-config-template' + templateApp(), data: activeAppViewModel }"></div>
+            <div class="span11" data-bind="template: { name: 'notebook-session-config-template' + templateApp(), data: activeAppViewModel }"></div>
           </div>
+          <!-- /ko -->
+
+          <!-- ko ifnot: sessionsAvailable() && templateApp() -->
+          ${_('There are currently no information about the sessions.')}
+          <!-- /ko -->
         </div>
-        <!-- /ko -->
       </div>
+      <a class="pointer demi-modal-chevron" style="position: absolute; bottom: 0" data-bind="click: function () { huePubSub.publish('context.panel.visible.editor', false); }"><i class="fa fa-chevron-up"></i></a>
     </div>
   </div>
 </div>
@@ -1193,6 +1192,14 @@ ${ smart_unicode(login_modal(request).content) | n,unicode }
         });
 
         self.contextPanelVisible = ko.observable(false);
+        self.contextPanelVisible.subscribe(function () {
+          var $el = $('.snippet .ace-editor:visible');
+          if ($el.length === 0) {
+            $el = $('.content-panel:visible');
+          }
+          $('.context-panel').width($el.width()).css('left', $el.offset().left);
+        });
+
         self.sessionsAvailable = ko.observable(false);
 
         self.activeAppViewModel.subscribe(function (viewModel) {

部分文件因文件數量過多而無法顯示