feature/aahq-11-user-profile-db-storage-and-readedit-route

Author: aahnik

src/users/admin.py

@@ -14,7 +14,14 @@ class TempleWebAdminUserChangeForm(forms.ModelForm):
 
     class Meta:
         model = TempleWebUser
-        fields = ["email", "password", "is_superuser"]
+        fields = [
+            "first_name",
+            "last_name",
+            "is_staff",
+            "email",
+            "password",
+            "is_superuser",
+        ]
 
 
 class TempleWebUserAdmin(UserAdmin):
@@ -24,7 +31,21 @@ class TempleWebUserAdmin(UserAdmin):
     list_display = ["email", "is_superuser"]
     list_filter = ["is_superuser"]
 
-    fieldsets = [(None, {"fields": ["email", "password", "is_superuser"]})]
+    fieldsets = [
+        (
+            None,
+            {
+                "fields": [
+                    "email",
+                    "password",
+                    "is_superuser",
+                    "first_name",
+                    "last_name",
+                    "is_staff",
+                ]
+            },
+        )
+    ]
 
     add_fieldsets = [
         (

src/users/forms.py

@@ -1,5 +1,5 @@
 from django import forms
-from .models import TempleWebUser
+from .models import TempleWebUser, UserProfile
 from django.core.exceptions import ValidationError
 
 
@@ -57,3 +57,9 @@ def clean_password2(self):
         if password1 and password2 and password1 != password2:
             raise ValidationError("Passwords don't match")
         return password2
+
+
+class UserProfileForm(forms.ModelForm):
+    class Meta:
+        model = UserProfile
+        fields = ["profile_pic", "address", "profession", "whatsapp_number"]

src/users/migrations/0004_alter_userprofile_profile_pic.py

@@ -0,0 +1,20 @@
+# Generated by Django 4.2.1 on 2023-12-29 23:22
+
+from django.db import migrations, models
+import utils.images
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("users", "0003_userprofile"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="userprofile",
+            name="profile_pic",
+            field=models.ImageField(
+                blank=True, null=True, upload_to=utils.images.upload_image_to
+            ),
+        ),
+    ]

src/users/models.py

@@ -20,7 +20,7 @@ def __str__(self):
 
 class UserProfile(models.Model):
     user = models.OneToOneField(TempleWebUser, on_delete=models.CASCADE)
-    profile_pic = models.ImageField(upload_to=upload_image_to)
+    profile_pic = models.ImageField(upload_to=upload_image_to, null=True, blank=True)
     address = models.TextField(max_length=1024)
     profession = models.CharField(max_length=256)
     whatsapp_number = models.CharField(max_length=15)

src/users/templates/users/profile.html

@@ -5,37 +5,37 @@
 
 <!-- content -->
 
-{% block content %}
+{% block content %} {% load tailwind_filters %}
 
-<div class="bg-gray-100 h-screen flex items-center justify-center">
-  <div class="max-w-md bg-white p-8 rounded shadow-md">
-    <div class="flex items-center justify-center">
+<div class="flex bg-gray-100 justify-center items-center h-screen w-screen">
+  <div
+    class="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 px-12 py-6"
+  >
+    <div class="flex flex-col items-center pb-10">
       <img
-        src="https://placekitten.com/100/100"
-        alt="User Avatar"
-        class="w-16 h-16 rounded-full"
+        class="w-24 h-24 mb-3 rounded-full shadow-lg"
+        {% if user_profile.profile_pic %}
+        src="{{user_profile.profile_pic.url}}"
+        {% else %}
+        src=""
+        {% endif %}
+        alt="User Profile Image"
       />
-    </div>
-
-    <div class="mt-4">
-      <h1 class="text-2xl font-semibold">John Doe</h1>
-      <p class="text-gray-500">Web Developer</p>
-    </div>
-
-    <div class="mt-6">
-      <h2 class="text-lg font-semibold">Contact Information</h2>
-      <ul class="mt-2 text-gray-600">
-        <li>Email: [email protected]</li>
-        <li>Phone: +1 234 567 890</li>
-      </ul>
-    </div>
-
-    <div class="mt-6">
-      <h2 class="text-lg font-semibold">About Me</h2>
-      <p class="mt-2 text-gray-600">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui
-        mauris.
-      </p>
+      <h5 class="mb-1 text-xl font-medium text-gray-900 dark:text-white">
+        {{user.first_name}} {{user.last_name}}
+      </h5>
+      <span class="text-sm text-gray-500 dark:text-gray-400"
+        >{{user.email}}</span
+      >
+      <form enctype="multipart/form-data" method="post">
+        {% csrf_token %} {{ form | crispy}}
+        <button
+          type="submit"
+          class="text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm sm:w-auto px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
+        >
+          Save
+        </button>
+      </form>
     </div>
   </div>
 </div>

src/users/urls.py

@@ -11,4 +11,3 @@
     path("login/", views.login_view, name="login"),
     path("logout", views.logout_view, name="logout"),
 ]
-

src/users/views.py

@@ -4,7 +4,7 @@
 from django.contrib.auth import get_user_model
 
 from .models import TempleWebUser, UserProfile
-from .forms import UserRegistrationForm, UserLoginForm
+from .forms import UserRegistrationForm, UserLoginForm, UserProfileForm
 
 from django.core.exceptions import ValidationError
 from django.contrib.auth.decorators import login_required
@@ -39,8 +39,21 @@ def logout_view(request: HttpRequest):
 
 
 @login_required(login_url="/users/login")
-def me_view(request: HttpRequest):
-    return render(request, "users/profile.html", {"email": request.user.email})
+def me_view(request: HttpRequest, edit: str = "view"):
+    user_profile, truth = UserProfile.objects.get_or_create(user=request.user)
+
+    if request.method == "POST":
+        form = UserProfileForm(request.POST, request.FILES, instance=user_profile)
+        if form.is_valid():
+            form.save()
+    else:
+        user_profile, truth = UserProfile.objects.get_or_create(user=request.user)
+        form = UserProfileForm(instance=user_profile)
+    return render(
+        request,
+        "users/profile.html",
+        {"form": form, "user": request.user, "user_profile": user_profile},
+    )
 
 
 def register(request: HttpRequest):
@@ -62,7 +75,6 @@ def register(request: HttpRequest):
             )
             user_profile.save()
 
-            
             login(request, user)
             return redirect("users:me_view")
     else: