webclient: tab key support

Tabulation key adds 4 spaces at current cursor position

Signed-off-by: Simon LEONARD <git-1001af4@sinux.sh>

static/js/index.js

@@ -22,10 +22,29 @@ const onInput = () => {
 textarea.addEventListener('input', onInput);
 onInput();
 
+const indent = (spaces = 4) => {
+    let cursorPosition = textarea.selectionStart;
+    const before = textarea.value.substring(0, cursorPosition);
+    const after = textarea.value.substring(cursorPosition, textarea.value.length);
+
+    // add 4 spaces
+    textarea.value = before + ' '.repeat(spaces) + after;
+    cursorPosition += spaces;
+
+    // place the cursor accordingly
+    textarea.selectionStart = cursorPosition;
+    textarea.selectionEnd = cursorPosition;
+    textarea.focus();
+}
+
 document.body.addEventListener('keydown', (e) => {
     if (e.key === 'Enter' && e.ctrlKey) {
         form.submit();
     }
+    if (e.key === 'Tab' && !e.ctrlKey) {
+        preventDefaults(e);
+        indent();
+    }
 });
 
 async function postData(url = '', data) {
@@ -118,4 +137,4 @@ document.onpaste = function (pasteEvent) {
                 console.info(err + " url: " + url);
             });
     }
-}
+}