From 54218c4298d63f782463fcd4678c0f111b57e9c8 Mon Sep 17 00:00:00 2001
From: Zak Timson <ztimson@auxiliumgroup.com>
Date: Sun, 3 Sep 2017 17:02:57 -0400
Subject: [PATCH] Added newsletter viewing page

---
 OACPL/urls.py                          |  5 ++-
 newsletters/templates/newsletters.html | 42 ++++++++++++++++++++++++++
 newsletters/views.py                   |  7 ++++-
 templates/base.html                    |  7 ++---
 4 files changed, 54 insertions(+), 7 deletions(-)
 create mode 100644 newsletters/templates/newsletters.html

diff --git a/OACPL/urls.py b/OACPL/urls.py
index ad1f93e..2392b59 100644
--- a/OACPL/urls.py
+++ b/OACPL/urls.py
@@ -8,17 +8,20 @@ from django.views.static import serve
 
 import main.views
 import charter_members.views
+import newsletters.views
 
 
 @login_required
 def protected_serve(request, path, document_root=None, show_indexes=False):
     return serve(request, path, document_root, show_indexes)
 
+
 urlpatterns = [
     url(r'^$', main.views.index, name='home'),
     url(r'^admin/logout', main.views.logout, name='logout'),
     url(r'^admin/', admin.site.urls, name='admin'),
     url(r'^attorney/(?P<id>\d+)', charter_members.views.index, name='attorney'),
     url(r'^media/secure/(?P<path>.*)$', protected_serve, {'document_root': os.path.join(settings.MEDIA_ROOT, 'secure')}, name='secure media'),
-    url(r'^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT}, name='media')
+    url(r'^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT}, name='media'),
+    url(r'^newsletter/', newsletters.views.newsletters, name='newsletters')
 ]
diff --git a/newsletters/templates/newsletters.html b/newsletters/templates/newsletters.html
new file mode 100644
index 0000000..b576a73
--- /dev/null
+++ b/newsletters/templates/newsletters.html
@@ -0,0 +1,42 @@
+{% extends 'base.html' %}
+
+{% block body %}
+    <style>
+        .newsletter-header {
+            cursor: pointer;
+        }
+
+        .newsletter-header:hover {
+            background-color: rgba(0, 0, 0, 0.1)
+        }
+    </style>
+
+    <div class="container-fluid bg-dark-primary">
+        <div class="container py-3">
+            {% for newsletter in newsletters %}
+                <div class="col-12 p-0 mb-3 bg-white newsletter">
+                    <div class="p-3 newsletter-header">
+                        <h2>{{ newsletter.subject }}</h2>
+                        <span class="text-muted">By: {{ newsletter.creator }}</span>
+                        <span class="text-muted float-right">{{ newsletter.publish }}</span>
+                    </div>
+                    <div class="bg-light-blue p-3 newsletter-body" style="display:none;">
+                        <span>{{ newsletter.body }}</span>
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+    </div>
+
+    <script>
+        $('.newsletter').click(function() {
+            var content = $('.newsletter-body', this);
+            if(content.css('display') == 'block') {
+                content.slideUp()
+            } else {
+                content.slideDown()
+            }
+
+        })
+    </script>
+{% endblock %}
\ No newline at end of file
diff --git a/newsletters/views.py b/newsletters/views.py
index 91ea44a..b094a9d 100644
--- a/newsletters/views.py
+++ b/newsletters/views.py
@@ -1,3 +1,8 @@
 from django.shortcuts import render
 
-# Create your views here.
+from .models import Newsletter
+
+
+def newsletters(request):
+    newsletters = Newsletter.objects.all()
+    return render(request, 'newsletters.html', {'newsletters': newsletters})
diff --git a/templates/base.html b/templates/base.html
index e43a940..39b9a13 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -38,11 +38,8 @@
                 <li class="nav-item text-dark-primary">
                     <a class="nav-link" href="{% url 'home' %}">HOME</a>
                 </li>
-                <li class="nav-item text-dark-primary">
-                    <a class="nav-link" href="#">INFORMATION</a>
-                </li>
-                <li class="nav-item text-dark-primary">
-                    <a class="nav-link" href="#">OUR OBJECTIVES</a>
+                <li class="new-item text-dark-primary">
+                    <a class="nav-link" href="{% url 'newsletters' %}">NEWSLETTERS</a>
                 </li>
                 <li class="nav-item text-dark-primary">
                     <a class="nav-link" href="#">ATTORNEYS</a>