Skip to content

M
midterm_jenicaesports
Commit d8829f75 authored by Eldon Dagdag's avatar Eldon Dagdag
Browse files
Options

Applied CSS styling to Forum pages via bootstrap

parent 51a1414f
Show whitespace changes
Inline Side-by-side
Showing with 171 additions and 50 deletions
widget_jenicaesports/dashboard/models.py
View file @ d8829f75
......@@ -14,4 +14,4 @@ class WidgetUser(models.Model):
department = models.ForeignKey(Department, on_delete=models.CASCADE)
def __str__(self):
return 'Name: {}, {} {}'.format(self.last_name, self.first_name, self.middle_name)
\ No newline at end of file
return '{}, {} {}'.format(self.last_name, self.first_name, self.middle_name)
\ No newline at end of file
widget_jenicaesports/forum/templates/forum/forum.html
View file @ d8829f75
......@@ -2,22 +2,50 @@
{% load static %}
{% block title %}Widget's Forum{% endblock %}
{% block content %}
<html>
<h1>Welcome to Widget's Forum!</h1>
<body>
<h3>Forum posts:</h3>
<div class="row">
<div class="col-3 text-center text-white" style="background-color:#052c65">
<br>
<br>
<img src="{% static 'forum_icon.png'%}" class="img-fluid" width="100" height="100">
<br>
<br>
<h2>Forum</h2>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>© Jenica e-Sports</p>
</div>
<div class="col-9 text-center">
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3"style="font-size:60px; color:#052c65">Welcome to Widget's Forum</h1>
</div>
<br>
<br>
<h6 class="display-3"style="font-size:40px; color:#052c65">Forum posts:</h6>
{% for post in posts %}
<ul>
<a href="{{ post.get_absolute_url }}">{{ post.title }} by {{ post.author.first_name }} {{post.author.last_name }}</a>
</ul>
<a href="{{ post.get_absolute_url }}" class="link-dark; display-3" style="font-size:18px; color:#052c65">
{{ post.title }} by {{ post.author.first_name }} {{post.author.last_name }}</a>
<br>
{% endfor %}
<button class="button"><a href="/forum/forumposts/add/">New Post</a></button>
<br><br>
<a href="/dashboard/">Dashboard</a><br>
<a href="/announcements/">Announcements</a><br>
<a href="/assignments/">Assignments</a><br>
<a href="/calendar/">Calendar</a>
</body>
</html>
<button type="button" class="btn btn-dark" style="background-color:#e3e4e6">
<a href="/forum/forumposts/add/" class="link-dark">New Post</a>
</button>
<br>
<br>
<br>
<button type="button" class="btn" style="background-color:#052c65">
<a href="/dashboard/" class="link-light">Dashboard</a>
</button> &nbsp;
<button type="button" class="btn" style="background-color:#334277">
<a href="/announcements/" class="link-light">Announcement Board</a>
</button> &nbsp;
<button type="button" class="btn" style="background-color:#425086">
<a href="/assignments/" class="link-light">Assignments</a>
</button> &nbsp;
<button type="button" class="btn" style="background-color:#515e96">
<a href="/calendar/" class="link-light">Calendar</a>
</button>
</div>
</div>
{% endblock %}
\ No newline at end of file
widget_jenicaesports/forum/templates/forum/forumpost-add.html
View file @ d8829f75
......@@ -2,12 +2,40 @@
{% load static %}
{% block title %}Add Post{% endblock %}
{% block content %}
<h3>Add a new post.</h3>
<form method="post">
<div class="row">
<div class="col-3 text-center text-white" style="background-color:#052c65">
<br>
<br>
<img src="{% static 'forum_icon.png'%}" class="img-fluid" width="100" height="100">
<br>
<br>
<h2>Calendar</h2>
<h4 class="display-6" style="font-size:20px">Add New Forum Post</h4>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>© Jenica e-Sports</p>
</div>
<div class="col-9 text-center">
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3" style="font-size:50px; color:#052c65">Add a new post:</h1>
</div>
<br>
<div class="row"></div>
<form method="post">
{% csrf_token %}
{% for field in form %}
{{ field.label }}: {{ field }}<br><br>
<div class="row">
<div class="col-5" style="text-align:right">
<h5 class="display-3" style="font-size:25px">{{field.label}}:</h4>
</div>
<div class="col-7" style="text-align:left">
{{field}}
</div>
</div>
<br>
{% endfor %}
<input type="submit" value="Save New Post">
</form>
<input type="submit" class="btn btn-dark" value="Save New Post" style="background-color:#052c65">
</form>
<br><br>
</div>
</div>
{% endblock %}
\ No newline at end of file
widget_jenicaesports/forum/templates/forum/forumpost-details.html
View file @ d8829f75
......@@ -2,22 +2,59 @@
{% load static %}
{% block title %}{{ object.title }}{% endblock %}
{% block content %}
<h3>{{ object.title }}</h4>
<h4>by {{ object.author.first_name }} {{ object.author.last_name }}</h4>
<h4>{{ object.formatted_date }}, {{object.formatted_time }}</h4>
<h4>{{ object.body }}</h4>
<br><br>
<div class="row">
<div class="col-3 text-center text-white" style="background-color:#052c65">
<br>
<br>
<img src="{% static 'forum_icon.png'%}" class="img-fluid" width="100" height="100">
<br>
<br>
<h2>Forum</h2>
<h4 class="display-6" style="font-size:20px">Forum Post Details</h4>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>© Jenica e-Sports</p>
</div>
<div class="col-9 text-center">
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3" style="font-size:50px; color:#052c65">{{ object.title }}</h1>
</div>
<br>
<div class="row">
<div class="col-5" style="text-align:right">
<h4 style="font-size:25px">By:</h4>
<h4 style="font-size:25px">Posted On:</h4>
</div>
<div class="col-7" style="text-align:left">
<h5 class="display-3" style="font-size:25px">{{ object.author.first_name }} {{ object.author.last_name }}</h5>
<h5 class="display-3" style="font-size:25px">{{ object.formatted_date }}, {{ object.formatted_time }}</h5>
</div>
</div>
<br>
<div class="row p-2" style="background-color:#e3e4e6">
<h5 class="display-3" style="font-size:25px">{{ object.body }}</h5>
</div>
<br>
<h3>POST REPLIES:</h3>
{% for reply in reply_list %}
<div class="row"><h3 class="display-3" style="font-size:35px; color:#052c65">Post Replies:</h3></div>
{% for reply in reply_list %}
{% if reply.forum_post.title == object.title %}
<ul>
<h4>by {{ reply.author.first_name }} {{ reply.author.last_name }}</h4>
<h4>{{ reply.formatted_date }}, {{ reply.formatted_time }}</h4>
<h4>{{ reply.body }}</h4><br>
</ul>
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3" style="font-size:25px; color:#052c65">{{ reply.body }}</h1>
<h1 class="display-3" style="font-size:20px; color:#052c65">by {{ reply.author.first_name }} {{ reply.author.last_name }}</h1>
<h1 class="display-3" style="font-size:15px; color:#052c65">{{ reply.formatted_date }}, {{ reply.formatted_time }}</h1>
</div>
{% endif %}
{% endfor %}
{% endfor %}
<br><br>
<button type="button" class="btn" style="background-color:#e3e4e6">
<a href="/forum/forumposts/{{ object.pk }}/edit/" class="link-dark">Edit Post</a>
</button> &nbsp; &nbsp;
<button type="button" class="btn" style="background-color:#052c65">
<a href="/forum/" class="link-light">Back to Forum</a>
</button>
</div>
</div>
<h3><button class="button"><a href="/forum/forumposts/{{ object.pk }}/edit/">Edit Post</a></button></h3>
{% endblock %}
\ No newline at end of file
widget_jenicaesports/forum/templates/forum/forumpost-edit.html
View file @ d8829f75
......@@ -2,12 +2,40 @@
{% load static %}
{% block title %}Edit Post{% endblock %}
{% block content %}
<h3>Edit Post:</h3>
<form method="post">
<div class="row">
<div class="col-3 text-center text-white" style="background-color:#052c65">
<br>
<br>
<img src="{% static 'forum_icon.png'%}" class="img-fluid" width="100" height="100">
<br>
<br>
<h2>Calendar</h2>
<h4 class="display-6" style="font-size:20px">Edit Forum Post</h4>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p>© Jenica e-Sports</p>
</div>
<div class="col-9 text-center">
<div class="row p-5 text-center" style="background-color:#e3e4e6">
<h1 class="display-3" style="font-size:50px; color:#052c65">Edit post:</h1>
</div>
<br>
<div class="row"></div>
<form method="post">
{% csrf_token %}
{% for field in form %}
{{ field.label }}: {{ field }}<br>
<div class="row">
<div class="col-5" style="text-align:right">
<h5 class="display-3" style="font-size:25px">{{field.label}}:</h4>
</div>
<div class="col-7" style="text-align:left">
{{field}}
</div>
</div>
<br>
{% endfor %}
<input type="submit" value="Save Changes to Post">
</form>
<input type="submit" class="btn btn-dark" value="Save Changes to Post" style="background-color:#052c65">
</form>
<br><br>
</div>
</div>
{% endblock %}
\ 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