From 5a49432b47d9b50073bcade70be623131fdcf664 Mon Sep 17 00:00:00 2001
From: Kiara Grouwstra <kiara.grouwstra@gmail.com>
Date: Mon, 17 Feb 2025 14:55:52 +0100
Subject: [PATCH] add simple form, closes #106, #107

note that i haven't done much with validation or conditional
enabling/hiding - if we start doing front-end frameworks those may have
opinions on this
---
 panel/src/panel/templates/index.html | 53 +++++++++++++++++++++++++++-
 1 file changed, 52 insertions(+), 1 deletion(-)

diff --git a/panel/src/panel/templates/index.html b/panel/src/panel/templates/index.html
index aadc25d0..1f091878 100644
--- a/panel/src/panel/templates/index.html
+++ b/panel/src/panel/templates/index.html
@@ -3,5 +3,56 @@
 {% block content %}
 <h1>Fediversity Panel</h1>
 
-<p>Hello world!</p>
+<form method="post" enctype="multipart/form-data" action="">
+  {% csrf_token %}
+
+  <div>
+    <input type="text" id="domain" name="domain" placeholder="fediversity.net" value="fediversity.net" />
+    <label for="domain">Domain</label>
+  </div>
+
+  <fieldset>
+    <legend>Services:</legend>
+
+    <div>
+      <input type="checkbox" id="mastodon" name="mastodon" checked />
+      <label for="mastodon">Mastodon</label>
+    </div>
+
+<!--
+    <div>
+      <input type="text" id="subdomain-mastodon" name="subdomain-mastodon" placeholder="mastodon" value="mastodon" />
+      <label for="subdomain-mastodon">subdomain for Mastodon</label>
+    </div>
+-->
+
+    <div>
+      <input type="checkbox" id="pixelfed" name="pixelfed" checked />
+      <label for="pixelfed">Pixelfed</label>
+    </div>
+
+<!--
+    <div>
+      <input type="text" id="subdomain-pixelfed" name="subdomain-pixelfed" placeholder="pixelfed" value="pixelfed" />
+      <label for="subdomain-pixelfed">subdomain for Pixelfed</label>
+    </div>
+-->
+
+    <div>
+      <input type="checkbox" id="peertube" name="peertube" checked />
+      <label for="peertube">Peertube</label>
+    </div>
+
+<!--
+    <div>
+      <input type="text" id="subdomain-peertube" name="subdomain-peertube" placeholder="peertube" value="peertube" />
+      <label for="subdomain-peertube">subdomain for Peertube</label>
+    </div>
+-->
+
+  </fieldset>
+
+  <button class="button">Deploy</button>
+</form>
+
 {% endblock %}