diff options
Diffstat (limited to 'views/album.erb')
| -rw-r--r-- | views/album.erb | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/views/album.erb b/views/album.erb index ee6e548..3dc4fdb 100644 --- a/views/album.erb +++ b/views/album.erb @@ -10,14 +10,16 @@ <% end %> <h1><%= @title %></h1> <% if @desc %><p class="album-desc"><%= @desc %></p><% end %> - <div class="album-actions"> - <% if @rel.empty? ? @albums.any? : @entries.any? { |e| %i[image video].include?(e[:type]) } %> - <a href="/slideshow/<%= @rel %>" id="ss-launch" data-base="/slideshow/<%= @rel %>" class="btn">Slideshow</a> + <% if @rel.empty? ? @albums.any? : @entries.any? { |e| %i[image video].include?(e[:type]) } %> + <div class="ss-launcher"> + <a href="/slideshow/<%= @rel %>" id="ss-launch" data-base="/slideshow/<%= @rel %>" class="btn">Slideshow</a> + <div class="ss-opts"> <label class="ss-opt-label"><input type="checkbox" id="ss-opt-shuffle"> Shuffle</label> <label class="ss-opt-label"><input type="checkbox" id="ss-opt-fullscreen"> Full screen</label> <label class="ss-opt-label">Interval <input type="number" id="ss-opt-interval" value="5" min="1" max="60" step="1"> s</label> - <% end %> + </div> </div> + <% end %> </div> <% unless @albums.empty? %> @@ -39,7 +41,7 @@ <div class="thumb-placeholder">📁</div> <% end %> </div> - <div class="album-label"><%= a[:title] %></div> + <div class="album-label"><%= a[:title] %><% if a[:count] && a[:count] > 0 %><span class="album-count"><%= a[:count] %></span><% end %></div> </a> <% end %> </div> @@ -62,6 +64,7 @@ <div class="thumb-wrap"> <img src="/thumb/<%= file_rel %>" alt="<%= ERB::Util.html_escape(e[:title]) %>" loading="lazy"> <% if e[:type] == :video %><span class="type-badge video-badge">▶</span><% end %> + <% if e[:type] == :video && e[:duration] %><span class="duration-badge"><%= format_duration(e[:duration]) %></span><% end %> <% if e[:type] == :audio %><span class="type-badge audio-badge">♪</span><% end %> </div> <% if e[:caption] %> |