Merge pull request #2997 from dinhviethoa/2961-back-button

Show a button to go back to files view
googlearchive · Jul 28, 2014 · 84dbbcf · 84dbbcf
2 parents 87130fa + 2cee399
commit 84dbbcf
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/ide/app/spark.dart b/ide/app/spark.dart
@@ -447,6 +447,10 @@ abstract class Spark
         .listen((FilesControllerPersistTabEvent event) {
       editorArea.persistTab(event.file);
     });
+    querySelector('#showFileViewButton').onClick.listen((_) {
+      Action action = actionManager.getAction('show-files-view');
+      action.invoke();
+    });
   }
 
   void initSearchController() {

diff --git a/ide/app/spark_polymer.css b/ide/app/spark_polymer.css
@@ -468,6 +468,18 @@ button.ace_searchbtn.prev:hover {
   border: 2px solid #aaf;
 }
 
+#showFileViewButton {
+  font-size: 13px;
+  margin-top: 20px;
+  text-decoration: underline;
+  text-transform: uppercase;
+}
+
+#showFileViewButton:hover {
+  color: #444;
+  cursor: pointer;
+}
+
 #file-item-context-menu {
   top: 0;
   left: 0;

diff --git a/ide/app/spark_polymer.html b/ide/app/spark_polymer.html
@@ -89,7 +89,8 @@
       </div>
       <div id="searchViewArea" class="hidden"></div>
       <div id="searchViewPlaceholder" class="hidden">
-        Type a string to search in the workspace
+        <div>Type a string to search in the workspace</div>
+        <div id="showFileViewButton">Close Search</div>
       </div>
       <div id="searchViewNoResult" class="hidden">
         No matching files