From 2aad7647ef0df338e224e76b8d11550c0ff4e249 Mon Sep 17 00:00:00 2001
From: j433866 <j433866@gmail.com>
Date: Tue, 2 Apr 2019 16:53:15 +0100
Subject: [PATCH] Add tab buttons (don't work yet). Change some of the HTML
 around the tab bar

---
 src/web/html/index.html | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/web/html/index.html b/src/web/html/index.html
index 98aa4053..b106bbd9 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -285,6 +285,15 @@
                         <div class="title no-select">
                             <label for="output-text">Output</label>
                             <span class="float-right">
+                                <button type="button" class="btn btn-primary bmd-btn-icon tab-buttons" id="btn-previous-tab" data-toggle="tooltip" title="Go to the previous tab">
+                                    <i class="material-icons">keyboard_arrow_left</i>
+                                </button>
+                                <button type="button" class="btn btn-primary bmd-btn-icon tab-buttons" id="btn-go-to-tab" data-toggle="tooltip" title="Go to a specific tab">
+                                    <i class="material-icons">more_horiz</i>
+                                </button>
+                                <button type="button" class="btn btn-primary bmd-btn-icon tab-buttons" id="btn-next-tab" data-toggle="tooltip" title="Go to the next tab">
+                                    <i class="material-icons">keyboard_arrow_right</i>
+                                </button>
                                 <button type="button" class="btn btn-primary bmd-btn-icon" id="save-to-file" data-toggle="tooltip" title="Save output to file">
                                     <i class="material-icons">save</i>
                                 </button>
@@ -301,6 +310,7 @@
                                     <i class="material-icons">fullscreen</i>
                                 </button>
                             </span>
+                            <div class="io-info" id="bake-info"></div>
                             <div class="io-info" id="output-info"></div>
                             <div class="io-info" id="output-selection-info"></div>
                             <button type="button" class="btn btn-primary bmd-btn-icon hidden" id="magic" data-toggle="tooltip" title="Magic!" data-html="true">
@@ -313,13 +323,8 @@
                             </span>
                         </div>
                         <div id="output-wrapper">
-                            <div id="output-tabs" style="display: none">
-                                <ul>
-                                    <li id="output-tab-1" class="active-output-tab">
-                                        <div class="output-tab-content">
-                                            Tab 1
-                                        </div>
-                                    </li>
+                            <div id="output-tabs-wrapper" style="display: none">
+                                <ul id="output-tabs">
                                 </ul>
                             </div>
                             <div class="textarea-wrapper">