abnvle
cb454d8aa2
Replaces the placeholder with a gallery rendered by publicShare.js against the new public endpoints. - Grid / list view toggle (localStorage) - Image thumbs and lazy-loaded video posters - Click-to-open lightbox with Esc / arrow nav - ZIP download for the current folder - Subfolder navigation via URL hash, History API for back Adds five overlay-related tokens to base/variables.css for the lightbox surface (on-overlay text, translucent button, drop shadow). share.html itself only adds an icons.js module import and empties #share-folder for JS to populate.
61 lines
2.0 KiB
HTML
61 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>OxiCloud — Shared</title>
|
|
<script src="/js/core/theme-init.js"></script>
|
|
<script type="module" src="/js/core/icons.js"></script>
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
<link rel="stylesheet" href="/css/views/share-public.css">
|
|
</head>
|
|
<body>
|
|
<div class="share-card" id="share-card">
|
|
|
|
<div class="share-logo">
|
|
<h1><span>Oxi</span>Cloud</h1>
|
|
</div>
|
|
|
|
<!-- Loading state -->
|
|
<div id="share-loading" class="share-state">
|
|
<div class="spinner"></div>
|
|
<p>Loading shared content…</p>
|
|
</div>
|
|
|
|
<!-- Password prompt -->
|
|
<div id="share-password" class="share-state hidden">
|
|
<h2>Password Required</h2>
|
|
<p class="subtitle">This shared content is protected. Enter the password to continue.</p>
|
|
<form id="password-form" autocomplete="off">
|
|
<input type="password" id="password-input" placeholder="Password" required />
|
|
<div id="password-error" class="error-text hidden"></div>
|
|
<button type="submit" class="btn-primary">Unlock</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Expired / error -->
|
|
<div id="share-expired" class="share-state hidden">
|
|
<div class="share-icon expired-icon">🚫</div>
|
|
<h2>Link Unavailable</h2>
|
|
<p class="subtitle" id="expired-message">This share link has expired or is no longer available.</p>
|
|
</div>
|
|
|
|
<!-- File share view -->
|
|
<div id="share-file" class="share-state hidden">
|
|
<div class="share-icon file-icon" id="file-type-icon">📄</div>
|
|
<h2 id="file-name"></h2>
|
|
<p class="subtitle" id="file-meta"></p>
|
|
<a id="file-download" class="btn-primary" download>
|
|
Download
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Folder share view: populated by publicShare.js -->
|
|
<div id="share-folder" class="share-state hidden"></div>
|
|
|
|
</div>
|
|
|
|
<script type="module" src="/js/views/public/publicShare.js"></script>
|
|
</body>
|
|
</html>
|