feat: embed optional apps in player server

2024-01-16 09:27:04 +01:00
parent acd71c84f6
commit 8d46ff7ff8
32 changed files with 1285 additions and 113 deletions
--- a/apps/remote-control/app.js
+++ b/apps/remote-control/app.js
@ -0,0 +1,66 @@
+function main() {
+    refreshStatus();
+    setInterval(refreshStatus, 10000)
+}
+
+function refreshStatus() {
+    return fetch("/api/v1/status")
+        .then(res => res.json())
+        .then(res => {
+            const newStatus = document.createElement("tr")
+            newStatus.id = "status"
+
+            let td = document.createElement("td")
+            td.innerText = res.data.status
+            newStatus.appendChild(td)
+
+            td = document.createElement("td")
+            td.innerText = res.data.title
+            newStatus.appendChild(td)
+
+            td = document.createElement("td")
+            td.innerText = res.data.url
+            document.getElementById("url-input").placeholder = res.data.url
+            newStatus.appendChild(td)
+
+            document.getElementById("status").replaceWith(newStatus)
+        })
+        .catch(err => {
+            console.error(err);
+            window.location.reload()
+        })
+}
+
+function castUrl() {
+    const urlInput = document.getElementById("url-input")
+    const url = urlInput.value
+    if (url === "") return Promise.resolve()
+    return fetch("/api/v1/cast", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+            "url": url,
+        })
+    })
+    .then(res => res.json())
+    .then(() => refreshStatus())
+    .then(() => {
+        urlInput.value = ""
+    })
+}
+
+function reset() {
+    const urlInput = document.getElementById("url-input")
+    return fetch("/api/v1/cast", {
+        method: "DELETE",
+    })
+    .then(res => res.json())
+    .then(() => refreshStatus())
+    .then(() => {
+        urlInput.value = ""
+    })
+}
+
+main()
--- a/apps/remote-control/index.html
+++ b/apps/remote-control/index.html
@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Arcast - Remote Control</title>
+    <link rel="stylesheet" href="/apps/lib/style.css" />
+    <script type="text/javascript" src="../lib/arcast.js" defer></script>
+    <script type="text/javascript" src="app.js" defer></script>
+  </head>
+  <body>
+    <div id="main" class="container">
+      <div class="panel">
+        <h1>Remote control</h1>
+        <table class="fullwidth">
+          <thead>
+            <tr>
+              <th>Status</th>
+              <th>Title</th>
+              <th>URL</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr id="status" class="text-centered">
+              <td colspan="3">Refreshing...</td>
+            </tr>
+          </tbody>
+        </table>
+
+        <input class="text-input" id="url-input" placeholder />
+        <button onclick="castUrl()">Cast</button>
+        <button onclick="reset()">Reset</button>
+      </div>
+    </div>
+  </body>
+</html>
--- a/apps/remote-control/manifest.json
+++ b/apps/remote-control/manifest.json
@ -0,0 +1,10 @@
+{
+    "title": {
+        "fr": "Contrôle à distance",
+        "en": "Remote control"
+    },
+    "description": {
+        "fr": "Contrôler l'afficheur numérique",
+        "en": "Control the cast player"
+    }
+}