Made user avatars.

.gitignore

@@ -131,4 +131,7 @@ venv.bak/
 dmypy.json
 
 # Pyre type checker
-.pyre/
+.pyre/
+
+# Media
+media

eduzec/urls.py

@@ -16,10 +16,12 @@
 from django.contrib import admin
 from django.urls import path, include
 from django.views.generic import TemplateView
+from django.conf.urls.static import static
+from django.conf import settings
 
 urlpatterns = [
     path("admin/", admin.site.urls),
     path('', TemplateView.as_view(template_name="index.html"), name='landing'),
     path("", include(("forum.urls", "forum"), namespace="forum")),
     path("", include(("users.urls", "users"), namespace="users")),
-]
+] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

requirements.txt

@@ -12,3 +12,5 @@ coverage==6.3.2
 selenium==4.1.3 #install webdriver for specific broswer
 six==1.16.0
 python-dotenv==0.20.0
+Pillow==9.1.0 # Python Imaging Library
+django-imagekit==4.1.0 # easier image manipulation

settings/base.py

@@ -58,6 +58,7 @@
     'django.contrib.staticfiles',
     'users',
     'vote',
+    'imagekit',
 ]
 
 # Add static file directory
@@ -163,4 +164,8 @@
 EMAIL_HOST_USER = os.getenv('EMAIL_FROM_USER')
 EMAIL_HOST_PASSWORD = os.getenv('EMAIL_HOST_PASSWORD')
 EMAIL_USE_TLS = True
-EMAIL_PORT = 587
+EMAIL_PORT = 587
+
+# User-uploaded static files
+MEDIA_ROOT = BASE_DIR / 'media'
+MEDIA_URL = '/media/'

templates/forum/detail.html

@@ -22,6 +22,7 @@ <h2 class='my-4'>{{quest.title}}</h2>
     <p>
         <span class='mr-2'>{{quest.add_time|date:'d/m/y'}}</span>
         <text>by</text>
+        {% include 'users/includes/avatar.html' with avatar=quest.user.avatar %}
         <a href='#' class='ml-2'>{{quest.user}}</a>
         <button type='button' class='btn btn-dark'><a href='{% url 'forum:answer_with_pk' pk=quest.id %}'>Answer</a></button>
     </p>
@@ -63,6 +64,7 @@ <h2 class='my-4'>{{quest.title}}</h2>
             <p>
                 <span class='mr-2'>{{answer.add_time|date:'d/m/y'}}</span>
                 <text>by</text>
+                {% include 'users/includes/avatar.html' with avatar=answer.user.avatar %}
                 <a href='#' class='mr-2'>{{ answer.user }}</a>
                 <span>{{ comments|length }} comments</span>
             </p>

templates/users/edit_account.html

@@ -5,7 +5,7 @@
 
 {% block content %}
     <h1>Edit you profile</h1>
-    <form method="post">
+    <form method="post" enctype='multipart/form-data'>
         {% csrf_token %}
         {{ form|crispy }}
         <input type="submit" value="Update Profile" />

templates/users/includes/avatar.html

@@ -0,0 +1,6 @@
+{% load static %}
+{% if avatar %}
+    <img src="{{ avatar.url }}" alt="avatar">
+{% else %}
+    <img src="{% static 'images/user_icon.jpg' %}" alt="avatar">
+{% endif %}

users/admin.py

@@ -80,6 +80,7 @@ class CustomUserAdmin(UserAdmin):
     fieldsets = (
         (None, {"fields": ("username", "password")}),
         (_("Personal info"), {"fields": ("first_name", "last_name", "email")}),
+        (_("Profile info"), {"fields": ("avatar",)}),
         (
             _("Permissions"),
             {

users/forms.py

@@ -21,7 +21,7 @@ class Meta:
 class CustomUserChangeForm(ModelForm):
     class Meta:
         model = CustomUser
-        fields = ("username", "email", "first_name", "last_name", "hide_email",)
+        fields = ("username", "email", "avatar", "first_name", "last_name", "hide_email",)
 
     def __init__(self, *args, **kwargs):
         super().__init__(*args, **kwargs)

users/models.py

@@ -1,3 +1,4 @@
+from email.policy import default
 from django.db import models
 from django.contrib.auth.models import ( 
     AbstractBaseUser, BaseUserManager
@@ -6,6 +7,8 @@
 from django.core.validators import validate_email
 from django.utils import timezone
 
+from imagekit.models import ProcessedImageField
+
 # Create your models here.
 
 class CustomUserManager(BaseUserManager):
@@ -33,9 +36,15 @@ def create_superuser(self, email, username, password=None):
         user.save(using=self._db)
         return user
 
+from imagekit.processors import ResizeToFill, Thumbnail, ResizeToFit
+
 class CustomUser(AbstractBaseUser):
     username = models.CharField(error_messages={'unique': 'A user with that username already exists.'}, help_text='Required. 40 characters or fewer. Letters, digits and @/./+/-/_ only.', max_length=40, unique=True, validators=[UnicodeUsernameValidator, ], verbose_name='username')
     email = models.EmailField(max_length=254,help_text='Required. 254 characters or fewer.', validators=[validate_email] ,verbose_name='email address', unique=True)
+    avatar = ProcessedImageField(null=True, blank=True, upload_to='avatars',
+                                           processors=[ResizeToFit(50, 100)],
+                                           format='JPEG',
+                                           options={'quality': 60})
     first_name =  models.CharField(blank=True, max_length=150, verbose_name='first name')
     last_name = models.CharField(blank=True, max_length=150, verbose_name='last name')
     last_login = models.DateTimeField(blank=True, null=True, verbose_name='last login')