Refactor web server and release workflow

src/web/views/slides/form.hbs

@@ -0,0 +1,50 @@
+<div class="page-header">
+  <div>
+    <h2>{{#if isEdit}}Edit slide{{else}}Create slide{{/if}}</h2>
+    <p>Build slide content and preview it against the selected template.</p>
+  </div>
+  <a class="button-link" href="/admin/slides">Back to slides</a>
+</div>
+
+<div class="slide-editor-top">
+  <form method="post" action="{{action}}" enctype="multipart/form-data" id="slide-form">
+    <div class="card slide-template-card">
+      <div class="row">
+        <label style="flex: 2;">Title
+          <input name="title" value="{{slide.title}}" required />
+        </label>
+        <label style="flex: 3;">Template
+          <select name="template_id" id="template-select">
+            <option value="">-- none --</option>
+            {{#each templates}}
+              <option value="{{id}}" {{#if (eq ../slide.template_id id)}}selected{{/if}}>{{name}}</option>
+            {{/each}}
+          </select>
+        </label>
+      </div>
+    </div>
+    <div id="template-fields"></div>
+  </form>
+  <div class="card slide-preview-card">
+    <div class="slide-preview-header">
+      <h3>Preview</h3>
+      <div class="muted" id="slide-preview-meta">Select a template to preview the slide.</div>
+    </div>
+    <div class="slide-preview-scroll">
+      <button type="submit" form="slide-form">{{#if isEdit}}Save changes{{else}}Create slide{{/if}}</button>
+      <div class="slide-preview-stage" id="slide-preview-stage">
+        <img id="slide-preview-background" class="slide-preview-background" alt="" style="display:none;" />
+        <div class="slide-preview-empty" id="slide-preview-empty">Select a template to preview the slide.</div>
+        <div class="slide-preview-overlay" id="slide-preview-overlay"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script src="/assets/js/compact/editor.header.min.js"></script>
+<script src="/assets/js/compact/editor.list.min.js"></script>
+<script src="/assets/js/compact/editor.marker.min.js"></script>
+<script src="/assets/js/compact/editor.table.min.js"></script>
+<script src="/assets/js/compact/editor.min.js"></script>
+<textarea id="slide-editor-data" hidden>{{json slideEditorData}}</textarea>
+<script src="/assets/js/slide-form.js"></script>