v1.0.0: Display frontend — slideshow engine

2026-05-20 15:26:07 +10:00
parent 4a2caa6421
commit 51599623b2
1 changed files with 33 additions and 0 deletions
@@ -0,0 +1,33 @@
+@model Device
+@{
+    Layout = null;
+    var slides = Model.DeviceSlides.ToList();
+}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=@(Model.ResolutionWidth), height=@(Model.ResolutionHeight), initial-scale=1" />
+    <title>@Model.Name — Sunbeam Display</title>
+    <link href="/css/display.css" rel="stylesheet" />
+    <style>:root { --display-width: @(Model.ResolutionWidth)px; --display-height: @(Model.ResolutionHeight)px; }</style>
+</head>
+<body data-slug="@Model.Slug" data-transition="@Model.Transition">
+    <div id="display-container">
+        <div id="slide-a" class="slide-layer active"></div>
+        <div id="slide-b" class="slide-layer"></div>
+    </div>
+    <div id="progress-bar"><div id="progress-fill"></div></div>
+    <div id="clock-overlay"><span id="clock-time"></span><span id="clock-date"></span></div>
+    <div id="status-dot" title="Connected"></div>
+    <script>
+        var playlistData = @Html.Raw(System.Text.Json.JsonSerializer.Serialize(slides.Select(ds => new {
+            id = ds.Slide.Id, name = ds.Slide.Name, type = ds.Slide.SlideType.ToString().ToLower(),
+            content = ds.Slide.Content, embedUrl = ds.Slide.EmbedUrl, icsSource = ds.Slide.IcsSource,
+            backgroundColor = ds.Slide.BackgroundColor, backgroundImage = ds.Slide.BackgroundImage,
+            customCss = ds.Slide.CustomCss, duration = ds.DurationSeconds
+        })));
+    </script>
+    <script src="/js/display.js"></script>
+</body>
+</html>