91 implements avatar for users

django/src/ft_auth/templates/settings.html

@@ -47,7 +47,7 @@
 	</div>
 </div>
 
-<div id="avatarModal" class="modal-overlay" style="display:none;">
+<div id="avatarModal" class="modal-overlay hidden">
 	<div class="modal-content">
 		<button type="button" class="close-button" id="closeModalBtn">&times;</button>
 		<h2 class="form-title">Upload New Avatar</h2>
@@ -66,12 +66,12 @@ <h2 class="form-title">Upload New Avatar</h2>
 <script>
 	function showModal() {
 		const modal = document.getElementById('avatarModal');
-		modal.style.display = 'block';
+		modal.classList.remove("hidden");
 	}
 
 	function hideModal() {
 		const modal = document.getElementById('avatarModal');
-		modal.style.display = 'none';
+		modal.classList.add("hidden");
 	}
 
 	function validate() {

django/src/ft_auth/views.py

@@ -70,17 +70,18 @@ def password_update(request: HttpRequest):
 	logger.info(f"Updated password of {request.user.username}.")
 	return HttpResponse(status=200)
 
+@require_POST
 def upload_avatar(request):
- 
+	max_file_size = 2 * 1024 * 1024
 	if request.FILES.get('avatar'):
 		avatar_file = request.FILES['avatar']
+		if avatar_file.size > max_file_size:
+			return JsonResponse({'error': 'File size exceeds 2MB limit.'}, status=400)
 		user = request.user
-		user.avatar = avatar_file
 		user.avatar.save(avatar_file.name, avatar_file)
 		user.save()
 		return JsonResponse({'avatar_url': user.avatar.url}, status=200)
-
-	return JsonResponse({'error': 'No avatar file provided'}, status=400)
+	return JsonResponse({'error': 'Invalid request'}, status=400)
 
 @require_POST
 def authorize(request: HttpRequest):

django/src/pages/views.py

@@ -117,7 +117,5 @@ def profiles(request: HttpRequest, username: str):
 
 @require_GET
 def settings(request: HttpRequest):
-	if not request.user.is_authenticated:
-		return JsonResponse({'redirect': '/'}, status=403)
 	return create_response(request, 'settings.html', title="Settings", need_authentication=True)
 

nginx/src/css/settings.css

@@ -163,7 +163,7 @@
 	justify-content: center;
 	align-items: center;
 	z-index: 1000;
-	display: none;
+	display: hidden;
 }
 
 .modal-content {
@@ -242,14 +242,11 @@
 .file-name {
 	display: inline-block;
 	max-width: 200px;
-	/* Adjust this width as needed */
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	vertical-align: middle;
 	margin-left: 10px;
-	/* Add space between the label and the file name */
 	font-size: 0.9em;
 	color: #555;
-	/* Optional: adjust the text color */
 }