feat: added form for creating new entry in WidgetUser

widget_group_6/homepage/forms.py

+from django.forms import ModelForm
+from .models import WidgetUser
+
+class UserForm(ModelForm):
+    class Meta:
+        model = WidgetUser
+        fields = ["last_name", "first_name", "middle_name", "id_num", "email", "department", "profile_image"]
+        
\ No newline at end of file

widget_group_6/homepage/migrations/0003_widgetuser_profile_image.py

+# Generated by Django 4.0.3 on 2022-05-26 21:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('homepage', '0002_auto_20220407_0505'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='widgetuser',
+            name='profile_image',
+            field=models.ImageField(blank=True, null=True, upload_to='images/'),
+        ),
+    ]

widget_group_6/homepage/models.py

@@ -26,6 +26,11 @@ class WidgetUser(models.Model):
                 default=None,
                 null=True
                 )
+        profile_image = models.ImageField(
+                upload_to="images/",
+                blank=True,
+                null=True
+                )
         department = models.ForeignKey(
                 Department,
                 on_delete=models.CASCADE,

widget_group_6/homepage/static/homepage/style.css

@@ -31,16 +31,29 @@ ul { list-style-type: none; }
 
 li { margin: 10px 0; }
 
+table { width: 100%; }
+
+th { text-align: right;}
+
 a { color: rgb(255, 255, 255); }
 
 img { width: 400px; }
 
+button {
+    width: 10em;
+    margin: 1em 3em;
+}
+
+input, select {
+    width: 100%;
+    box-sizing: border-box;
+}
+
 #userInfo {
     display: flex;
     flex-flow: row wrap-reverse;
     justify-content: space-evenly;
 }
 
-#userInfo > div {
-    flex: 0 1 auto;
-}
+#userInfo > div { flex: 0 1 auto; }
+
\ No newline at end of file

widget_group_6/homepage/templates/homepage/add.html

+{% extends "homepage/base.html" %}
+
+{% block content %}
+    <header><h1> ADD WIDGET USER </h1></header>
+    <form action="{% url 'homepage:add' %}" method="POST" enctype="multipart/form-data">
+        {% csrf_token %}
+        <table>
+        {{ user_form.as_table }}
+        </table>
+
+        <br>
+        <button class="button" type="submit"> Save New User </button>
+    </form>
+{% endblock %}
\ No newline at end of file

widget_group_6/homepage/templates/homepage/detail.html

@@ -14,15 +14,11 @@
             </ul>
         </div>
         <div>
-            {% if user.id_num == 201234 %}
-                <img src = "{% static 'homepage/images/201234.png' %}" alt = "profile image">
-            {% elif user.id_num == 201524 %}
-                <img src = "{% static 'homepage/images/201524.png' %}" alt = "profile image">
-            {% elif user.id_num == 204483 %}
-                <img src = "{% static 'homepage/images/204483.png' %}" alt = "profile image">
+            {% if user.profile_image %}
+                <img src = "{{user.profile_image.url}}" alt = "profile image">
             {% else %}
-                <img src = "{% static 'homepage/images/205678.png' %}" alt = "profile image">
+                <img src = "{% static 'homepage/images/no_image.png' %}">
             {% endif %}
-            </div>
+        </div>
     </div>
 {% endblock %}
\ No newline at end of file

widget_group_6/homepage/templates/homepage/index.html

@@ -7,12 +7,16 @@
     {% if user_list %}
         <ol>
             {% for user in user_list %}
-                <li> <a href = "{% url 'homepage:detail' user.id_num %}">
+                <li><a href = "{% url 'homepage:detail' user.id_num %}">
                     {{user.last_name}}, {{user.first_name}} {{user.middle_name}}
                 </a></li>
             {% endfor %}
         </ol>
+        <ul><a href = "{% url 'homepage:add' %}" class = "addToListLink">
+            Add Widget User
+        </a></ul>
     {% else %}
         <p> No users available. </p> 
     {% endif %}
+    
 {% endblock %}
\ No newline at end of file

widget_group_6/homepage/urls.py

@@ -4,5 +4,6 @@ from . import views
 app_name = "homepage"
 urlpatterns = [
 	path("", views.index, name="homepage"),
-	path("<int:user_id>/details", views.detail, name="detail")
+	path("users/add/", views.add, name="add"),
+	path("users/<int:user_id>/details/", views.detail, name="detail")
 ]
\ No newline at end of file

widget_group_6/homepage/views.py

-from django.shortcuts import render
+from django.shortcuts import redirect, render
 from django.http import Http404, HttpResponse
 from .models import WidgetUser
+from .forms import UserForm
 
 # Create your views here.
 def index(request):
@@ -18,4 +19,14 @@ def detail(request, user_id):
     context = {
         "user": user
     }
-    return render(request, "homepage/detail.html", context)
+    return render(request, "homepage/detail.html", context)
\ No newline at end of file
+
+def add(request):
+    if request.method == "POST":
+        user_form = UserForm(request.POST, request.FILES)
+        if user_form.is_valid():
+            new_user = user_form.save()
+            return redirect("homepage:homepage")
+    else:
+        user_form = UserForm()
+    return render(request, "homepage/add.html", {"user_form": user_form})
\ No newline at end of file