private structures

views/workshop/members.eta

@@ -0,0 +1,28 @@
+<div id="members" class="flex flex-col gap-1">
+  <label>Members</label>
+  <% if (!it.members.length) { %>
+    <div class="text-xs italic">no members yet — only you can see this while private</div>
+  <% } %>
+  <% it.members.forEach((v) => { %>
+    <div class="flex flex-row items-center gap-2 text-sm">
+      <span class="flex-grow"><%~ v.username %></span>
+      <button
+        hx-delete="/workshop/<%= it.structure.id %>/members/<%= v.user_id %>"
+        hx-target="#members"
+        hx-swap="outerHTML"
+      >remove</button>
+    </div>
+  <% }) %>
+  <% if (it.notFound) { %>
+    <div class="text-xs text-red-600">no user named "<%~ it.notFound %>"</div>
+  <% } %>
+  <form
+    hx-post="/workshop/<%= it.structure.id %>/members"
+    hx-target="#members"
+    hx-swap="outerHTML"
+    class="flex flex-row gap-1"
+  >
+    <input name="username" placeholder="username" class="flex-grow">
+    <button type="submit">invite</button>
+  </form>
+</div>

views/workshop/settings.eta

@@ -27,9 +27,16 @@
               <div class="text-xs"></div>
               <textarea name="head_injection" value="<%= it.structure.route_prefix || "" %>"><%= it.structure.head_injection || "" %></textarea>
             </div>
+            <div class="field-row">
+              <input type="checkbox" id="private" name="private" <%= it.structure.private ? "checked" : "" %>>
+              <label for="private">Private (only invited members)</label>
+            </div>
             <button id="save-btn" type="submit">Save</button>
             <div id="result"></div>
           </form>
+          <div class="p-2 max-w-48">
+            <%~ include('/workshop/members', it) %>
+          </div>
         </div>
       </div>
     </div>