From d3e8616e90c5fdd01ec598c3a1118777dbb59240 Mon Sep 17 00:00:00 2001
From: j433866 <j433866@gmail.com>
Date: Mon, 3 Jun 2019 15:12:59 +0100
Subject: [PATCH] Add close all tabs button to input tab dropdown

---
 src/web/Manager.mjs                | 2 +-
 src/web/html/index.html            | 3 +++
 src/web/stylesheets/layout/_io.css | 4 ++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/web/Manager.mjs b/src/web/Manager.mjs
index 602a3ec7..01726be0 100755
--- a/src/web/Manager.mjs
+++ b/src/web/Manager.mjs
@@ -147,7 +147,7 @@ class Manager {
         this.addMultiEventListener("#input-text", "keyup", this.input.debounceInputChange, this.input);
         this.addMultiEventListener("#input-text", "paste", this.input.inputPaste, this.input);
         document.getElementById("reset-layout").addEventListener("click", this.app.resetLayout.bind(this.app));
-        document.getElementById("clr-io").addEventListener("click", this.input.clearAllIoClick.bind(this.input));
+        this.addListeners("#clr-io,#btn-close-all-tabs", "click", this.input.clearAllIoClick, this.input);
         this.addListeners("#open-file,#open-folder", "change", this.input.inputOpen, this.input);
         this.addListeners("#input-text,#input-file", "dragover", this.input.inputDragover, this.input);
         this.addListeners("#input-text,#input-file", "dragleave", this.input.inputDragleave, this.input);
diff --git a/src/web/html/index.html b/src/web/html/index.html
index bf2a4bef..a262356b 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -254,6 +254,9 @@
                                 <a id="btn-find-input-tab" class="dropdown-item">
                                     Find tab
                                 </a>
+                                <a id="btn-close-all-tabs" class="dropdown-item">
+                                    Close all tabs
+                                </a>
                             </div>
                             <span id="btn-next-input-tab" class="input-tab-buttons">
                                 &gt;
diff --git a/src/web/stylesheets/layout/_io.css b/src/web/stylesheets/layout/_io.css
index a26c09bb..ced5d4f0 100755
--- a/src/web/stylesheets/layout/_io.css
+++ b/src/web/stylesheets/layout/_io.css
@@ -118,6 +118,10 @@
     float: left;
 }
 
+#btn-close-all-tabs {
+    color: var(--breakpoint-font-colour) !important;
+}
+
 .input-tab-content,
 .output-tab-content {
     width: 100%;