From 3a18696bdfafac78de7352a279b6450721b2462a Mon Sep 17 00:00:00 2001
From: Dan Ballard <dan@mindstab.net>
Date: Sat, 4 Jul 2015 22:20:01 -0700
Subject: [PATCH] add category form, template rework, comments

---
 templates/pages/categories.html | 72 ++++++++++++++++++++++-----------
 1 file changed, 49 insertions(+), 23 deletions(-)

diff --git a/templates/pages/categories.html b/templates/pages/categories.html
index 003f9b7..315231b 100644
--- a/templates/pages/categories.html
+++ b/templates/pages/categories.html
@@ -1,22 +1,35 @@
 {{define "body"}}
-<h2 class="form-categories-heading">Categories</h2>
-{{template "flashes" .}}
-
-
-{{range $category := .categories}}
-            {{template "row-category" dict "category" $category "categories" $.categories}}
-{{end}}
-
+    <h2 class="form-categories-heading">Categories</h2>
+    {{template "flashes" .}}
+    {{range $category := .categories}}
+                {{template "row-category" dict "category" $category "categories" $.categories}}
+    {{end}}
+    
+    <div class="row">
+        <form method="POST" action="/categories/add">
+        <div class="col-xs-3">
+        <input name="name" class="form-control" placeholder="Name" />
+        </div>
+        <div class="col-xs-3">
+            {{template "select-category" dict "categories" .categories "id" -1}}
+        </div>
+        <div class="col-xs-2">
+            <input type="submit" class="add-submit btn btn-primary btn-block" value="Add Category" />
+         </div>
+         </form>
+    </div>
 {{end}}
 
+<!-- 
+Print a category admin option row including it's name, delete option and
+new category select
+    category: a category object - the current top level category to handle
+    categories: flat map of all categories, sorted by parents
+ -->
 {{define "row-category"}}
     <div class="row">
-    
-    
         <div class="col-xs-2">
             {{stringTimes .category.Depth "- "}}
-              
-           
             {{.category.Name}}
         </div>
         <div class="col-xs-1">
@@ -24,16 +37,11 @@
         </div>
         <div class="col-xs-3">
         <form action="/categories/change-parent?cid={{.category.Id}}" method="POST">
-            <select class="form-control category-change-parent" name="parent" >
-                <option value="none" {{if not .category.Parent.Valid}} selected="true"{{end}}>-- None --</option>
-                {{range $category := .categories}}
-                    {{if $.category.Parent.Valid }}
-                        {{template "option-category" dict "category" $category "id" $.category.Parent.Value}}
-                    {{else}}
-                        {{template "option-category" dict "category" $category "id" -1}}
-                    {{end}}
-                {{end}}
-            </select>
+            {{if $.category.Parent.Valid }}
+                {{template "select-category" dict "categories" .categories "id" $.category.Parent.Value}}
+            {{else}}
+                {{template "select-category" dict "categories" .categories "id" -1}}
+            {{end}}
         </form>
         </div>
     </div>
@@ -44,9 +52,27 @@
 
 {{end}}
 
+<!--
+Print a full <select> of categories with one selected
+    categories: a flat map of categories ordered by parent
+    id: the category id that should be selected (or -1 for none)
+-->
+{{define "select-category"}}
+    <select class="form-control category-change-parent" name="parent" >
+        <option value="none" {{if not .category.Parent.Valid}} selected="true"{{end}}>-- None --</option>
+        {{range $category := .categories}}
+            {{template "option-category" dict "category" $category "id" $.id}}
+        {{end}}
+    </select>
+{{end}}
+<!--
+print all the <option> inside a select for a category and its children
+    category: the category to print as an option (and it's nested children)
+    id: the category id that should be selected
+-->
 {{define "option-category"}}
     <option value="{{.category.Id}}" {{if eq .id .category.Id}}selected="true"{{end}}>{{.category.ToString}}</option>
     {{range $child := .category.Children}}
         {{template "option-category" dict "category" $child "id" $.id}}
-     {{end}}            
+    {{end}}            
 {{end}}
\ No newline at end of file