init

Signed-off-by: Mirror <voice@magicalmirro.red>
2022-06-16 12:07:46 +03:00
commit 45d48b78ea
10 changed files with 653 additions and 0 deletions
--- a/templates/admin.html
+++ b/templates/admin.html
@@ -0,0 +1,41 @@
+{{define "admin.html"}}
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>{{.ApplicationName}} | Admin page</title>
+        <style>
+            body {
+                background-color: black;
+                color: antiquewhite;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="playlist">
+            <p>Current playlist</p>
+            <table>
+                <thead>
+                    <tr>
+                        <td></td>
+                        <td>name</td>
+                        <td>size</td>
+                        <td>preview</td>
+                    </tr>
+                </thead>
+                <tbody>
+                    {{range .Videos}}
+                    <tr>
+                        <td><form action="delete" method="post"><input id="fileid" name="fileid" type="hidden" value="{{.ID}}"><input value="Delete" type="submit"></form></td>
+                        <td>{{html .DisplayName}}</td>
+                        <td>{{html .Size}}</td>
+                    </tr>
+                    {{end}}
+                </tbody>
+                <form action="upload" method="post" enctype="multipart/form-data">
+                    <p>Add new: <input id="file" type="file" name="file" multiple> <input type="submit" ></p>
+                </form>
+            </table>
+        </div>
+    </body>
+</html>
+{{end}}
--- a/templates/index.html
+++ b/templates/index.html
@@ -0,0 +1,100 @@
+{{define "index.html"}}
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>{{.ApplicationName}}</title>
+        <style>
+            body {
+                background-color: black;
+            }
+            .error {
+                color: red;
+            }
+            .player-container .player {
+                object-fit: cover;
+                width: 100vw;
+                height: 100vh;
+                position: fixed;
+                top: 0;
+                left: 0;
+            }
+        </style>
+        <script type="text/javascript">
+            var player
+            var generation = 0
+            var current_track = -1
+            var total_tracks = -1
+            var track_list = []
+            var last_known_time = -1
+            options = {
+                timeout: 5000
+            }
+            function load() {
+                fetch("video/index.json", {timeout: 5000})
+                    .then(response => response.json())
+                    .then(data => {
+                        if (!data.success) {
+                            console.log("failed to fetch index.json")
+                            return false
+                        }
+                        if (typeof data.generation =="number") {
+                            if (generation == 0) {
+                                generation = data.generation
+                            }
+                            if (data.generation > generation) {
+                                location.reload()
+                            }
+                        }
+                        total_tracks = data.count
+                        track_list = data.videos
+                        if (current_track == -1) {
+                            current_track = 0
+                            player.src = "video/" + track_list[current_track].name
+                        }
+                    })
+                    return true
+            }
+            function videoEnd(){
+                if (total_tracks == -1) {
+                    return
+                }
+                if (player.ended) {
+                    nextVideo()
+                }
+
+            }
+            function nextVideo(){
+                current_track++
+                if (current_track > total_tracks-1) {
+                    current_track = 0
+                }
+                player.src = "video/" + track_list[current_track].name
+            }
+            function checkStall(){
+                if (last_known_time == -1) {
+                    last_known_time = player.currentTime
+                    return
+                }
+                if (last_known_time == player.currentTime) {
+                    nextVideo()
+                }
+            }
+            window.onload = function() {
+                player = document.getElementById("player")
+                player.autoplay = true
+                player.controls = true
+                load()
+                setInterval(videoEnd, 1000)
+                setInterval(load, 60000)
+                setInterval(checkStall, 30000)
+            }
+        </script>
+    </head>
+    <body>
+        <noscript><h1 class="error">JavaScript is required for this page but not available</h1></noscript>
+        <div id="player-container" class="player-container">
+            <video id="player" class="player"></video>
+        </div>
+    </body>
+</html>
+{{end}}