瀏覽代碼

[spark] Make notebook name editable

Enrico Berti 10 年之前
父節點
當前提交
e9629ba
共有 2 個文件被更改,包括 11 次插入3 次删除
  1. 8 0
      apps/spark/src/spark/static/spark/css/spark.css
  2. 3 3
      apps/spark/src/spark/templates/editor.mako

+ 8 - 0
apps/spark/src/spark/static/spark/css/spark.css

@@ -181,6 +181,14 @@
   color: #DDD !important;
 }
 
+.editable-click, a.editable-click, a.editable-click:hover {
+  cursor: pointer !important;
+}
+
+.editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover {
+  cursor: default !important;
+}
+
 .results table tr td {
   white-space: nowrap;
 }

+ 3 - 3
apps/spark/src/spark/templates/editor.mako

@@ -138,10 +138,10 @@ ${ commonheader(_('Query'), app_name, user, "68px") | n,unicode }
     
        
 
-    <button type="button" title="${ _('Save') }" rel="tooltip" data-placement="bottom" data-loading-text="${ _("Saving...") }"
+    <a class="btn" title="${ _('Save') }" rel="tooltip" data-placement="bottom" data-loading-text="${ _("Saving...") }"
         data-bind="click: saveNotebook, css: {'btn': true}">
       <i class="fa fa-save"></i>
-    </button>
+    </a>
       
     &nbsp;&nbsp;&nbsp;
       
@@ -158,7 +158,7 @@ ${ commonheader(_('Query'), app_name, user, "68px") | n,unicode }
   <ul class="nav nav-tabs">
     <!-- ko foreach: notebooks -->
       <li data-bind="css: { active: $parent.selectedNotebook() === $data }">
-        <a href="javascript:void(0)" data-bind="text: name, click: $parent.selectedNotebook.bind(null, $data)"></a>
+        <a href="javascript:void(0)"><span data-bind="editable: name, editableOptions: {enabled: $root.isEditing(), placement: 'right'}"></span></a>
       </li>
     <!-- /ko -->
     <li>