mirror of
https://github.com/alangrainger/immich-public-proxy.git
synced 2024-12-29 12:21:57 +00:00
71 lines
2.3 KiB
Text
71 lines
2.3 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
<title>Password required</title>
|
|
<link type="text/css" rel="stylesheet" href="/lightgallery-bundle.min.css"/>
|
|
<link type="text/css" rel="stylesheet" href="/pico.min.css"/>
|
|
</head>
|
|
<body>
|
|
<header></header>
|
|
<main class="container">
|
|
<div class="grid">
|
|
<div></div>
|
|
<div>
|
|
<form id="unlock" method="post">
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
placeholder="Password"
|
|
aria-label="Password"
|
|
required
|
|
/>
|
|
<input
|
|
type="hidden"
|
|
name="key"
|
|
value="<%- key %>"
|
|
/>
|
|
<button type="submit">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
class="lucide lucide-lock-open">
|
|
<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/>
|
|
<path d="M7 11V7a5 5 0 0 1 9.9-1"/>
|
|
</svg>
|
|
Unlock
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div></div>
|
|
</div>
|
|
</main>
|
|
<script src="/web.js"></script>
|
|
<script>
|
|
async function submitForm (formElement) {
|
|
const formData = new FormData(formElement)
|
|
try {
|
|
const res = await fetch('/unlock', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(Object.fromEntries(formData.entries()))
|
|
})
|
|
if (res.status === 200) {
|
|
document.documentElement.innerHTML = await res.text()
|
|
initLightGallery() // from web.js
|
|
}
|
|
} catch (e) { }
|
|
}
|
|
|
|
document.getElementById('unlock')
|
|
.addEventListener('submit', function (e) {
|
|
e.preventDefault()
|
|
submitForm(this)
|
|
})
|
|
</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>
|
|
</body>
|
|
</html>
|