| 
														
															@@ -5,10 +5,8 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		<label class="label">Username</label> 
														 | 
														
														 | 
														
															 		<label class="label">Username</label> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		<div class="control is-grouped"> 
														 | 
														
														 | 
														
															 		<div class="control is-grouped"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			<p class="control is-expanded has-icon has-icon-right"> 
														 | 
														
														 | 
														
															 			<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--> 
														 | 
														
														 | 
														
															 				<!--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> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			<p class="control"> 
														 | 
														
														 | 
														
															 			<p class="control"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 				<button class="button is-success" @click="changeUsername()">Save Changes</button> 
														 | 
														
														 | 
														
															 				<button class="button is-success" @click="changeUsername()">Save Changes</button> 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -17,33 +15,13 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		<label class="label">Email</label> 
														 | 
														
														 | 
														
															 		<label class="label">Email</label> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		<div class="control is-grouped"> 
														 | 
														
														 | 
														
															 		<div class="control is-grouped"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			<p class="control is-expanded has-icon has-icon-right"> 
														 | 
														
														 | 
														
															 			<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--> 
														 | 
														
														 | 
														
															 				<!--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> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			<p class="control is-expanded"> 
														 | 
														
														 | 
														
															 			<p class="control is-expanded"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 				<button class="button is-success" @click="changeEmail()">Save Changes</button> 
														 | 
														
														 | 
														
															 				<button class="button is-success" @click="changeEmail()">Save Changes</button> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			</p> 
														 | 
														
														 | 
														
															 			</p> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		</div> 
														 | 
														
														 | 
														
															 		</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> 
														 | 
														
														 | 
														
															 	</div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	<main-footer></main-footer> 
														 | 
														
														 | 
														
															 	<main-footer></main-footer> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 </template> 
														 | 
														
														 | 
														
															 </template> 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -59,8 +37,6 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	export default { 
														 | 
														
														 | 
														
															 	export default { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		data() { 
														 | 
														
														 | 
														
															 		data() { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			return { 
														 | 
														
														 | 
														
															 			return { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-				currentPassword: '', 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-				newPassword: '', 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 				user: {} 
														 | 
														
														 | 
														
															 				user: {} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			} 
														 | 
														
														 | 
														
															 			} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		}, 
														 | 
														
														 | 
														
															 		}, 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -80,47 +56,20 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			}, 100); 
														 | 
														
														 | 
														
															 			}, 100); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		}, 
														 | 
														
														 | 
														
															 		}, 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		methods: { 
														 | 
														
														 | 
														
															 		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 () { 
														 | 
														
														 | 
														
															 			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 () { 
														 | 
														
														 | 
														
															 			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); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 				}); 
														 | 
														
														 | 
														
															 				}); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			} 
														 | 
														
														 | 
														
															 			} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		}, 
														 | 
														
														 | 
														
															 		}, 
														 |