Release 0.5.9

src/routes/verwaltung/+page.svelte

@@ -12,7 +12,7 @@
 <div class="page-wrap narrow-page">
 	<header class="page-heading">
 		<h1>Verwaltung</h1>
-		<p class="page-intro">Konten, Rollen und bestehende Taxonomie verwalten.</p>
+		<p class="page-intro">Konten, Werkzeuge und bestehende Taxonomie verwalten.</p>
 	</header>
 	{#if form?.error}<div class="form-message error" role="alert">{form.error}</div>{/if}
 	{#if form?.success}<div class="form-message success" role="status">{form.success}</div>{/if}
@@ -113,6 +113,89 @@
 		</section>
 	</div>
 
+	<h2 class="section-heading">Werkzeuge</h2>
+	<section class="quiet-panel tool-management">
+		<div class="panel-heading">
+			<div>
+				<p class="eyebrow">Redaktionelle Hilfsmittel</p>
+				<h2>Werkzeugkatalog</h2>
+			</div>
+			<small>Deaktivierte Werkzeuge bleiben in bestehenden Pieces und Sendungen erhalten.</small>
+		</div>
+		<div class="tool-settings-list">
+			{#each data.tools as tool (tool.id)}
+				<details class:inactive={!tool.isActive}>
+					<summary
+						><strong>{tool.name}</strong><span>{tool.isActive ? 'Aktiv' : 'Deaktiviert'}</span
+						></summary
+					>
+					<form class="compact-form tool-form" method="POST" action="?/updateTool">
+						<input type="hidden" name="toolId" value={tool.id} />
+						<label>Name<input name="name" required maxlength="120" value={tool.name} /></label>
+						<label
+							>Start-URL<input
+								name="startUrl"
+								type="url"
+								maxlength="2000"
+								value={tool.startUrl}
+								placeholder="https://…"
+							/></label
+						>
+						<label class="wide-field"
+							>Beschreibung<textarea name="description" rows="2" maxlength="2000"
+								>{tool.description}</textarea
+							></label
+						>
+						<fieldset class="wide-field">
+							<legend>Passende Formate</legend>
+							<div class="choice-grid">
+								{#each data.taxonomy.formats as format (format.id)}<label
+										><input
+											type="checkbox"
+											name="formatIds"
+											value={format.id}
+											checked={tool.formatIds.includes(format.id)}
+										/>{format.name}</label
+									>{/each}
+							</div>
+						</fieldset>
+						<label class="tool-active"
+							><input type="checkbox" name="isActive" value="1" checked={tool.isActive} /> Aktiv</label
+						>
+						<button class="secondary-button" type="submit">Speichern</button>
+					</form>
+				</details>
+			{/each}
+		</div>
+		<details class="new-tool">
+			<summary>Werkzeug hinzufügen</summary>
+			<form class="compact-form tool-form" method="POST" action="?/createTool">
+				<label>Name<input name="name" required maxlength="120" /></label>
+				<label
+					>Start-URL<input
+						name="startUrl"
+						type="url"
+						maxlength="2000"
+						placeholder="https://…"
+					/></label
+				>
+				<label class="wide-field"
+					>Beschreibung<textarea name="description" rows="2" maxlength="2000"></textarea></label
+				>
+				<fieldset class="wide-field">
+					<legend>Passende Formate</legend>
+					<div class="choice-grid">
+						{#each data.taxonomy.formats as format (format.id)}<label
+								><input type="checkbox" name="formatIds" value={format.id} />{format.name}</label
+							>{/each}
+					</div>
+				</fieldset>
+				<input type="hidden" name="isActive" value="1" />
+				<button class="primary-button" type="submit">Werkzeug anlegen</button>
+			</form>
+		</details>
+	</section>
+
 	<h2 class="section-heading">Taxonomie</h2>
 	<div class="settings-grid">
 		<section class="quiet-panel taxonomy-panel">