From bf021090aba8eed1bda71bc394cef2018c5773eb Mon Sep 17 00:00:00 2001
From: Patryk Hegenberg <hegenberg@tixeltec.com>
Date: Wed, 29 Nov 2023 16:17:36 +0100
Subject: [PATCH] seperate main template from monster form

---
 main.go                    |   2 +-
 templates/main.html        | 117 +-----------------------------------
 templates/monsterForm.html | 118 +++++++++++++++++++++++++++++++++++++
 3 files changed, 120 insertions(+), 117 deletions(-)
 create mode 100644 templates/monsterForm.html

diff --git a/main.go b/main.go
index 2d9876c..8bb32c8 100644
--- a/main.go
+++ b/main.go
@@ -116,7 +116,7 @@ func main() {
 
 func formHandler(filename string) http.HandlerFunc {
 	return func(w http.ResponseWriter, r *http.Request) {
-		tmpl, err := template.ParseFS(content, "templates/base.html", "templates/header.html", "templates/main.html", "templates/footer.html")
+		tmpl, err := template.ParseFS(content, "templates/base.html", "templates/header.html", "templates/main.html", "templates/footer.html", "templates/monsterForm.html")
 		if err != nil {
 			http.Error(w, err.Error(), http.StatusInternalServerError)
 			return
diff --git a/templates/main.html b/templates/main.html
index 35b6123..2cc0118 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -7,122 +7,7 @@
       <input type="text" name="filename" required placeholder="Dateiname"
         class="input input-bordered w-full max-w-xs"><br>
     </div>
-    <div class="grid grid-cols-2">
-      <label for="name">Monster Name:</label>
-      <input type="text" name="name" required placeholder="Type here" class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="source">Monster Source:</label>
-      <input type="text" name="source" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="size">Size:</label>
-      <input type="text" name="size" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="type">Type:</label>
-      <input type="text" name="type" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="alignment">Alignment:</label>
-      <input type="text" name="alignment" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="ac">AC:</label>
-      <input type="number" name="ac" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="acFrom">AC From:</label>
-      <input type="text" name="acFrom" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="hpAverage">HP Average:</label>
-      <input type="number" name="hpAverage" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="hpFormula">HP Formula:</label>
-      <input type="text" name="hpFormula" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="speed">Speed:</label>
-      <input type="number" name="speed" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="str">Str:</label>
-      <input type="number" name="str" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="dex">Dex:</label>
-      <input type="number" name="dex" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="con">Con:</label>
-      <input type="number" name="con" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="int">Int:</label>
-      <input type="number" name="int" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="wis">Wis:</label>
-      <input type="number" name="wis" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="cha">Cha:</label>
-      <input type="number" name="cha" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="saveDex">Save Dex:</label>
-      <input type="text" name="saveDex" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="saveCon">Save Con:</label>
-      <input type="text" name="saveCon" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="saveWis">Save Wis:</label>
-      <input type="text" name="saveWis" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="perception">Perception:</label>
-      <input type="text" name="perception" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="stealth">Stealth:</label>
-      <input type="text" name="stealth" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="damageRes">Damage Resistances:</label>
-      <input type="text" name="damageRes" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="senses">Senses:</label>
-      <input type="text" name="senses" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="languages">Languages:</label>
-      <input type="text" name="languages" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="cr">CR:</label>
-      <input type="text" name="cr" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="traitName">Trait Name:</label>
-      <input type="text" name="traitName" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="traitEntry">Trait Entry:</label>
-      <input type="text" name="traitEntry" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="actionName">Action Name:</label>
-      <input type="text" name="actionName" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
-    <div class="grid grid-cols-2">
-      <label for="actionEntry">Action Entry:</label>
-      <input type="text" name="actionEntry" required class="input input-bordered w-full max-w-xs"><br>
-    </div>
+    {{ template "monsterform" . }}
     <input type="hidden" name="filename" value="{{.Filename}}">
     <div class="card-actions justify-end">
       <input type="submit" value="Submit" class="btn">
diff --git a/templates/monsterForm.html b/templates/monsterForm.html
new file mode 100644
index 0000000..75aa5e0
--- /dev/null
+++ b/templates/monsterForm.html
@@ -0,0 +1,118 @@
+{{ define "monsterform" }}
+    <div class="grid grid-cols-2">
+      <label for="name">Monster Name:</label>
+      <input type="text" name="name" required placeholder="Type here" class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="source">Monster Source:</label>
+      <input type="text" name="source" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="size">Size:</label>
+      <input type="text" name="size" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="type">Type:</label>
+      <input type="text" name="type" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="alignment">Alignment:</label>
+      <input type="text" name="alignment" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="ac">AC:</label>
+      <input type="number" name="ac" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="acFrom">AC From:</label>
+      <input type="text" name="acFrom" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="hpAverage">HP Average:</label>
+      <input type="number" name="hpAverage" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="hpFormula">HP Formula:</label>
+      <input type="text" name="hpFormula" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="speed">Speed:</label>
+      <input type="number" name="speed" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="str">Str:</label>
+      <input type="number" name="str" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="dex">Dex:</label>
+      <input type="number" name="dex" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="con">Con:</label>
+      <input type="number" name="con" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="int">Int:</label>
+      <input type="number" name="int" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="wis">Wis:</label>
+      <input type="number" name="wis" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="cha">Cha:</label>
+      <input type="number" name="cha" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="saveDex">Save Dex:</label>
+      <input type="text" name="saveDex" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="saveCon">Save Con:</label>
+      <input type="text" name="saveCon" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="saveWis">Save Wis:</label>
+      <input type="text" name="saveWis" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="perception">Perception:</label>
+      <input type="text" name="perception" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="stealth">Stealth:</label>
+      <input type="text" name="stealth" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="damageRes">Damage Resistances:</label>
+      <input type="text" name="damageRes" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="senses">Senses:</label>
+      <input type="text" name="senses" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="languages">Languages:</label>
+      <input type="text" name="languages" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="cr">CR:</label>
+      <input type="text" name="cr" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="traitName">Trait Name:</label>
+      <input type="text" name="traitName" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="traitEntry">Trait Entry:</label>
+      <input type="text" name="traitEntry" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="actionName">Action Name:</label>
+      <input type="text" name="actionName" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+    <div class="grid grid-cols-2">
+      <label for="actionEntry">Action Entry:</label>
+      <input type="text" name="actionEntry" required class="input input-bordered w-full max-w-xs"><br>
+    </div>
+{{end}}
\ No newline at end of file