supernets/hardlounge
supernets/hardlounge
5
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Implement mirroring nick to username field in vue.

Browse Source
This commit is contained in:
Richard Lewis 2019-11-08 19:41:27 +00:00 committed by Pavel Djundik
parent 0c7db6dffe
commit 94bdff4fa0
2 changed files with 13 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/components/NetworkForm.vue
View File

@ -108,6 +108,7 @@
:value="defaults.nick" :value="defaults.nick"
maxlength="100" maxlength="100"
required required
@input="onNickChanged"
/> />
</div> </div>
<template v-if="!config.useHexIp"> <template v-if="!config.useHexIp">
@ -117,6 +118,7 @@
<div class="col-sm-9"> <div class="col-sm-9">
<input <input
id="connect:username" id="connect:username"
ref="usernameInput"
class="input username" class="input username"
name="username" name="username"
:value="defaults.username" :value="defaults.username"
@ -211,9 +213,20 @@ export default {
data() { data() {
return { return {
config: this.$store.state.serverConfiguration, config: this.$store.state.serverConfiguration,
previousUsername: this.defaults.username,
}; };
}, },
methods: { methods: {
onNickChanged(event) {
if (
!this.$refs.usernameInput.value ||
this.$refs.usernameInput.value === this.previousUsername
) {
this.$refs.usernameInput.value = event.target.value;
}
this.previousUsername = event.target.value;
},
onSubmit(event) { onSubmit(event) {
const formData = new FormData(event.target); const formData = new FormData(event.target);
const data = {}; const data = {};

27
client/js/socket-events/configuration.js
View File

@ -46,33 +46,6 @@ socket.once("configuration", function(data) {
document.querySelector('meta[name="theme-color"]').content = currentTheme.themeColor; document.querySelector('meta[name="theme-color"]').content = currentTheme.themeColor;
} }
// TODO: move to component (this mirrors the nick to the username field if the username is empty)
/* connect.on("show", function() {
connect
.html(templates.windows.connect(data))
.find("#connect\\:nick")
.on("focusin", function() {
// Need to set the first "lastvalue", so it can be used in the below function
const nick = $(this);
nick.data("lastvalue", nick.val());
})
.on("input", function() {
const nick = $(this).val();
const usernameInput = connect.find(".username");
// Because this gets called /after/ it has already changed, we need use the previous value
const lastValue = $(this).data("lastvalue");
// They were the same before the change, so update the username field
if (usernameInput.val() === lastValue) {
usernameInput.val(nick);
}
// Store the "previous" value, for next time
$(this).data("lastvalue", nick);
});
});*/
if ("URLSearchParams" in window) { if ("URLSearchParams" in window) {
const params = new URLSearchParams(document.location.search); const params = new URLSearchParams(document.location.search);