From 96530fdb7e6aea00cd973729340bad499415f1e6 Mon Sep 17 00:00:00 2001
From: Cam Proudlock <cam.proudlock@gmail.com>
Date: Mon, 20 Jul 2026 13:16:32 -0400
Subject: [PATCH] slides: /screensaver display route

---
 plugins/slides/frontend/routes.js             |  8 +++++++-
 plugins/slides/frontend/views/TVDashboard.vue | 13 +++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/plugins/slides/frontend/routes.js b/plugins/slides/frontend/routes.js
index aac2eb9f..2c1d0315 100644
--- a/plugins/slides/frontend/routes.js
+++ b/plugins/slides/frontend/routes.js
@@ -13,6 +13,12 @@ export const toplevel = [
     path: '/tv',
     name: 'tv',
     component: () => import('./views/TVDashboard.vue'),
-    meta: { plugin: 'slides' }
+    meta: { plugin: 'slides', surface: 'lobby' }
+  },
+  {
+    path: '/screensaver',
+    name: 'screensaver',
+    component: () => import('./views/TVDashboard.vue'),
+    meta: { plugin: 'slides', surface: 'shopfloor' }
   }
 ]
diff --git a/plugins/slides/frontend/views/TVDashboard.vue b/plugins/slides/frontend/views/TVDashboard.vue
index 16c4ff4e..327100e9 100644
--- a/plugins/slides/frontend/views/TVDashboard.vue
+++ b/plugins/slides/frontend/views/TVDashboard.vue
@@ -27,9 +27,18 @@
 
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { useRoute } from 'vue-router'
 import api from '@/api'
 import { withBase } from '@/utils/basePath'
 
+// Which slide surface this display renders: 'lobby' (default) or 'shopfloor'
+// (the screensaver). Set by the route meta (/screensaver) or a ?surface= query.
+const route = useRoute()
+const VALID_SURFACES = ['lobby', 'shopfloor']
+const surface = (VALID_SURFACES.includes(route.meta?.surface) && route.meta.surface)
+  || (VALID_SURFACES.includes(route.query?.surface) && route.query.surface)
+  || 'lobby'
+
 const INTERVAL = 10 // seconds between slides
 
 const slides = ref([])
@@ -68,12 +77,12 @@ onUnmounted(() => {
 async function fetchSlides() {
   try {
     // Flat feed shape: { success, surface, basepath, interval, slides:[...] }
-    const response = await api.get('/slides/feed', { params: { surface: 'lobby' } })
+    const response = await api.get('/slides/feed', { params: { surface } })
     const data = response.data
 
     if (data.success && data.slides?.length > 0) {
       slides.value = data.slides
-      basePath.value = data.basepath || '/api/slides/img/lobby/'
+      basePath.value = data.basepath || `/api/slides/img/${surface}/`
       error.value = ''
 
       // Restart slideshow if slides changed