2d3c98866a
Adds Overlay.type='files' whose source-of-truth IS the overlay directory
itself. Users can:
* upload arbitrary files / whole folders by dragging from the OS onto a
folder row in the file tree (one POST per file, queue with
concurrency 3, per-file progress in a floating Uploads panel)
* move via drag-and-drop inside the tree (same gesture, source
distinguishes; refuses cycles)
* create / edit / rename / replace through a single editor modal
(text flavor for editable files, binary flavor with replace-upload
for everything else; filename input is the rename surface)
* mkdir empty folders (slashes allowed for nested intermediates)
* stream a folder as a zip download
* delete files and empty folders
Backend is type-agnostic past the new files_routes endpoints, so the
existing mount / spec / overlayfs / expose_server_cfg pipeline is reused
unchanged. is_editable gates the row's edit affordance and the /save
content rules. Three new safe-resolve helpers (write/delete/move) cover
the new operations with the same anchor-and-resolve pattern as listing
and download. FilesBuilder is a no-op so the build subsystem can
dispatch uniformly.
Spec: docs/superpowers/specs/2026-05-09-files-overlay-design.md
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Overlays | left4me{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="panel">
|
|
<div class="page-heading">
|
|
<h1>Overlays</h1>
|
|
<button type="button" data-modal-open="create-overlay-modal">+ Create</button>
|
|
</div>
|
|
|
|
<table class="table">
|
|
<thead><tr><th>Name</th><th>Type</th><th>Scope</th><th>Path</th></tr></thead>
|
|
<tbody>
|
|
{% for overlay in overlays %}
|
|
<tr>
|
|
<td><a href="/overlays/{{ overlay.id }}">{{ overlay.name }}</a></td>
|
|
<td>{{ overlay.type }}</td>
|
|
<td class="muted">{% if overlay.user_id %}private{% else %}system{% endif %}</td>
|
|
<td class="muted">{{ overlay.path }}</td>
|
|
</tr>
|
|
{% else %}
|
|
<tr><td colspan="4" class="muted">No overlays yet.</td></tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<dialog id="create-overlay-modal" class="modal" aria-labelledby="create-overlay-title">
|
|
<form method="post" action="/overlays" class="stack">
|
|
<div class="modal-header">
|
|
<h2 id="create-overlay-title">Create overlay</h2>
|
|
<button type="button" class="modal-close" data-modal-close aria-label="Close">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
|
|
<fieldset class="overlay-type-radio">
|
|
<legend>Type</legend>
|
|
<label><input type="radio" name="type" value="workshop" checked> Workshop (downloads from Steam)</label>
|
|
<label><input type="radio" name="type" value="script"> Script (runs sandboxed bash)</label>
|
|
<label><input type="radio" name="type" value="files"> Files (upload / edit text files online)</label>
|
|
</fieldset>
|
|
<label>Name <input name="name" required></label>
|
|
{% if g.user and g.user.admin %}
|
|
<label><input type="checkbox" name="system_wide" value="1"> System-wide (visible to all users)</label>
|
|
{% endif %}
|
|
<p class="muted">The path is generated automatically.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="button-secondary" data-modal-close>Cancel</button>
|
|
<button type="submit">Create</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
{% endblock %}
|