From 8860c4f26cc35ec57fa3d43b02387eb492cf2acc Mon Sep 17 00:00:00 2001
From: Yanislav Igonin <yanislavdabest@gmail.com>
Date: Wed, 8 Sep 2021 22:34:10 +0300
Subject: [PATCH] feat: remove edges from form, add gutters between form
 elements, move form to templates

---
 static/post-form.css     |  3 +++
 templates/index.html     |  6 +-----
 templates/templates.html | 14 ++++++++++++++
 templates/thread.html    |  6 +-----
 4 files changed, 19 insertions(+), 10 deletions(-)
 create mode 100644 static/post-form.css

diff --git a/static/post-form.css b/static/post-form.css
new file mode 100644
index 0000000..1222f54
--- /dev/null
+++ b/static/post-form.css
@@ -0,0 +1,3 @@
+#postForm > * {
+  margin-bottom: 1rem;
+}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index e62fdf2..fffd9ad 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -13,11 +13,7 @@
   <h1 class="display-1 text-center">Welcome to Micrach</h1>
   
   <div class="container">
-    <form class="row row-cols-auto gy-4" action="/" method="POST" enctype="multipart/form-data">
-        <input class="form-control" id="postTitle" placeholder="Title" name="title">
-        <textarea class="form-control" id="postText" rows="3" placeholder="Text" name="text"></textarea>
-        <input class="form-control" type="file" id="formFileMultiple" multiple name="files">
-    </form>
+    {{ template "post-form" }}
     
     <div class="row row-cols-auto gy-4">
       {{range $Post := .}}
diff --git a/templates/templates.html b/templates/templates.html
index 5fdfc33..982b53b 100644
--- a/templates/templates.html
+++ b/templates/templates.html
@@ -11,6 +11,10 @@
     crossorigin="anonymous">
   </script>
   <link rel="icon" href="/static/favicon.ico"/>
+  <link 
+    href="/static/post-form.css" 
+    rel="stylesheet" 
+  >
 {{ end }}
 
 {{ define "meta" }}
@@ -57,4 +61,14 @@
   <meta property="twitter:title" content="Micrach">
   <meta property="twitter:description" content="Single board imageboard.">
   <meta property="twitter:image" content="https://memepedia.ru/wp-content/uploads/2018/03/ebanyy-rot-etogo-kazino.png">
+{{ end }}
+
+{{ define "post-form" }}
+  <div class="col col-12">
+    <form id="postForm" action="/{{ . }}" method="POST" enctype="multipart/form-data">
+      <input class="form-control" id="postTitle" placeholder="Title" name="title">
+      <textarea class="form-control" id="postText" rows="5" placeholder="Text" name="text"></textarea>
+      <input class="form-control" type="file" id="postFiles" multiple name="files">
+    </form>
+  </div>
 {{ end }}
\ No newline at end of file
diff --git a/templates/thread.html b/templates/thread.html
index bee29de..f143b74 100644
--- a/templates/thread.html
+++ b/templates/thread.html
@@ -10,11 +10,7 @@
   <h1 class="display-1 text-center">Welcome to Micrach</h1>
   
   <div class="container">
-    <form class="row row-cols-auto gy-4" action="/{{$FirstPost.ID}}" method="POST" enctype="multipart/form-data">
-        <input class="form-control" id="postTitle" placeholder="Title" name="title">
-        <textarea class="form-control" id="postText" rows="3" placeholder="Text" name="text"></textarea>
-        <input class="form-control" type="file" id="formFileMultiple" multiple name="files">
-    </form>
+    {{ template "post-form" $FirstPost.ID }}
     
     <div class="row row-cols-auto gy-4">
       {{range $Post := .}}