chris/website-gemompel
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

added support for server passwords

Browse source
This commit is contained in:
2017-04-30 18:34:10 +00:00
parent 511886743b
commit b07057d509
3 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/index.html
View file

@ -21,7 +21,7 @@
</div> </div>
<div id="container" style="display: none" data-bind="visible: true"> <div id="container" style="display: none" data-bind="visible: true">
<!-- ko with: connectDialog --> <!-- ko with: connectDialog -->
<div class="connect-dialog" data-bind="visible: visible"> <div class="connect-dialog" data-bind="visible: visible">
<div class="dialog-header"> <div class="dialog-header">
Connect to Server Connect to Server
</div> </div>
@ -43,6 +43,10 @@
<td>Username</td> <td>Username</td>
<td><input id="username" type="text" data-bind="value: username"></td> <td><input id="username" type="text" data-bind="value: username"></td>
</tr> </tr>
<tr>
<td>Password</td>
<td><input id="password" type="password" data-bind="value: password"></td>
</tr>
</table> </table>
<div class="dialog-footer"> <div class="dialog-footer">
<input class="dialog-close" type="button" data-bind="click: hide" value="Cancel"> <input class="dialog-close" type="button" data-bind="click: hide" value="Cancel">

10
app/index.js
View file

@ -27,12 +27,13 @@ function ConnectDialog () {
self.port = ko.observable('443') self.port = ko.observable('443')
self.token = ko.observable('') self.token = ko.observable('')
self.username = ko.observable('') self.username = ko.observable('')
self.password = ko.observable('')
self.visible = ko.observable(true) self.visible = ko.observable(true)
self.show = self.visible.bind(self.visible, true) self.show = self.visible.bind(self.visible, true)
self.hide = self.visible.bind(self.visible, false) self.hide = self.visible.bind(self.visible, false)
self.connect = function () { self.connect = function () {
self.hide() self.hide()
ui.connect(self.username(), self.address(), self.port(), self.token()) ui.connect(self.username(), self.address(), self.port(), self.token(), self.password())
} }
} }
@ -81,7 +82,7 @@ class GlobalBindings {
return '[' + new Date().toLocaleTimeString('en-US') + ']' return '[' + new Date().toLocaleTimeString('en-US') + ']'
} }
this.connect = (username, host, port, token) => { this.connect = (username, host, port, token, password) => {
this.resetClient() this.resetClient()
log('Connecting to server ', host) log('Connecting to server ', host)
@ -89,12 +90,12 @@ class GlobalBindings {
// TODO: token // TODO: token
mumbleConnect(`wss://${host}:${port}`, { mumbleConnect(`wss://${host}:${port}`, {
username: username, username: username,
password: password,
codecs: CodecsBrowser codecs: CodecsBrowser
}).done(client => { }).done(client => {
log('Connected!') log('Connected!')
this.client = client this.client = client
// Prepare for connection errors // Prepare for connection errors
client.on('error', function (err) { client.on('error', function (err) {
log('Connection error:', err) log('Connection error:', err)
@ -434,6 +435,9 @@ window.onload = function () {
if (queryParams.username) { if (queryParams.username) {
ui.connectDialog.username(queryParams.username) ui.connectDialog.username(queryParams.username)
} }
if (queryParams.password) {
ui.connectDialog.password(queryParams.password)
}
ko.applyBindings(ui) ko.applyBindings(ui)
} }

11
themes/MetroMumbleLight/main.css
View file

@ -233,7 +233,7 @@ form {
.connect-dialog { .connect-dialog {
position: absolute; position: absolute;
width: 300px; width: 300px;
height: 197px; height: 227px;
top: calc(50% - 100px); top: calc(50% - 100px);
left: calc(50% - 150px); left: calc(50% - 150px);
background-color: #eee; background-color: #eee;
@ -250,3 +250,12 @@ form {
padding: 2px; padding: 2px;
width: calc(100% - 8px); width: calc(100% - 8px);
} }
.connect-dialog input[type=password] {
font-size: 15px;
border: 1px gray solid;
border-radius: 3px;
background-color: white;
color: black;
padding: 2px;
width: calc(100% - 8px);
}