Bläddra i källkod

[spark] Add a clear all result snippets button

Romain Rigaux 10 år sedan
förälder
incheckning
87ffc80e6b
2 ändrade filer med 28 tillägg och 4 borttagningar
  1. 22 4
      apps/spark/src/spark/templates/editor.mako
  2. 6 0
      apps/spark/static/js/spark.ko.js

+ 22 - 4
apps/spark/src/spark/templates/editor.mako

@@ -110,10 +110,28 @@ ${ commonheader(_('Query'), app_name, user, "68px") | n,unicode }
 
 <div class="search-bar">
   <div class="pull-right" style="padding-right:50px">
-    <a title="${ _('Execute all') }" rel="tooltip" data-placement="bottom" data-bind="click: true, css: {'btn': true}">
-      <i class="fa fa-play"></i>
-    </a>
-    
+  
+     <div class="btn-group" data-bind="visible: isEditing">
+       <button class="btn dropdown-toggle" data-toggle="dropdown">
+         <i class="fa fa-check-square-o"></i>
+         <i class="fa fa-caret-down"></i>
+       </button>
+       <ul class="dropdown-menu">
+         <li>
+           <a href="javascript:void(0)" data-bind="click: function() { $root.selectedNotebook().clearResults() }">
+             <i class="fa fa-play"></i> ${ _('Execute all snippets') }
+           </a>
+         </li>
+         <li>
+           <a href="javascript:void(0)" data-bind="click: function() { $root.selectedNotebook().clearResults() }">
+             <i class="fa fa-eraser"></i> ${ _('Clear all results') }
+           </a>
+        </li>
+      </ul>
+    </div>  
+  
+   &nbsp;&nbsp;&nbsp;
+  
     <a title="${ _('Edit') }" rel="tooltip" data-placement="bottom" data-bind="click: toggleEditing, css: {'btn': true, 'btn-inverse': isEditing}">
       <i class="fa fa-pencil"></i>
     </a>

+ 6 - 0
apps/spark/static/js/spark.ko.js

@@ -583,6 +583,12 @@ var Notebook = function (vm, notebook) {
       });
 	}
   };
+  
+  self.clearResults = function () {
+	$.each(self.snippets(), function(index, snippet) {
+      snippet.result.clear();
+	});
+  };
 }