Support change keymap and indentation type with size in statusbar

1 files changed, 24 insertions, 0 deletions

diff --git a/public/views/statusbar.html b/public/views/statusbar.html
new file mode 100644
index 00000000..d3c58ef1
--- /dev/null
+++ b/public/views/statusbar.html
@@ -0,0 +1,24 @@
+<div class="status-bar">
+    <div class="status-info">
+        <div class="status-cursor"></div>
+        <div class="status-file"></div>
+    </div>
+    <div class="status-indicators">
+        <div class="status-length"></div>
+        <div class="status-keymap dropup pull-right">
+            <a id="keymapLabel" class="ui-keymap-label text-uppercase" data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Click to change keymap">
+            Sublime
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="keymapLabel">
+                <li class="ui-keymap-sublime"><a>Sublime</a></li>
+                <li class="ui-keymap-emacs"><a>Emacs</a></li>
+                <li class="ui-keymap-vim"><a>Vim</a></li>
+            </ul>
+        </div>
+        <div class="status-indent">
+            <div class="indent-type" title="Click to switch indentation type">Spaces:</div>
+            <div class="indent-width-label" title="Click to change indentation size">4</div>
+            <input class="indent-width-input hidden" type="number" min="1" max="10" maxlength="2" size="2">
+        </div>
+    </div>
+</div>
\ No newline at end of file