Files
api/web/test-update-modal.html
Eli Bosley a59b363ebc feat: improved update ui (#1691)
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
  * Global awaitable confirmation modal for notification actions.
  * “Ignore this release” toggle that persists to the server when used.
* New test pages and standalone test controls for the update modal and
theme switching.

* **Refactor**
* Update modal rebuilt with a responsive layout, unified “Update
Available” title, revised action logic, and centralized modal plumbing.

* **Style**
* OS Update highlight block, improved spacing, refreshed iconography,
and tooltips clarifying actions.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2025-09-11 21:35:13 -04:00

62 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Update Modal Test - Unraid Component Test</title>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<style>
html {
font-size: 10px;
}
body {
font-family: system-ui, -apple-system, sans-serif;
margin: 0;
padding: 20px;
background: #f3f4f6;
}
.header {
background: #1f2937;
color: white;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
}
.header h1 {
margin: 0;
}
.back-link {
color: white;
text-decoration: none;
margin-bottom: 10px;
display: inline-block;
opacity: 0.8;
}
.back-link:hover {
opacity: 1;
}
</style>
</head>
<body>
<div class="header">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<a href="/test-pages/" class="back-link">← Back to Test Pages</a>
<h1>🧪 Update Modal Test Scenarios</h1>
</div>
<div>
<unraid-test-theme-switcher></unraid-test-theme-switcher>
</div>
</div>
</div>
<!-- Mount the test component -->
<unraid-test-update-modal></unraid-test-update-modal>
<!-- Mount the modals component which includes the changelog modal -->
<unraid-modals></unraid-modals>
<!-- Load the manifest and inject resources -->
<script src="/test-pages/load-manifest.js"></script>
</body>
</html>