fix form add Lofi

kontor-gin/templates/pages/lofi_detail.html

@@ -5,39 +5,95 @@
 
   <body>
     {{ template "navbar" . }}
+    <main>
       <div class="row">
+        <div class="col-md-8">
           <h1>Media Lofi</h1>
+          <p>Hier steht der wesentliche Inhalt der Seite.</p>
+        </div>
+        <div class="col-md-4">
+          <aside class="bg-light p-3">
+            <h3>Seitenbereich</h3>
+            <p>Optionale Sidebar oder Zusatzinformationen.</p>
+          </aside>
+        </div>
       </div>
       <div class="row">
         <form class="form-inline" action="/web/media-lofis">
-                <input type="text" placeholder="Search" name="query">
-                <input>
-                    <input type="checkbox" name="review" {{ if .Review }}checked{{ end }}>Review
+          <input type="text" placeholder="Search" name="query" />
+          <label>
+            <input
+              type="checkbox"
+              name="review"
+              {{if
+              .isReview}}checked{{end}}
+            />Review
           </label>
           <label>
-                    <input type="checkbox" name="should_download" {{ if .ShouldDownload }}checked{{ end }}>Download
+            <input
+              type="checkbox"
+              name="should_download"
+              {{if
+              .isDownload}}checked{{end}}
+            />Download
           </label>
           <button type="submit">Search</button>
-                <div class="pill-nav"><a href="/web/media-lofis/add">Add Lofi</a></div>
+          <div class="pill-nav">
+            <a href="/web/media-lofis/add">Add Lofi</a>
+          </div>
         </form>
       </div>
+      <div class="row">
         {{ if .Errors }}
         <div class="notification is-danger">{{ .Errors }}</div>
         {{ end }}
+      </div>
+      <div class="row">
+        {{ if .Errors }}
+        <div class="notification is-danger">{{ .Errors }}</div>
+        {{ end }}
+      </div>
       <div class="row">
-            <div class="maincolumn">
         <form action="/web/media-lofis/{{.lofi.ID}}/edit" method="POST">
-                    <label>URL</label>
-                    <input type="text" name="weblink" value="{{.lofi.WebLink}}">
-
-                    <label>Titel</label>
-                    <input type="text" name="title" value="{{.lofi.Title}}">
-
-                    <button type="submit">Update</button>
-                    <button type="button" onclick="/web/media-lofis">Cancel</button>
+          <div class="form-group row">
+            <label for="inputWeblink" class="col-sm-2 -col-form-label"
+              >URL</label
+            >
+            <div class="col-sm-10">
+              <input
+                type="text"
+                class="form-control"
+                id="inputWeblink"
+                name="weblink"
+                value="{{.lofi.WebLink}}"
+              />
+            </div>
+          </div>
+          <div class="form-group row">
+            <label for="inputTitle" class="col-sm-2 -col-form-label"
+              >Title</label
+            >
+            <div class="col-sm-10">
+              <input
+                type="text"
+                class="form-control"
+                id="inputTitle"
+                name="title"
+                value="{{.lofi.Title}}"
+              />
+            </div>
+          </div>
+          <div class="form-group row">
+            <div class="col-sm-10">
+              <button class="btn btn-primary" type="submit">Update</button>
+              <button class="btn" type="button" onclick="/web/media-lofis">
+                Cancel
+              </button>
+            </div>
+          </div>
         </form>
       </div>
-        </div>
+    </main>
     {{ template "footer" . }}
   </body>
 </html>