Created forms.py and WidgetUserForm, Modified views.py and urls.py, Created...

Created forms.py and WidgetUserForm, Modified views.py and urls.py, Created html and css file for adding widget users, Fixed code in html files

widget_group_25/homepage/forms.py

+from .forms import ModelForm
+from .models import WidgetUser
+
+class WidgetUserForm(ModelForm):
+    class Meta:
+        model = WidgetUser
+        fields = "__all__"
\ No newline at end of file

widget_group_25/homepage/urls.py

 from django.urls import path
 from homepage import views
+from .views import (WidgetUserCreateView,HomepageView)
 
 urlpatterns = [
-    path('', views.index, name='index'),
-    path('users/<str:user_id>/details', views.details, name='details'),
+    path('', HomepageView.as_view(), name='homepage'),
+    path('users/<str:user_id>/details', views.details, name='widgetuser_details'),
+    path('user/add', WidgetUserCreateView.as_view(), name="widgetuser_add")
 ]
 
 app_name = "homepage"
\ No newline at end of file

widget_group_25/homepage/views.py

-from re import A, template
-from django.shortcuts import render
+from django.shortcuts import render,redirect
 from django.template import loader
 from django.http import HttpResponse
-from .models import WidgetUser
-
+from .models import WidgetUser,Department
+from django.views.generic.edit import CreateView
+from django.views.generic import View
 # Create your views here.
-def index(request):
-    user_list = WidgetUser.objects.order_by("last_name")
-    template = loader.get_template("homepage/homepage.html")
-    context = {
-        "user_list" : user_list,
-    }
-    return HttpResponse(template.render(context,request))
 
+class HomepageView(View):
+    def get(self,request):
+        user_list = WidgetUser.objects.order_by("last_name")
+        return render(request,"homepage/homepage.html",{"user_list" : user_list})
 
 def details(request,user_id):
     user = WidgetUser.objects.get(id_num=user_id)
-    template = loader.get_template("homepage/details.html")
+    template = loader.get_template("homepage/widgetuser_details.html")
     context = {
         "user" : user,
     }
     return HttpResponse(template.render(context,request))
 
-    #model = WidgetUser
-    #widget_users = model.objects.all()
-    #homepage_response = "WIDGET USERS: </br>"
-
-    #for user in widget_users:
-        #homepage_response += user.get_user_info()
+class WidgetUserCreateView(CreateView):
+    model = WidgetUser
+    fields = '__all__'
+    
+    def form_valid(request,form):
+        if form.is_valid():
+            new_user = form.save()
+            return redirect("homepage:widgetuser_add")
 
-    #return HttpResponse(homepage_response)
\ No newline at end of file
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context["departments"] = Department.objects.all()
+        return context
+    

widget_group_25/widget_group_25/static/homepage/css/homepage.css

@@ -26,9 +26,28 @@ wu {
     font-size: 25px;
     font-weight: 500;
 }
+
 a {
     color: black;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     text-decoration: none;
     font-size: large;
 }
+
+ol {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+button {
+    background-color: rgb(35,116,225);
+    border: 0px;
+    color: white;
+    margin-left: 40px;
+    font-size: 15px;
+    border-radius: 4px;
+    transition-duration: 0.4s;
+}
+
+button:hover{
+    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+}
\ No newline at end of file

widget_group_25/widget_group_25/static/homepage/css/details.css → widget_group_25/widget_group_25/static/homepage/css/widgetuser_details.css

@@ -10,6 +10,7 @@ header{
     margin: -9px;
     margin-bottom: 0px;
 }
+
 wid {
     float: left;
     margin-top: 50px;
@@ -28,6 +29,7 @@ infohead{
     line-height: 40px;
     font-weight: bold;
 }
+
 info{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     line-height: 10px;
@@ -44,3 +46,17 @@ img {
     margin-right: 50px;
 }
 
+button {
+    background-color: rgb(35,116,225);
+    border: 2px;
+    margin-top: 10px;
+    color: white;
+    font-size: 18px;
+    border-radius: 4px;
+    transition-duration: 0.4s;
+}
+
+button:hover{
+    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+}
+

widget_group_25/widget_group_25/static/homepage/css/widgetuser_form.css

+body{
+    background-color: rgb(227,229,231);
+    font-family: Helvetica, Arial, sans-serif;
+}
+
+header {
+    margin-top: -10px;
+    margin-left: -10px;
+    margin-right: -10px;
+    padding: 30px;
+    background-color: rgb(35,116,225);
+    text-align: center;
+    color: white;
+    font-size: 200%;
+    font-family: Klavika, Arial, Helvetica, sans-serif;
+    font-weight: bold;
+}
+
+form{
+    font-family: Helvetica, Arial, sans-serif;
+}
+
+button {
+    background-color: rgb(35,116,225);
+    border: 0px;
+    color: white;
+    font-size: 15px;
+    border-radius: 4px;
+    transition-duration: 0.4s;
+}
+
+button:hover{
+    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+
+
+#submit_button {
+    background-color: rgb(35,116,225);
+    border: 2px;
+    margin-top: 10px;
+    color: white;
+    font-size: 15px;
+    border-radius: 4px;
+    transition-duration: 0.4s;
+}
+
+#submit_button:hover {
+    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+}

widget_group_25/widget_group_25/templates/homepage/homepage.html

@@ -11,8 +11,9 @@
     <wu> Widget Users: </wu>
     <ol type = '1'>
     {% for user in user_list %}
-        <a href = "{% url 'homepage:details' user.id_num %}"">
+        <a href = "{% url 'homepage:widgetuser_details' user.id_num %}">
     <li>{{user.last_name}}, {{user.first_name}} {{user.middle_name}} </br> </a> </li> </p>
 {% endfor %}
 </ol>
+    <button onclick="window.location.href='{% url 'homepage:widgetuser_add'%}'" id="add_user_button"> Add Widget User </button>
 {% endblock %}
\ No newline at end of file

widget_group_25/widget_group_25/templates/homepage/details.html → widget_group_25/widget_group_25/templates/homepage/widgetuser_details.html

@@ -2,7 +2,7 @@
 {% load static %}
 {% block title %} User Details {% endblock %}
 
-{% block styles %} <link rel="stylesheet" href="{% static 'homepage/css/details.css' %}"> {% endblock %}
+{% block styles %} <link rel="stylesheet" href="{% static 'homepage/css/widgetuser_details.css' %}"> {% endblock %}
 
 {% block content %}
     <wid>{{user.last_name}}, {{user.first_name}} {{user.middle_name}}</wid>
@@ -17,5 +17,6 @@
     Department name: {{user.department}} </br>
     Home unit: {{user.department.home_unit}} </br>
     </info>
+    <button onclick="window.location.href='{% url 'homepage:homepage'%}'"> Return to Homepage </button>
      
 {% endblock %}
\ No newline at end of file

widget_group_25/widget_group_25/templates/homepage/widgetuser_form.html

+{% extends 'base.html' %}
+{% load static %}
+
+{% block title %} Add User {% endblock %}
+
+{% block styles %} <link rel="stylesheet" href="{% static 'homepage/css/widgetuser_form.css' %}"> {% endblock %}
+
+{% block content %}
+<header> Add Widget User: </header>
+<form method = "POST" action="">
+    {% csrf_token %}
+        {{form.as_p}}
+    <input type="submit" value="Save New User" id="submit_button"> <button onclick="window.location.href='{% url 'homepage:homepage'%}'"> Return to Homepage </button>
+</form>
+{% endblock %}
\ No newline at end of file