Skip to content

W
widget_group 6
Commit e7be278c authored by Pierre Ashley Salcedo's avatar Pierre Ashley Salcedo
Browse files
Options

feat: add views and add templates to views in homepage app

parent 739ba144
Hide whitespace changes
Inline Side-by-side
Showing with 121 additions and 20 deletions
widget_group_6/homepage/static/homepage/style.css 0 → 100644
View file @ e7be278c
body {
background-color: rgb(40, 105, 239);
font-family: 'Montserrat', serif;
color: rgb(255, 255, 255);
margin: 0;
}
header {
background-color:rgb(27, 27, 27);
color:rgb(241, 65, 65);
}
h1 {
text-transform: uppercase;
text-align: center;
padding: 10px;
margin: 0;
}
h2 {
padding: 10px;
font-weight: 700;
}
ul, ol {
font-weight: 500;
margin: 1em;
}
ul { list-style-type: none; }
li { margin: 10px 0; }
a { color: rgb(255, 255, 255); }
img { width: 400px; }
#userInfo {
display: flex;
flex-flow: row wrap-reverse;
justify-content: space-evenly;
}
#userInfo > div {
flex: 0 1 auto;
}
\ No newline at end of file
widget_group_6/homepage/templates/homepage/base.html 0 → 100644
View file @ e7be278c
<!-- project/template/base.html -->
<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
<link rel="stylesheet" href="{% static 'homepage\style.css' %}">
<meta charset="UTF-8">
<meta name ="viewport" content="width-device width, initial scale=1">
<title> {% block title%} Homepage {% endblock %} </title>
</head>
<body>
<div id="content">
{% block content %}
{% endblock %}
</body>
</html>
\ No newline at end of file
widget_group_6/homepage/templates/homepage/detail.html 0 → 100644
View file @ e7be278c
{% extends "homepage/base.html" %}
{% load static %}
{% block title%} {{user.last_name}}, {{user.first_name}} {{user.middle_name}} {% endblock %}
{% block content %}
<header><h1> {{user.last_name}}, {{user.first_name}} {{user.middle_name}} </h1></header>
<div id="userInfo">
<div>
<ul>
<li> ID number: {{user.id_num}} </li>
<li> Email address: {{user.email}} </li>
<li> Department name: {{user.department.dept_name}} </li>
<li> Home unit: {{user.department.home_unit}} </li>
</ul>
</div>
<div>
<img src = "{% static 'homepage/images/test.jpg' %}" alt = "profile image">
</div>
</div>
{% endblock %}
\ No newline at end of file
widget_group_6/homepage/templates/homepage/index.html 0 → 100644
View file @ e7be278c
{% extends "homepage/base.html" %}
{% block content %}
<header><h1> Welcome to Widget! </h1></header>
<h2>Widget Users: </h2>
{% if user_list %}
<ol>
{% for user in user_list %}
<li> <a href = "{% url 'homepage:detail' user.id_num %}">
{{user.last_name}}, {{user.first_name}} {{user.middle_name}}
</a></li>
{% endfor %}
</ol>
{% else %}
<p> No users available. </p>
{% endif %}
{% endblock %}
\ No newline at end of file
widget_group_6/homepage/urls.py
View file @ e7be278c
from django.urls import path
from . import views
urlpatterns = [
path("", views.index, name="homepage")
]
app_name = "homepage"
urlpatterns = [
path("", views.index, name="homepage"),
path("<int:user_id>/details", views.detail, name="detail")
]
\ No newline at end of file
widget_group_6/homepage/views.py
View file @ e7be278c
from django.http import HttpResponse
from django.shortcuts import render
from django.http import Http404, HttpResponse
from .models import WidgetUser
# Create your views here.
def index(request):
widget_users = WidgetUser.objects.all()
user_list = WidgetUser.objects.order_by("last_name")
context = {
"user_list": user_list
}
return render(request, "homepage/index.html", context)
html = "<html><body><h1>WIDGET USERS:</h1>"
for widget_user in widget_users:
html += "<p> {}, {} {}: {}, {}, {}, {} </p>".format(
widget_user.last_name,
widget_user.first_name,
widget_user.middle_name,
widget_user.id_num,
widget_user.email,
widget_user.department.dept_name,
widget_user.department.home_unit
)
html += "</body></html>"
return HttpResponse(html)
def detail(request, user_id):
try:
user = WidgetUser.objects.get(id_num = user_id)
except WidgetUser.DoesNotExist:
raise Http404("User does not exist!")
context = {
"user": user
}
return render(request, "homepage/detail.html", context)
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment