Display date of upload

3 years ago · e4eb54dda2
2 changed files with 20 additions and 2 deletions
--- a/PageHandlers/templates/base.html
+++ b/PageHandlers/templates/base.html
@ -14,7 +14,7 @@
    {{template "head" .}}
 </head>
 <body style="background-color: #212121">
-    <div style="background-color: #424242; padding: 8px; border-radius: 15px;">
+    <div style="background-color: #424242; padding: 16px !important; border-radius: 15px;">
        <a href="/" style="text-decoration: none"><h1 style="float: left">yt-dlp Archive Viewer</h1></a>
        <form action="/search" method="get" style="float: right; margin: auto">
            <label>
--- a/PageHandlers/templates/view.html
+++ b/PageHandlers/templates/view.html
@ -20,6 +20,7 @@

                <p>{{ .Metadata.ViewCount }} views</p>
                <p>Uploaded by: <a href="{{ .Metadata.UploaderURL }}">{{ .Metadata.Channel }}</a></p>
+                <p>Uploaded at: <span id="uploadDate"></span></p>
                <hr />

                <div style="clear: both"></div>
@ -30,7 +31,9 @@
                {{ .Metadata.Description }}
            </div>

-            <p>Comments: ({{ .Metadata.CommentCount }}</p>
+            <hr />
+
+            <h3>Comments ({{ .Metadata.CommentCount }}):</h3>
            <hr />
            <div>
                {{range .Metadata.Comments}}
@ -66,4 +69,19 @@
            back: 10
        });
    </script>
+    {{ if .Metadata.ChannelID }}
+        <script>
+            String.prototype.insert = function(index, string) {
+                if (index > 0) {
+                    return this.substring(0, index) + string + this.substr(index);
+                }
+                return string + this;
+            };
+
+            let datestring = "{{ .Metadata.UploadDate }}".insert(4, "-").insert(7, "-")
+            let date = new Date(datestring)
+
+            document.getElementById("uploadDate").innerText = `${date.getDay()+1}.${date.getMonth()+1}.${date.getFullYear()}`
+        </script>
+    {{end}}
 {{end}}