Jul 28 - Update the demo request button, and add demo registration page

templates/admin/audit.html

@@ -17,7 +17,7 @@
        href="{{ url_for('admin.audit', action=val, entity=entity) }}">{{ label }}</a>
   {% endfor %}
   <span class="filters__sep">·</span>
-  {% set entities = [('', 'All types'), ('section','section'), ('topic','topic')] %}
+  {% set entities = [('', 'All types'), ('section','section'), ('topic','topic'), ('demo','demo')] %}
   {% for val, label in entities %}
     <a class="filter-chip {{ 'is-active' if entity == val }}"
        href="{{ url_for('admin.audit', action=action, entity=val) }}">{{ label }}</a>

templates/admin/base.html

@@ -16,6 +16,8 @@
   <nav class="anav">
     <a class="anav__brand" href="{{ url_for('admin.dashboard') }}">JQC<span>admin</span></a>
     <div class="anav__right">
+      <a class="anav__link" href="{{ url_for('admin.demos') }}">Demo requests{% if pending_demos %}<span
+          class="anav__count">{{ pending_demos }}</span>{% endif %}</a>
       <a class="anav__link" href="{{ url_for('admin.audit') }}">Audit</a>
       <a class="anav__link" href="{{ url_for('index') }}" target="_blank" rel="noopener">View site ↗</a>
       <span class="anav__user">{{ session.get('admin') }}</span>

templates/admin/demos.html

@@ -0,0 +1,91 @@
+{% extends "admin/base.html" %}
+{% block title %}Demo requests{% endblock %}
+{% block content %}
+<header class="page-head">
+  <div>
+    <h1>Demo requests</h1>
+    <p class="muted">Appointments booked from the public page, soonest first.</p>
+  </div>
+  <a class="btn btn--ghost" href="{{ url_for('admin.dashboard') }}">← Dashboard</a>
+</header>
+
+<div class="filters">
+  <span class="filters__label">Show</span>
+  {% set views = [('', 'Open'), ('new','new'), ('scheduled','scheduled'), ('done','done'), ('cancelled','cancelled')] %}
+  {% for val, label in views %}
+    <a class="filter-chip {{ 'is-active' if status == val }}"
+       href="{{ url_for('admin.demos', status=val) }}">{{ label }}</a>
+  {% endfor %}
+  {% if new_count %}<span class="filters__sep">·</span><span class="muted">{{ new_count }} new</span>{% endif %}
+</div>
+
+{% if requests %}
+<div class="table-wrap">
+  <table class="audit-table">
+    <thead>
+      <tr>
+        <th>Requested for</th>
+        <th>Contact</th>
+        <th>Company</th>
+        <th>Message</th>
+        <th>Received (UTC)</th>
+        <th>Status</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for r in requests %}
+      <tr>
+        <td class="mono nowrap">{{ r.preferred_date.strftime('%Y-%m-%d') }} {{ r.preferred_time }}</td>
+        <td>
+          <strong>{{ r.name }}</strong><br>
+          <a href="mailto:{{ r.email }}">{{ r.email }}</a>
+          {% if r.phone %}<br><span class="mono">{{ r.phone }}</span>{% endif %}
+        </td>
+        <td>{{ r.company or '—' }}</td>
+        <td>{{ r.message or '' }}</td>
+        <td class="mono nowrap">{{ r.created_at.strftime('%Y-%m-%d %H:%M') if r.created_at else '—' }}</td>
+        <td><span class="badge badge--{{ 'create' if r.status == 'new' else ('update' if r.status == 'scheduled' else 'delete') }}">{{ r.status }}</span></td>
+        <td class="nowrap">
+          <form method="post" action="{{ url_for('admin.demo_status', req_id=r.id) }}" class="inline-form">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+            <input type="hidden" name="back_status" value="{{ status }}">
+            <select name="status" class="mini-select">
+              {% for s in statuses %}
+              <option value="{{ s }}" {{ 'selected' if r.status == s }}>{{ s }}</option>
+              {% endfor %}
+            </select>
+            <button class="btn btn--ghost btn--sm" type="submit">Set</button>
+          </form>
+          <form method="post" action="{{ url_for('admin.demo_delete', req_id=r.id) }}" class="inline-form"
+                onsubmit="return confirm('Delete the request from {{ r.name }}?');">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+            <button class="btn btn--danger btn--sm" type="submit">Delete</button>
+          </form>
+        </td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>
+
+{% if pagination.pages > 1 %}
+<nav class="pager">
+  {% if pagination.has_prev %}
+    <a class="btn btn--ghost btn--sm" href="{{ url_for('admin.demos', page=pagination.prev_num, status=status) }}">← Previous</a>
+  {% else %}
+    <span class="btn btn--ghost btn--sm is-disabled">← Previous</span>
+  {% endif %}
+  <span class="pager__info">Page {{ pagination.page }} of {{ pagination.pages }}</span>
+  {% if pagination.has_next %}
+    <a class="btn btn--ghost btn--sm" href="{{ url_for('admin.demos', page=pagination.next_num, status=status) }}">Next →</a>
+  {% else %}
+    <span class="btn btn--ghost btn--sm is-disabled">Next →</span>
+  {% endif %}
+</nav>
+{% endif %}
+
+{% else %}
+<div class="empty">No demo requests{{ ' with this status' if status }}.</div>
+{% endif %}
+{% endblock %}