summaryrefslogtreecommitdiffstats
path: root/views/slideshow.erb
diff options
context:
space:
mode:
Diffstat (limited to 'views/slideshow.erb')
-rw-r--r--views/slideshow.erb14
1 files changed, 6 insertions, 8 deletions
diff --git a/views/slideshow.erb b/views/slideshow.erb
index 847da65..dfdf523 100644
--- a/views/slideshow.erb
+++ b/views/slideshow.erb
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><%= @title %> — Slideshow</title>
- <link rel="stylesheet" href="/css/style.css">
+ <link rel="stylesheet" href="/css/style.css?v=2">
</head>
<body class="slideshow-page">
<div id="slideshow">
@@ -18,9 +18,10 @@
</div>
<div id="ss-controls">
<a href="/browse/<%= @rel %>" class="btn btn-sm">← Album</a>
- <button onclick="ssPrev()" class="btn btn-sm">‹ Prev</button>
+ <button onclick="ssPrev()" class="btn btn-sm">‹ Prev</button>
<button onclick="ssToggle()" id="ss-play-btn" class="btn btn-sm">⏸ Pause</button>
- <button onclick="ssNext()" class="btn btn-sm">Next ›</button>
+ <button onclick="ssNext()" class="btn btn-sm">Next ›</button>
+ <button onclick="ssFsToggle()" class="btn btn-sm" title="Toggle full screen (F)">⛶</button>
<label class="ss-interval-label">
Interval
<input type="number" id="ss-interval" value="4" min="1" max="60" step="1"> s
@@ -30,12 +31,9 @@
</div>
<script>
- const SS_ENTRIES = <%= @entries.map { |e|
- file_rel = @rel.empty? ? e[:name] : "#{@rel}/#{e[:name]}"
- e.merge(src: "/media/#{file_rel}")
- }.to_json %>;
+ const SS_ENTRIES = <%= @entries.map { |e| e.merge(src: "/media/#{e[:file_rel]}") }.to_json %>;
const SS_REL = <%= @rel.to_json %>;
</script>
- <script src="/js/slideshow.js"></script>
+ <script src="/js/slideshow.js?v=2"></script>
</body>
</html>