mirror of
https://github.com/knutwurst/patchdl.git
synced 2026-10-06 19:00:24 +02:00
Knutwurst
01eaef79f2
Split the single morphing button into a green/amber play-pause (Update → Pause → Resume) and a red stop (Cancel). Pause aborts the download but keeps the partial (resumable); Cancel aborts and deletes. Backend gets a separate pause flag distinct from cancel. Resume now continues WITHIN a part: the partially-written piece is fetched from its last byte via an HTTP byte range (with a safe fall back to re-fetching the whole piece if the CDN ignores the range), instead of re-downloading the whole part. A title is resumable as soon as any bytes are on disk. Version bumped to 0.0.3 (no release tagged).
225 lines
8.8 KiB
HTML
225 lines
8.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<title>PatchDL</title>
|
|
<link rel="stylesheet" href="styles.css" />
|
|
</head>
|
|
<body>
|
|
<svg class="icon-sprite" aria-hidden="true">
|
|
<symbol id="icon-download" viewBox="0 0 24 24">
|
|
<path d="M12 3v11" /><path d="M7 10l5 5 5-5" /><path d="M5 20h14" />
|
|
</symbol>
|
|
<symbol id="icon-refresh" viewBox="0 0 24 24">
|
|
<path d="M20 6v6h-6" /><path d="M4 18v-6h6" />
|
|
<path d="M19 12A7 7 0 0 0 7 7" /><path d="M5 12a7 7 0 0 0 12 5" />
|
|
</symbol>
|
|
<symbol id="icon-settings" viewBox="0 0 24 24">
|
|
<path d="M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z" />
|
|
<path d="M4 12h2M18 12h2M12 4v2M12 18v2M6.5 6.5 8 8M16 16l1.5 1.5M17.5 6.5 16 8M8 16l-1.5 1.5" />
|
|
</symbol>
|
|
<symbol id="icon-search" viewBox="0 0 24 24">
|
|
<path d="M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z" /><path d="M16 16l5 5" />
|
|
</symbol>
|
|
<symbol id="icon-save" viewBox="0 0 24 24">
|
|
<path d="M5 4h12l2 2v14H5V4z" /><path d="M8 4v6h8V4" /><path d="M8 20v-6h8v6" />
|
|
</symbol>
|
|
<symbol id="icon-log" viewBox="0 0 24 24">
|
|
<path d="M7 4h10l3 3v13H7V4z" /><path d="M17 4v4h4" /><path d="M10 12h7M10 16h5" />
|
|
</symbol>
|
|
<symbol id="icon-grid" viewBox="0 0 24 24">
|
|
<path d="M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z" />
|
|
</symbol>
|
|
</svg>
|
|
|
|
<div class="app-shell">
|
|
<aside class="rail" aria-label="Navigation">
|
|
<div class="brand">
|
|
<div class="brand-mark">PD</div>
|
|
<div>
|
|
<strong>PatchDL</strong>
|
|
<span>by Knutwurst · v0.0.3</span>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="nav-list" aria-label="Sections">
|
|
<button class="nav-link is-active" data-view="games" aria-label="Games" aria-current="page">
|
|
<svg><use href="#icon-grid"></use></svg><span>Games</span>
|
|
</button>
|
|
<button class="nav-link" data-view="settings" aria-label="Settings">
|
|
<svg><use href="#icon-settings"></use></svg><span>Settings</span>
|
|
</button>
|
|
<button class="nav-link" data-view="logs" aria-label="Logs">
|
|
<svg><use href="#icon-log"></use></svg><span>Logs</span>
|
|
</button>
|
|
</nav>
|
|
|
|
<div class="rail-foot">
|
|
<span id="railFw">FW --</span>
|
|
<span id="railSpace">-- free</span>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="main">
|
|
<!-- ============ GAMES ============ -->
|
|
<section class="view is-active" data-view="games">
|
|
<header class="topbar">
|
|
<div>
|
|
<p class="eyebrow">Standalone ELF Web UI</p>
|
|
<h1>Games</h1>
|
|
</div>
|
|
<div class="topbar-actions">
|
|
<button class="icon-button" id="refreshBtn" title="Refresh status and games" aria-label="Refresh">
|
|
<svg><use href="#icon-refresh"></use></svg>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="status-strip" aria-label="System status">
|
|
<article class="metric">
|
|
<span>Firmware</span>
|
|
<strong id="firmwareValue">--</strong>
|
|
<em id="firmwareBuild">System version</em>
|
|
</article>
|
|
<article class="metric">
|
|
<span>DNS Guard</span>
|
|
<strong id="dnsValue">--</strong>
|
|
<em>Sony blocked by nanoDNS</em>
|
|
</article>
|
|
<article class="metric">
|
|
<span>CDN Access</span>
|
|
<strong id="resolverValue">--</strong>
|
|
<em>PatchDL resolver only</em>
|
|
</article>
|
|
<article class="metric">
|
|
<span>Storage</span>
|
|
<strong id="spaceValue">--</strong>
|
|
<em id="downloadDirValue">Download target</em>
|
|
</article>
|
|
</section>
|
|
|
|
<div class="toolbar">
|
|
<div class="search-box">
|
|
<svg><use href="#icon-search"></use></svg>
|
|
<input id="searchInput" type="search" placeholder="Search title, Title ID, or Content ID" />
|
|
</div>
|
|
<div class="segmented" role="group" aria-label="Filter">
|
|
<button class="is-selected" data-filter="all" aria-pressed="true">All</button>
|
|
<button data-filter="updatable" aria-pressed="false">Updatable</button>
|
|
<button data-filter="uptodate" aria-pressed="false">Up to date</button>
|
|
<button data-filter="needsfw" aria-pressed="false">Needs FW</button>
|
|
<button data-filter="blocked" aria-pressed="false">Can't update</button>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="game-grid" id="gameGrid"></section>
|
|
</section>
|
|
|
|
<!-- ============ SETTINGS ============ -->
|
|
<section class="view" data-view="settings">
|
|
<header class="topbar">
|
|
<div>
|
|
<p class="eyebrow">Policy</p>
|
|
<h1>Settings</h1>
|
|
</div>
|
|
<div class="topbar-actions">
|
|
<button class="primary-button" id="saveBtn">
|
|
<svg><use href="#icon-save"></use></svg>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="panel">
|
|
<div class="settings-grid">
|
|
<label class="field">
|
|
<span>Default Policy</span>
|
|
<select id="defaultPolicy">
|
|
<option value="deny">Deny by default</option>
|
|
<option value="allow">Allow by default</option>
|
|
</select>
|
|
</label>
|
|
<label class="field">
|
|
<span>Download Folder</span>
|
|
<input id="downloadDir" type="text" spellcheck="false" readonly
|
|
title="Patches always download internally and are removed after install" />
|
|
</label>
|
|
|
|
<label class="switch-row">
|
|
<span>
|
|
<strong>Install after download</strong>
|
|
<em>Global default, overridable per game</em>
|
|
</span>
|
|
<span class="toggle">
|
|
<input id="installAfterDownload" type="checkbox" aria-label="Install after download" />
|
|
<span class="track"></span>
|
|
</span>
|
|
</label>
|
|
<label class="switch-row">
|
|
<span>
|
|
<strong>Delete PKG after install</strong>
|
|
<em>Only after a successful install</em>
|
|
</span>
|
|
<span class="toggle">
|
|
<input id="deleteAfterInstall" type="checkbox" aria-label="Delete package after install" />
|
|
<span class="track"></span>
|
|
</span>
|
|
</label>
|
|
<label class="switch-row">
|
|
<span>
|
|
<strong>Verify downloaded pieces (SHA-256)</strong>
|
|
<em>Checks each manifest piece; off by default, verify on-device first</em>
|
|
</span>
|
|
<span class="toggle">
|
|
<input id="verifyDownloads" type="checkbox" aria-label="Verify downloaded pieces" />
|
|
<span class="track"></span>
|
|
</span>
|
|
</label>
|
|
<label class="switch-row">
|
|
<span>
|
|
<strong>Home-screen shortcut</strong>
|
|
<em id="shortcutHint">Add a PS5 home-screen icon that opens this UI in the browser</em>
|
|
</span>
|
|
<span class="toggle">
|
|
<input id="homeShortcut" type="checkbox" aria-label="Install home-screen shortcut" />
|
|
<span class="track"></span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="allowlist">
|
|
<span>Internal CDN Allowlist</span>
|
|
<div id="allowlistHosts"></div>
|
|
</div>
|
|
|
|
<div class="source-policy">
|
|
<span>Install Protection</span>
|
|
<div id="sourcePolicyList"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ LOGS ============ -->
|
|
<section class="view" data-view="logs">
|
|
<header class="topbar">
|
|
<div>
|
|
<p class="eyebrow">Runtime</p>
|
|
<h1>Logs</h1>
|
|
</div>
|
|
<div class="topbar-actions">
|
|
<button class="icon-button" id="clearLogBtn" title="Clear log" aria-label="Clear log">
|
|
<svg><use href="#icon-log"></use></svg>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
<pre id="logOutput" tabindex="0"></pre>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
|
|
<div class="toast" id="toast" role="status" aria-live="polite"></div>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|