settings: avatar & username (& little stuff too)

frontend/static/js/api/Account.js

@@ -48,41 +48,24 @@ class Account
 	}
 
 	/**
-	 * Get account data (username)
-	 * @returns {?Promise<Object>}
-	 */
-	async get()
+		* @param {String} newUsername
+		* @returns {?Promise<Object>}
+	*/
+	async updateUsername(newUsername)
 	{
-		let response = await this.client._get("/api/accounts/edit");
-		let response_data = await response.json();
+		const data = {
+			username: newUsername
+		};
+		const response = await this.client._patch_json(`/api/accounts/update_profile`, data);
+		const respondeData = await response.json();
 
-		if (response.status === 403)
-		{
-			this.client._update_logged(false);
+		if (response.status === 200) {
+			this.client.me.username = respondeData.username;
+			document.getElementById('navbarDropdownButton').innerHTML = respondeData.username;
+			document.getElementById('myProfileLink').href = '/profiles/' + respondeData.username;
 			return null;
 		}
-		return response_data;
-	}
-
-	/**
-	 * 
-	 * @param {*} data 
-	 * @param {Number} password 
-	 * @returns {?Object}
-	 */
-	async update(data, password)
-	{
-		data.current_password = password;
-		let response = await this.client._patch_json("/api/accounts/edit", data);
-		let response_data = await response.json();
-
-		if (response.status === 403)
-		{
-			this.client._update_logged(false);
-			return null;
-		}
-
-		return response_data;
+		return respondeData['authorize'] || respondeData['detail'] || respondeData['username']?.join(' ') || 'Error.';
 	}
 }
 

frontend/static/js/api/MyProfile.js

@@ -14,15 +14,35 @@ class MyProfile extends Profile
 
 	/**
 	 * 
-	 * @param {*} form_data 
-	 * @returns {Promise<Object>}
+	 * @param {File} selectedFile
+	 * @returns {Promise<Response>}
 	 */
-	async change_avatar(form_data)
+	async changeAvatar(selectedFile)
 	{
-		let response = await this.client._patch_file(`/api/profiles/settings`, form_data);
-		let response_data = await response.json();
+		const formData = new FormData();
+		formData.append('avatar', selectedFile);
 
-		return response_data;
+		const response = await this.client._patch_file(`/api/profiles/settings`, formData);
+		const responseData = await response.json();
+
+		if (response.ok) {
+			console.log('save', responseData);
+			this.avatar_url = responseData.avatar.substr(responseData.avatar.indexOf('static') - 1);
+			return null;
+		}
+		return responseData;
+	}
+
+	async deleteAvatar() {
+		const response = await this.client._delete('/api/profiles/settings');
+		const responseData = await response.json();
+
+		if (response.ok) {
+			console.log('delete', responseData);
+			this.avatar_url = responseData.avatar.substr(responseData.avatar.indexOf('static') - 1);
+			return null;
+		}
+		return responseData;
 	}
 
 }