From 4fe7eae214952e9863498231d306a3e3a6323fa2 Mon Sep 17 00:00:00 2001
From: Sebastiaan Zeeff <33516116+SebastiaanZ@users.noreply.github.com>
Date: Sat, 17 Aug 2019 12:05:55 +0200
Subject: Adding message display to frontend

---
 pydis_site/apps/staff/viewsets/logs.py |  3 ++-
 pydis_site/static/css/staff/logs.css   | 43 ++++++++++++++++++++++++++++++++++
 pydis_site/templates/staff/logs.html   | 25 +++++++++++++-------
 3 files changed, 61 insertions(+), 10 deletions(-)
 create mode 100644 pydis_site/static/css/staff/logs.css

(limited to 'pydis_site')

diff --git a/pydis_site/apps/staff/viewsets/logs.py b/pydis_site/apps/staff/viewsets/logs.py
index 38f8bf1d..d59847a3 100644
--- a/pydis_site/apps/staff/viewsets/logs.py
+++ b/pydis_site/apps/staff/viewsets/logs.py
@@ -11,4 +11,5 @@ class LogView(View):
 
     def get(self, request: WSGIRequest, pk: int) -> HttpResponse:
         message_context = get_object_or_404(MessageDeletionContext, pk=pk)
-        return render(request, self.template_name, {"message_context": message_context})
+        messages = message_context.deletedmessage_set.all()
+        return render(request, self.template_name, {"message_context": message_context, "messages": messages})
diff --git a/pydis_site/static/css/staff/logs.css b/pydis_site/static/css/staff/logs.css
new file mode 100644
index 00000000..ef271e1e
--- /dev/null
+++ b/pydis_site/static/css/staff/logs.css
@@ -0,0 +1,43 @@
+main.site-content {
+    background-color: hsl(220, 8%, 23%);
+    color: #dcddde;
+    font-family: sans-serif;
+    font-size: 0.9375rem;
+    font-weight: 400;
+    line-height: 1.3;
+    letter-spacing: 0;
+    text-rendering: optimizeLegibility;
+}
+
+.discord-message {
+    margin: 1rem;
+}
+
+.discord-message-header {
+    white-space: nowrap;
+    letter-spacing: 0;
+}
+
+.discord-username {
+    font-size: 1rem;
+    font-weight: 500;
+}
+
+.discord-message-metadata {
+    color: hsla(0,0%,100%,.2);
+    font-size: 0.75rem;
+    font-weight: 400;
+    margin: 0 .3rem;
+}
+
+.discord-channel {
+    font-size: 0.9rem;
+    font-weight: 500;
+    color: #dcddde;
+}
+
+.discord-id {
+    color: #dcddde;
+    font-weight: 300;
+    margin-left: 0.3rem;
+}
\ No newline at end of file
diff --git a/pydis_site/templates/staff/logs.html b/pydis_site/templates/staff/logs.html
index 5d7724c0..66b42f6a 100644
--- a/pydis_site/templates/staff/logs.html
+++ b/pydis_site/templates/staff/logs.html
@@ -1,15 +1,22 @@
 {% extends 'base/base.html' %}
 {% load static %}
 
-{% block title %}Home{% endblock %}
+{% block title %}Logs for Deleted Message Context {{ message_context.id }}{% endblock %}
+
+{% block head %}
+    <link rel="stylesheet" href="{% static "css/staff/logs.css" %}">
+{% endblock %}
 
 {% block content %}
-    <h1>Message Context</h1>
-    <p>
-    Actor: {{ message_context.actor }} <br>
-    Date: {{  message_context.creation }} <br>
-    </p>
-    {% for message in message_context.deletedmessage_set.all %}
-        <p>{{   message.content | safe }}</p>
-    {%  endfor %}
+
+    {%  for message in messages %}
+        <div class="discord-message">
+            <div class="discord-message-header">
+                <span class="discord-username" style="color: #{{ message.author.top_role.hex_colour }}">{{ message.author.name }}#{{ message.author.discriminator }}</span><span class="discord-message-metadata">Today at 6:15 PM | #helpers | User ID: 190549806198816768</span>
+            </div>
+            <div class="discord-message-content">
+                {{ message.content|linebreaks }}
+            </div>
+        </div>
+    {% endfor %}
 {% endblock %}
\ No newline at end of file
-- 
cgit v1.2.3