From 003dc96ce101cfc7c74f0ea4e41463a92982f9c4 Mon Sep 17 00:00:00 2001
From: encrypt <encrypt@labr.xyz>
Date: Sun, 22 Mar 2020 21:12:12 +0100
Subject: [PATCH] mumble tokens basic implementation, connection dialog token
 is replaced with tokens

---
 app/index.html                    | 17 +++++++++++++--
 app/index.js                      | 35 +++++++++++++++++++++++++------
 themes/MetroMumbleLight/main.scss |  2 +-
 3 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/app/index.html b/app/index.html
index c46f71f..0e87642 100644
--- a/app/index.html
+++ b/app/index.html
@@ -41,9 +41,22 @@
                   <td><input id="port" type="text" data-bind="value: port" required></td>
                 </tr>
                 <tr data-bind="if: $root.config.connectDialog.token">
-                  <td>Token</td>
-                  <td><input id="token" type="text" data-bind="value: token"></td>
+                  <td>Tokens</td>
+                  <td>
+                      <input type="text" data-bind='value: tokenToAdd, valueUpdate: "afterkeydown"'>
+                  </td>
                 </tr>
+                <tr data-bind="if: $root.config.connectDialog.token">
+                      <td></td>
+		      <td>
+                        <button class="dialog-submit" type="button" data-bind="enable: selectedTokens().length > 0, click: removeSelectedTokens()">Remove</button>
+                        <button class="dialog-submit" type="button" data-bind="enable: tokenToAdd().length > 0, click: addToken()">Add</button>
+  		      </td>
+                </tr>
+		<tr data-bind="if: $root.config.connectDialog.token">
+		  <td></td>
+		  <td><select id="token" multiple="multiple" height="5" data-bind="options:tokens, selectedOptions:selectedTokens, valueUpdate: 'afterkeydown', event: { keypress: $root.config.connectDialog.deleteSelectedTokensKey}"></select></td>
+		</tr>
                 <tr data-bind="if: $root.config.connectDialog.username">
                   <td>Username</td>
                   <td><input id="username" type="text" data-bind="value: username" required></td>
diff --git a/app/index.js b/app/index.js
index 754e661..1126eee 100644
--- a/app/index.js
+++ b/app/index.js
@@ -52,7 +52,9 @@ function ConnectDialog () {
   var self = this
   self.address = ko.observable('')
   self.port = ko.observable('')
-  self.token = ko.observable('')
+  self.tokenToAdd = ko.observable('')
+  self.selectedTokens = ko.observableArray([])
+  self.tokens = ko.observableArray([])
   self.username = ko.observable('')
   self.password = ko.observable('')
   self.channelName = ko.observable('')
@@ -62,7 +64,25 @@ function ConnectDialog () {
   self.hide = self.visible.bind(self.visible, false)
   self.connect = function () {
     self.hide()
-    ui.connect(self.username(), self.address(), self.port(), self.token(), self.password(), self.channelName())
+    ui.connect(self.username(), self.address(), self.port(), self.tokens(), self.password(), self.channelName())
+  }
+
+  self.addToken = function() {
+    if ((self.tokenToAdd() != "") && (self.tokens.indexOf(self.tokenToAdd()) < 0)) {
+      self.tokens.push(self.tokenToAdd())
+    }
+    self.tokenToAdd("")
+  }
+
+  self.removeSelectedTokensKey = function(data, event) {
+    if (event.keyCode == 46) {
+      sefl.removeSelectedTokens()
+    }
+  }
+  self.removeSelectedTokens = function() {
+    console.log("gogog")
+      this.tokens.removeAll(this.selectedTokens())
+      this.selectedTokens([])
   }
 }
 
@@ -332,7 +352,7 @@ class GlobalBindings {
       return '[' + new Date().toLocaleTimeString('en-US') + ']'
     }
 
-    this.connect = (username, host, port, token, password, channelName = "") => {
+    this.connect = (username, host, port, tokens = [], password, channelName = "") => {
       this.resetClient()
 
       this.remoteHost(host)
@@ -347,7 +367,8 @@ class GlobalBindings {
       // TODO: token
       this.connector.connect(`wss://${host}:${port}`, {
         username: username,
-        password: password
+        password: password,
+	tokens: tokens
       }).done(client => {
         log('Connected!')
 
@@ -364,7 +385,9 @@ class GlobalBindings {
         // Register all channels, recursively
         const registerChannel = (channel, channelPath) => {
           this._newChannel(channel)
+ 	  console.log(channelPath)
           if(channelPath === channelName) {
+		console.log(channel)
             client.self.setChannel(channel)
           }
           channel.children.forEach(ch => registerChannel(ch, channelPath+"/"+ch.name))
@@ -894,8 +917,8 @@ window.onload = function () {
   } else {
     useJoinDialog = false
   }
-  if (queryParams.token) {
-    ui.connectDialog.token(queryParams.token)
+  if (queryParams.tokens) {
+    ui.connectDialog.tokens(queryParams.tokens.split(","))
   }
   if (queryParams.username) {
     ui.connectDialog.username(queryParams.username)
diff --git a/themes/MetroMumbleLight/main.scss b/themes/MetroMumbleLight/main.scss
index 0f5e0c1..411f944 100644
--- a/themes/MetroMumbleLight/main.scss
+++ b/themes/MetroMumbleLight/main.scss
@@ -444,7 +444,7 @@ form {
   top: calc(50% - 10px);
   left: calc(50% - 100px);
 }
-.connect-dialog input[type=text] {
+.connect-dialog input[type=text], select {
   font-size: 15px;
   border: 1px $dialog-input-border-color solid;
   border-radius: 3px;