|
@@ -1,6 +1,9 @@
|
|
|
<template>
|
|
|
<main-header></main-header>
|
|
|
<div class="container">
|
|
|
+ <label class="label">Remove (you will be logged out)</label>
|
|
|
+ <button class="button is-warning" @click="removeSessions()">Remove all sessions</button><br>
|
|
|
+
|
|
|
<!--Implement Validation-->
|
|
|
<label class="label">Username</label>
|
|
|
<div class="control is-grouped">
|
|
@@ -32,12 +35,10 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
<label class="label" v-if="!password">Add password</label>
|
|
|
<div class="control is-grouped" v-if="!password">
|
|
|
<button class="button is-success" @click="requestPassword()" v-if="passwordStep === 1">Request password email</button><br>
|
|
|
|
|
|
-
|
|
|
<p class="control is-expanded has-icon has-icon-right" v-if="passwordStep === 2">
|
|
|
<input class="input" type="text" placeholder="Code" v-model="passwordCode">
|
|
|
</p>
|
|
@@ -45,7 +46,6 @@
|
|
|
<button class="button is-success" @click="verifyCode()">Verify code</button>
|
|
|
</p>
|
|
|
|
|
|
-
|
|
|
<p class="control is-expanded has-icon has-icon-right" v-if="passwordStep === 3">
|
|
|
<input class="input" type="password" placeholder="New password" v-model="setNewPassword">
|
|
|
</p>
|
|
@@ -55,7 +55,6 @@
|
|
|
</div>
|
|
|
<a href="#" v-if="passwordStep === 1 && !password" @click="passwordStep = 2">Skip this step</a>
|
|
|
|
|
|
-
|
|
|
<a class="button is-github" v-if="!github" :href='$parent.serverDomain + "/auth/github/link"'>
|
|
|
<div class='icon'>
|
|
|
<img class='invert' src='/assets/social/github.svg'/>
|
|
@@ -108,16 +107,16 @@
|
|
|
_this.socket.on('event:user.username.changed', username => {
|
|
|
_this.$parent.username = username;
|
|
|
});
|
|
|
- _this.socket.on('event:user.linkPassword', () => {console.log(1);
|
|
|
+ _this.socket.on('event:user.linkPassword', () => {
|
|
|
_this.password = true;
|
|
|
});
|
|
|
- _this.socket.on('event:user.linkGitHub', () => {console.log(2);
|
|
|
+ _this.socket.on('event:user.linkGitHub', () => {
|
|
|
_this.github = true;
|
|
|
});
|
|
|
- _this.socket.on('event:user.unlinkPassword', () => {console.log(3);
|
|
|
+ _this.socket.on('event:user.unlinkPassword', () => {
|
|
|
_this.password = false;
|
|
|
});
|
|
|
- _this.socket.on('event:user.unlinkGitHub', () => {console.log(4);
|
|
|
+ _this.socket.on('event:user.unlinkGitHub', () => {
|
|
|
_this.github = false;
|
|
|
});
|
|
|
});
|
|
@@ -192,6 +191,11 @@
|
|
|
this.socket.emit('users.unlinkGitHub', res => {
|
|
|
Toast.methods.addToast(res.message, 8000);
|
|
|
});
|
|
|
+ },
|
|
|
+ removeSessions: function () {
|
|
|
+ this.socket.emit(`users.removeSessions`, this.$parent.userId, res => {
|
|
|
+ Toast.methods.addToast(res.message, 4000);
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
components: { MainHeader, MainFooter, LoginModal }
|