| 
					
				 | 
			
			
				@@ -5,10 +5,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<label class="label">Username</label> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<div class="control is-grouped"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			<p class="control is-expanded has-icon has-icon-right"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<input class="input is-success" type="text" placeholder="Change username" v-model="user.username"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<input class="input" type="text" placeholder="Change username" v-model="user.username"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<!--Remove validation if it's their own without changing--> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<i class="fa fa-check"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<span class="help is-success">This username is available</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			<p class="control"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<button class="button is-success" @click="changeUsername()">Save Changes</button> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -17,33 +15,13 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<label class="label">Email</label> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<div class="control is-grouped"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			<p class="control is-expanded has-icon has-icon-right"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<input class="input is-danger" type="text" placeholder="Change email address" v-model="user.email.address"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<input class="input" type="text" placeholder="Change email address" v-model="user.email.address"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<!--Remove validation if it's their own without changing--> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<i class="fa fa-warning"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<span class="help is-danger">This email is invalid</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			<p class="control is-expanded"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<button class="button is-success" @click="changeEmail()">Save Changes</button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<label class="label">Change Password</label> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<div class="control is-grouped"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<p class="control is-expanded has-icon has-icon-right"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<input class="input is-danger" type="text" placeholder="Enter current password" v-model="currentPassword"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<!-- Check if correct --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<i class="fa fa-warning"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<span class="help is-danger">This password is invalid</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<p class="control is-expanded has-icon has-icon-right"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<input class="input is-danger" type="text" placeholder="Enter new password" v-model="newPassword"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<!--Check if longer than x chars, has x, x and x. Kris likes x too ;)--> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<i class="fa fa-warning"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<span class="help is-danger">This password is invalid</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<p class="control is-expanded"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<button class="button is-success" @click="changePassword()">Save Changes</button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	<main-footer></main-footer> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -59,8 +37,6 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				currentPassword: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				newPassword: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				user: {} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		}, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -80,47 +56,20 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			}, 100); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			changePassword: function () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				if (this.currentPassword == "" || this.newPassword == "") return Toast.methods.addToast('Current password field is incorrect', 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				this.socket.emit('users.update', this.user._id, 'services.password.password', this.user.password, res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					if (res.status == 'error') Toast.methods.addToast(res.message, 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					else Toast.methods.addToast('Successfully changed password', 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			changeEmail: function () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				if (this.user.email == "") return Toast.methods.addToast('Field cannot be empty', 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (!this.user.email.address) return Toast.methods.addToast('Email cannot be empty', 8000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				this.socket.emit('users.update', this.user._id, 'email.address', this.user.email, res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					if (res.status == 'error') Toast.methods.addToast(res.message, 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					else Toast.methods.addToast('Successfully changed email address', 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				this.socket.emit('users.updateEmail', this.user.email.address, res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					if (res.status !== 'success') Toast.methods.addToast(res.message, 8000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					else Toast.methods.addToast('Successfully changed email address', 4000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			// Will be added shortly: 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			// changeAvatar() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     let files = document.getElementById("avatar").files; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     if (files === undefined || files === null) return Materialize.toast(this.getFromLang("error.profilePictureNotSupported"), 4000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     if (files.length !== 1) return Materialize.toast(this.getFromLang("error.profilePictureOnlyOneFileAllowed"), 4000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     if (files[0].size >= 2097152) return Materialize.toast(this.getFromLang("error.tooBigProfileImage"), 4000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     if (files[0].type.indexOf("image/") == -1) return Materialize.toast(this.getFromLang("error.notAnImage"), 4000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     let local = this; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     fetch(window.location.protocol + '//' + window.location.hostname + ':8081' + '/auth/update/avatar', { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//         method: 'POST', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//         body: new FormData($('#updateAvatar')[0]) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     }).then(response => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//         return response.json() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     }).then(body => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//         if (body.status == 'error') Materialize.toast(body.message, 4000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//         else Materialize.toast(local.getFromLang("settings.profilePictureUpdated"), 4000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//         console.log(body); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//     }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			// }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			changeUsername: function () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				if (this.user.username == "") return Toast.methods.addToast('Field cannot be empty', 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (!this.user.username) return Toast.methods.addToast('Username cannot be empty', 8000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				this.socket.emit('users.update', this.user._id, 'username', this.user.username, res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					if (res.status == 'error') Toast.methods.addToast(res.message, 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					else Toast.methods.addToast('Successfully changed username', 2000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				this.socket.emit('users.updateUsername', this.user.username, res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					if (res.status !== 'success') Toast.methods.addToast(res.message, 8000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					else Toast.methods.addToast('Successfully changed username', 4000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		}, 
			 |