Implemented per widget user details page. To do this, a class-based view that...

Implemented per widget user details page. To do this, a class-based view that inherited from DetailView was made. The url for this view was then configured in urls.py, and a template was made for the page.

Implemented per widget user details page. To do this, a class-based view that...
Implemented per widget user details page. To do this, a class-based view that inherited from DetailView was made. The url for this view was then configured in urls.py, and a template was made for the page.
b694ca00 · Almira Redoble · 92f042e7 · b694ca00 · b694ca00 · b694ca00
Commit b694ca00 authored May 02, 2023 by Almira Redoble
7 changed files
--- a/README.txt
+++ b/README.txt
@@ -18,6 +18,7 @@ https://www.w3schools.com/html/html_css.asp
 https://www.w3schools.com/html/html_styles.asp
 https://github.com/github/gitignore/blob/main/Python.gitignore;
 https://www.onespacemedia.com/news/getting-started-generic-class-based-views-django/
+https://www.w3docs.com/snippets/html/how-to-create-an-html-button-that-acts-like-a-link.html

 (sgd) Joaquin Crisologo, 28 February, 2023
 (sgd) Andrew Idquival, 28 February, 2023

--- a/widget_vincentdjango/dashboard/models.py
+++ b/widget_vincentdjango/dashboard/models.py
 from django.db import models
-
+from django.urls import reverse

 class Department(models.Model):
    dept_name = models.CharField(max_length=100, default="")
@@ -25,3 +25,6 @@ class WidgetUser(models.Model):
            self.first_name,
            self.middle_name
        )
+    
+    def get_absolute_url(self):
+        return reverse('dashboard:user-details', kwargs={'pk': self.pk})
--- a/widget_vincentdjango/dashboard/templates/base.html
+++ b/widget_vincentdjango/dashboard/templates/base.html
@@ -6,11 +6,11 @@
    <title>{% block title %}{% endblock %}</title>
 </head>
 <body>
-    <div id="heading">
+    <div class="heading">
        {% block heading %}{% endblock %}
    </div>
    
-    <div id="content">
+    <div class="content">
        {% block content %}{% endblock %}
    </div>
 </body>

--- a/widget_vincentdjango/dashboard/templates/dashboard/dashboard.html
+++ b/widget_vincentdjango/dashboard/templates/dashboard/dashboard.html
@@ -4,11 +4,11 @@
 {% block title %}Widget v2{% endblock %}
 {% block heading %}Welcome to Widget!{% endblock %}
 {% block content %}
-    <p div="heading">Widget Users:</p>
+    <p id="subheading">Widget Users:</p>
    <ul>
        {% for user in users %}
        <li>
-            <a href="#">
+            <a href="{{ user.get_absolute_url }}">
                {{ user.last_name }}, {{ user.first_name }}</a>
        </li>
        {% endfor %}

--- a/widget_vincentdjango/dashboard/templates/dashboard/widgetuser-details.html
+++ b/widget_vincentdjango/dashboard/templates/dashboard/widgetuser-details.html
+{% extends 'base.html' %}
+{% load static %}
+
+{% block title %}{{ object.last_name }}, {{ object.first_name }}{% endblock %}
+{% block heading %}
+    <p id="uppercase">
+        {{ object.first_name }} 
+        {{ object.middle_name }} 
+        {{ object.last_name }}
+    </p>
+{% endblock %}
+{% block content %}
+    <p> {{ object.department.dept_name }} </p>
+    <p> {{ object.department.home_unit }} </p>
+
+    <button onclick="window.location.href='#';">
+        Edit Widget User
+    </button>
+{% endblock %}
\ No newline at end of file
--- a/widget_vincentdjango/dashboard/urls.py
+++ b/widget_vincentdjango/dashboard/urls.py
 from django.urls import path
-from .views import index
+from .views import index, UserDetailView


 urlpatterns = [
    path('dashboard/', index, name='index'),
+    path('widgetusers/<int:pk>/details/', UserDetailView.as_view(), name='user-details'),
 ]



--- a/widget_vincentdjango/dashboard/views.py
+++ b/widget_vincentdjango/dashboard/views.py
@@ -7,3 +7,7 @@ from .models import WidgetUser
 def index(request):
        users = WidgetUser.objects.all()
        return render(request, 'dashboard/dashboard.html', {'users': users, })
+
+class UserDetailView(DetailView):
+        model = WidgetUser
+        template_name = 'dashboard/widgetuser-details.html'