Add first iteration of the Image DB editor

templates/ImageApp/form.hbs

@@ -0,0 +1,30 @@
+<div class="inputs">
+	<label for="{{meta.idp}}-name">
+		Name (Optional)
+	</label>
+	<input
+		id="{{meta.idp}}-name"
+		type="text"
+		name="name"
+		value="{{image.name}}"
+	>
+
+	<label for="{{meta.idp}}-tags">
+		Tags (Optional)
+	</label>
+	<string-tags
+		id="{{meta.idp}}-tags"
+		value="{{image.tags}}"
+		name="tags"
+	></string-tags>
+
+	<label for="{{meta.idp}}-artists">
+		Artists (Optional)
+	</label>
+	<multi-select
+		id="{{meta.idp}}-artists"
+		name="artists"
+	>
+		{{ tb-options image.artists artists }}
+	</multi-select>
+</div>

templates/ImageApp/header.hbs

@@ -0,0 +1,14 @@
+<header>
+	<div class="row">
+		<label for="{{meta.idp}}-image">
+			Image File
+		</label>
+		{{!-- TODO: when adding support for editing, make this readonly --}}
+		<input
+			type="file"
+			id="{{meta.idp}}-image"
+			accept="{{imageTypes}}"
+			name="file"
+		>
+	</div>
+</header>

templates/ImageApp/preview.hbs

@@ -0,0 +1,12 @@
+<div class="preview">
+	{{#if image.path}}
+		<img
+			src="{{imageURL}}"
+			alt=""
+		>
+	{{else}}
+		<span class="placeholder">
+			Select an image to see the preview
+		</span>
+	{{/if}}
+</div>