Minimal viable stache.

1 files changed, 19 insertions, 16 deletions

diff --git a/stashbox/templates/index.html b/stashbox/templates/index.html
index 9c59de9..e219959 100644
--- a/stashbox/templates/index.html
+++ b/stashbox/templates/index.html
@@ -1,37 +1,40 @@
-$def with (boxes, form)
+$def with (folders, form)
 
-<div class="main">
+<div class="span8">
   <header>
-    <h1>Existing folders</h1>
+    <h2>Existing folders</h2>
   </header>
 
-  <form action="" method="post">
-
-  <table class="itemlist">
+  <table class="table">
     <tr>
       <th>Folder</th>
       <th>Owner</th>
       <th>Users</th>
+      <th></th>
     </tr>
-  $for box in boxes:
+  $for folder in folders:
     <tr>
-      <td><a href="/admin/folder/$box['id']/">$box['name']</a></td>
-      <td>$box['owner']</td>
+      <td><a href="/folder/$folder['id']/edit/">$folder['name']</a></td>
+      <td>$folder['owner']</td>
+      <td>
+	${", ".join(folder['users'])}
+      </td>
       <td>
-	${", ".join(box['users'])}
+	$ folder_id = folder['id']
+	<form id="delete_folder_$folder_id" action="/folder/$folder_id/delete/" method="POST">
+	  <input type="submit" class="btn" value="Delete" />
+	</form>
       </td>
     </tr>    
   </table>
-
 </div>
 
-<div class="right">
+<div class="span4">
   <header>
-    <h1>Add a folder</h1>
+    <h2>Add a folder</h2>
   </header>
 
-  <form action="" method="post">
-    $:form.render()
+  <form id="add_folder" action="" method="POST">
+    $:form.render_css()
   </form>
-
 </div>