2026-04-12 01:51:30 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2026-05-30 01:06:32 +02:00
|
|
|
<!-- Declares the page supports both modes. Switching between them is
|
|
|
|
|
driven by the CSS `color-scheme` property (via the `data-color-scheme`
|
|
|
|
|
attribute on <html> set by theme-init.js), not by mutating this tag. -->
|
|
|
|
|
<meta name="color-scheme" content="light dark">
|
2026-04-12 01:51:30 +02:00
|
|
|
<title>OxiCloud — Shared</title>
|
2026-05-19 17:23:38 +02:00
|
|
|
<link rel="icon" type="image/svg+xml" href="/logo/logo-plain.svg">
|
2026-04-12 01:51:30 +02:00
|
|
|
<script src="/js/core/theme-init.js"></script>
|
2026-05-05 22:42:11 +02:00
|
|
|
<script type="module" src="/js/core/icons.js"></script>
|
2026-04-12 01:51:30 +02:00
|
|
|
<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>
|
|
|
|
|
|
2026-05-05 22:42:11 +02:00
|
|
|
<!-- Folder share view: populated by publicShare.js -->
|
|
|
|
|
<div id="share-folder" class="share-state hidden"></div>
|
2026-04-12 01:51:30 +02:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-05-05 22:42:11 +02:00
|
|
|
<script type="module" src="/js/views/public/publicShare.js"></script>
|
2026-04-12 01:51:30 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
