combined history templates

internal/templates/components/image/image.templ

@@ -1,6 +1,9 @@
 package components
 
-import "github.com/damongolding/immich-kiosk/internal/common"
+import (
+	"github.com/damongolding/immich-kiosk/internal/common"
+	"github.com/damongolding/immich-kiosk/internal/templates/partials"
+)
 
 // Image is the main entry point for rendering images.
 // It determines whether to use a single or split view layout based on the number of images,
@@ -14,7 +17,7 @@ templ Image(viewData common.ViewData) {
 	} else {
 		@layoutSplitView(viewData)
 	}
-	@renderHistory(viewData)
+	@partials.RenderHistory(viewData)
 	if viewData.ShowMoreInfo {
 		@renderMoreInfo(viewData)
 	}

internal/templates/components/video/video.templ

@@ -3,6 +3,7 @@ package components
 import (
 	"fmt"
 	"github.com/damongolding/immich-kiosk/internal/common"
+	"github.com/damongolding/immich-kiosk/internal/templates/partials"
 )
 
 templ Video(viewData common.ViewData) {
@@ -16,5 +17,5 @@ templ Video(viewData common.ViewData) {
 			></video>
 		</div>
 	</div>
-	@renderHistory(viewData)
+	@partials.RenderHistory(viewData)
 }

internal/templates/partials/history.templ

@@ -1,8 +1,39 @@
 package partials
 
+import (
+	"github.com/damongolding/immich-kiosk/internal/common"
+	"html/template"
+	"strings"
+)
+
 // historyForm renders a form for kiosk history
 templ History() {
 	<form id="kiosk-history" hx-swap-oob="true">
 		<input class="kiosk-history--entry" type="hidden" value=""/>
 	</form>
 }
+
+func newHistoryEntry(images []common.ViewImageData) string {
+	if len(images) == 0 {
+		return ""
+	}
+	newImages := make([]string, len(images))
+	for i, entry := range images {
+		sanitisedID := template.HTMLEscapeString(entry.ImmichImage.ID)
+		newImages[i] = sanitisedID
+	}
+	return strings.Join(newImages, ",")
+}
+
+// renderHistory renders a form containing the viewing history of images.
+//
+// Parameters:
+//   - viewData: ViewData containing the history and current images.
+templ RenderHistory(viewData common.ViewData) {
+	<form id="kiosk-history" hx-swap-oob="true">
+		for _, historyEntry := range viewData.History {
+			<input type="hidden" class="kiosk-history--entry" name="history" value={ historyEntry }/>
+		}
+		<input type="hidden" class="kiosk-history--entry" name="history" value={ newHistoryEntry(viewData.Images) }/>
+	</form>
+}