SirBlob/ddc
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add free space and queue order, flat UI and wider settings

Browse Source
This commit is contained in:
SirBlob committed 2026-11-01 13:43:44 -05:00
1 parent 6027cfabb9
commit db4e3c9611
3 files changed
+402 -253
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/static/index.html
+77 -44
View File
@@ -127,7 +127,7 @@
</main>
</div>
<dialog id="settings-dialog" class="sheet">
<dialog id="settings-dialog" class="sheet sheet-wide">
<form id="settings-form" class="sheet-form">
<header class="sheet-header">
<h2>Settings</h2>
@@ -135,73 +135,106 @@
</header>
<div class="sheet-body">
<fieldset class="settings-group">
<legend>Downloads</legend>
<section class="settings-section">
<div class="settings-intro">
<h3>Downloads</h3>
<p class="muted">How many files run at once and how fast each one downloads.</p>
</div>
<div class="settings-grid">
<label class="field">
<span>Parallel downloads</span>
<input id="setting-concurrent" type="number" inputmode="numeric" min="1" max="10" required>
<small class="field-hint">Downloads running at the same time (1 to 10).</small>
</label>
<label class="field">
<span>Connections per download</span>
<input id="setting-connections" type="number" inputmode="numeric" min="1" max="16" required>
<small class="field-hint">Parts fetched at once when the server allows it (1 to 16).</small>
</label>
</div>
</section>
<section class="settings-section">
<div class="settings-intro">
<h3>Safety</h3>
<p class="muted">Limits that protect the server.</p>
</div>
<div class="settings-grid">
<label class="field">
<span>Keep free on disk (GB)</span>
<input id="setting-min-free" type="number" inputmode="numeric" min="0" required>
<small class="field-hint">Downloads stop before free space drops below this.</small>
</label>
<label class="field">
<span>Allowed ports</span>
<input id="setting-ports" placeholder="80, 443" autocomplete="off">
<small class="field-hint">Comma separated, or * for any port.</small>
</label>
</div>
</section>
<section class="settings-section">
<div class="settings-intro">
<h3>After download</h3>
<p class="muted">Default choices for new downloads and moves.</p>
</div>
<div class="settings-stack">
<label class="checkbox">
<input id="setting-auto-extract" type="checkbox">
<span>Extract archives automatically</span>
</label>
<label class="checkbox">
<input id="setting-cleanup" type="checkbox">
<span>Delete temporary files after a move</span>
</label>
</div>
</section>
<section class="settings-section">
<div class="settings-intro">
<h3>Download paths</h3>
<p class="muted">Folders listed under "Saved paths" when you pick where a download goes.</p>
</div>
<label class="field">
<span>Allowed ports</span>
<input id="setting-ports" placeholder="80, 443 or * for any" autocomplete="off">
<span>Folders, one per line</span>
<textarea id="setting-download-paths" rows="5" placeholder="/media/blob/TeaNet/Plex/Movies/Kids" autocomplete="off" autocapitalize="off" spellcheck="false"></textarea>
<small class="field-hint">Must be inside a destination root. Missing folders are created on first use.</small>
</label>
</fieldset>
</section>
<fieldset class="settings-group">
<legend>Defaults</legend>
<label class="checkbox">
<input id="setting-auto-extract" type="checkbox">
<span>Extract archives automatically</span>
</label>
<label class="checkbox">
<input id="setting-cleanup" type="checkbox">
<span>Delete temporary files after a move</span>
</label>
</fieldset>
<section class="settings-section">
<div class="settings-intro">
<h3>This browser</h3>
<p class="muted">Saved only on this device.</p>
</div>
<div class="settings-stack">
<label class="field settings-narrow">
<span>Theme</span>
<select id="setting-theme">
<option value="system">System</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
</select>
</label>
<label class="checkbox">
<input id="setting-notifications" type="checkbox">
<span>Notify when downloads finish</span>
</label>
</div>
</section>
<fieldset class="settings-group">
<legend>Download paths</legend>
<label class="field">
<span>One folder per line, inside a destination root. Missing folders are created on first use.</span>
<textarea id="setting-download-paths" rows="4" placeholder="/media/blob/TeaNet/Plex/Movies/Kids" autocomplete="off" autocapitalize="off" spellcheck="false"></textarea>
</label>
</fieldset>
<fieldset class="settings-group">
<legend>Appearance</legend>
<label class="field">
<span>Theme (this browser)</span>
<select id="setting-theme">
<option value="system">System</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
</select>
</label>
<label class="checkbox">
<input id="setting-notifications" type="checkbox">
<span>Notify when downloads finish (this browser)</span>
</label>
</fieldset>
<fieldset class="settings-group">
<legend>Server</legend>
<section class="settings-section">
<div class="settings-intro">
<h3>Server</h3>
<p class="muted">Set in the server environment, read only.</p>
</div>
<dl class="info-list">
<dt>Download folder</dt>
<dd id="info-download-dir" class="mono"></dd>
<dt>Destination roots</dt>
<dd id="info-roots"></dd>
</dl>
</fieldset>
</section>
<p id="settings-error" class="error" role="alert"></p>
</div>