mirror of
https://github.com/alangrainger/immich-public-proxy.git
synced 2024-12-29 12:21:57 +00:00
42 lines
1.4 KiB
Text
42 lines
1.4 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
<title><%- title || 'Gallery' %></title>
|
|
<link type="text/css" rel="stylesheet" href="/style.css"/>
|
|
<link type="text/css" rel="stylesheet" href="/lightgallery-bundle.min.css"/>
|
|
</head>
|
|
<body>
|
|
<div id="lightgallery">
|
|
<% items.forEach(item => {
|
|
if (item.video) { %>
|
|
<a data-video='<%- item.video %>'>
|
|
<img alt="" src="<%- item.thumbnailUrl %>"/>
|
|
<div class="play-icon"></div>
|
|
</a>
|
|
<% } else { %>
|
|
<a href="<%- item.previewUrl %>"<% if (item.downloadUrl) { %>
|
|
data-download-url="<%- item.downloadUrl %>"<% } %>>
|
|
<img alt="" src="<%- item.thumbnailUrl %>"/>
|
|
</a>
|
|
<% }
|
|
}) %>
|
|
</div>
|
|
<script src="/web.js"></script>
|
|
<script src="/lightgallery.min.js"></script>
|
|
<script src="/lg-fullscreen.min.js"></script>
|
|
<script src="/lg-thumbnail.min.js"></script>
|
|
<script src="/lg-video.min.js"></script>
|
|
<script src="/lg-zoom.min.js"></script>
|
|
<script type="text/javascript">
|
|
initLightGallery(<%- JSON.stringify(lgConfig) %>) // initLightGallery imported from web.js
|
|
<% if (openItem) { %>
|
|
const openItem = <%- openItem %>
|
|
const thumbs = document.querySelectorAll('#lightgallery a')
|
|
if (thumbs.length >= openItem) {
|
|
thumbs[openItem - 1].click()
|
|
}
|
|
<% } %>
|
|
</script>
|
|
</body>
|
|
</html>
|