From: Georgios Atheridis <georgios@atheridis.org>
Date: Mon, 23 Jan 2023 16:01:22 +0000 (+0000)
Subject: Uploaded user now visible during ranking and result viewing
X-Git-Url: https://git.atheridis.org/?a=commitdiff_plain;h=aec74b256b2fef657349fd450d364e635679c4f6;p=ihaspeks%2Fclip-ranker.git

Uploaded user now visible during ranking and result viewing

When ranking clips and viewing the results the twitch username
of the person who sent the clip is now visible. This name is the
username saved in the database and does not make an API call
to twitch servers using the user id. As a result, the twitch
username may be outdated.
---

diff --git a/TODO b/TODO
index 7185a54..8520011 100644
--- a/TODO
+++ b/TODO
@@ -4,7 +4,6 @@
 - Implement Clip categories
 
 - Display clip info more clearly
--- Who uploaded the clip
--- Clip comments
+-- Clip comments?
 
 - Refresh tokens
diff --git a/core/manager/templates/manager/clip_viewer.html b/core/manager/templates/manager/clip_viewer.html
index c15202b..3660ffa 100644
--- a/core/manager/templates/manager/clip_viewer.html
+++ b/core/manager/templates/manager/clip_viewer.html
@@ -1,11 +1,12 @@
 {% extends 'base.html' %}
 {% block content %}
 <div id="group">
+    <h1>uploaded by: {{ video.account.username }}</h1>
     <iframe
             src="https://clips.twitch.tv/embed?clip={{ video.id }}&parent=localhost"
             height="600"
             width="1000"
-            preload="auto"
+            preload="none"
             allowfullscreen>
     </iframe>
     <div id="buttons">
diff --git a/core/manager/templates/manager/final.html b/core/manager/templates/manager/final.html
index fb23576..a9ca52d 100644
--- a/core/manager/templates/manager/final.html
+++ b/core/manager/templates/manager/final.html
@@ -9,11 +9,12 @@
         <td>
             <iframe
                     src="https://clips.twitch.tv/embed?clip={{ video.id }}&parent=localhost"
-                    height="180"
-                    width="320"
+                    height="135"
+                    width="240"
                     preload="none"
                     allowfullscreen>
             </iframe>
+            <p class="name">{{ video.account.username }}</p>
         </td>
         {% endif %}
         {% endfor %}
diff --git a/core/static/main.css b/core/static/main.css
index bfd3b23..823a3cd 100644
--- a/core/static/main.css
+++ b/core/static/main.css
@@ -159,3 +159,12 @@ a:active.btn {
     color: #DDD;
 }
 
+#final-ranks {
+    padding-top: 3em;
+}
+
+#final-ranks p.name {
+    margin-top: 0;
+    display: flex;
+    justify-content: center;
+}