From 9e18b852182a308f965ed6f733ca9584a7be1936 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Wed, 26 Sep 2018 10:31:17 +0200
Subject: [PATCH] Added help-button in chat

---
 server/public/assets/css/style.css             | 6 ++++--
 server/public/assets/js/listeners.js           | 8 ++++++++
 server/public/partials/channel/chat.handlebars | 3 ++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css
index 189da0a7..d1daa266 100755
--- a/server/public/assets/css/style.css
+++ b/server/public/assets/css/style.css
@@ -1630,9 +1630,11 @@ margin:-1px;
     box-shadow: none;
 }
 
-#chat_submit{
+#chat_submit, #chat_help{
     margin-top: 4px;
-    margin-left: 4%;
+    margin-left: 2%;
+    width: 12.45%;
+    padding: 0;
 }
 
 .indicator {
diff --git a/server/public/assets/js/listeners.js b/server/public/assets/js/listeners.js
index 5ff24acd..c6fa7037 100755
--- a/server/public/assets/js/listeners.js
+++ b/server/public/assets/js/listeners.js
@@ -488,6 +488,14 @@ function addDynamicListeners() {
         //document.getElementById("chatForm").submit();
     });
 
+    addListener("click", "#chat_help", function(event) {
+        this.preventDefault(),
+        this.stopPropagation();
+        document.getElementById("text-chat-input").value = "/help";
+        Chat.chat(document.getElementById("chatForm").input);
+        document.getElementById("chat_submit").focus();
+    });
+
     addListener("click", "#offline-mode", function(event){
         this.preventDefault();
         if(!Crypt.get_offline()){
diff --git a/server/public/partials/channel/chat.handlebars b/server/public/partials/channel/chat.handlebars
index dd014150..c14c5a40 100644
--- a/server/public/partials/channel/chat.handlebars
+++ b/server/public/partials/channel/chat.handlebars
@@ -18,8 +18,9 @@
         </li>
         <li id="chat-input" class="row">
             <form action="#" id="chatForm">
-                <input id="text-chat-input" class="col s9" name="input" type="text" autocomplete="off" placeholder="Chat" maxlength="150" />
+                <input id="text-chat-input" class="col s8" name="input" type="text" autocomplete="off" placeholder="Chat" maxlength="150" />
                 <a href="#" id="chat_submit" class="btn col s2 white waves-effect"><i class="material-icons">send</i></a>
+                <a href="#" id="chat_help" class="btn col s2 white waves-effect"><i class="material-icons">help</i></a>
             </form>
         </li>
     </ul>