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/home/app.js
+++ b/apps/home/app.js
@ -0,0 +1,19 @@
+fetch("/api/v1/apps")
+  .then((res) => res.json())
+  .then((res) => {
+    const defaultApp = res.data.defaultApp;
+    const apps = res.data.apps;
+
+    const container = document.createElement("div");
+    container.className = "container";
+    apps.forEach((app) => {
+      if (app.id === defaultApp || app.hidden) return;
+      const appLink = document.createElement("a");
+      appLink.className = "app-link";
+      appLink.href = "/apps/" + app.id + "/";
+      appLink.innerText = app.title["fr"];
+      container.appendChild(appLink);
+    });
+
+    document.getElementById("main").replaceWith(container);
+  });
--- a/apps/home/index.html
+++ b/apps/home/index.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Arcast - Home</title>
+    <link rel="stylesheet" href="/apps/lib/style.css">
+    <link rel="stylesheet" href="style.css">
+    <script type="text/javascript" src="app.js" defer></script>
+</head>
+<body>
+    <div id="main" class="container">
+        <p class="text-center">Loading...</p>
+    </div>
+</body>
+</html>
--- a/apps/home/manifest.json
+++ b/apps/home/manifest.json
@ -0,0 +1,10 @@
+{
+    "title": {
+        "fr": "Accueil",
+        "en": "Home"
+    },
+    "description": {
+        "fr": "Voir la liste des applications",
+        "en": "See apps list"
+    }
+}
--- a/apps/home/style.css
+++ b/apps/home/style.css
@ -0,0 +1,23 @@
+.mt {
+    margin-top: 1em;
+    display: block;
+}
+
+.app-link {
+    display: block;
+    background: white;
+    border-radius: 5px;
+    width: 100px;
+    height: 100px;
+    box-shadow: 1px 1px 3px #ccc;
+    color: #333;
+    text-decoration: none;
+    text-align: center;
+    padding-top: 30px;
+}
+
+.app-link:hover {
+    background-color: #abdbdb;
+    box-shadow: 1px 1px 3px #aaa;
+    text-shadow: 1px 1px white;
+}