From 3957f13b544618f367c54cd73dbcb13a74288d4d Mon Sep 17 00:00:00 2001
From: Jeff Cross <middlefloor@gmail.com>
Date: Thu, 1 Dec 2011 20:50:39 -0700
Subject: [PATCH] Added routes to collection view template, stylized better.

---
 public/dashboard/css/app.css | 17 +++++++++++++++++
 public/dashboard/index.html  | 32 ++++++++++++++++++++++----------
 2 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/public/dashboard/css/app.css b/public/dashboard/css/app.css
index a40cf34..fc061bc 100644
--- a/public/dashboard/css/app.css
+++ b/public/dashboard/css/app.css
@@ -35,3 +35,20 @@ dl.tabs dd a {color: #777; font-weight: bold; text-transform: capitalize;}
 .description div.custom.dropdown {top: -2px;}
 .roles input {width: 274px}
 .search {width: 99% !important} /* breaks on mobile */
+
+/* collection */
+.collection-view {}
+.collection-view ul {
+	margin-left: 0;
+}
+.collection-view ul li {
+	margin-bottom: 2px;
+}
+.collection-view ul li strong {
+	font-size: 1.1em;
+}
+.collection-view p.no-items {
+	font-size: 1.1em;
+	font-weight: bold;
+	margin: 30px 0;
+}
\ No newline at end of file
diff --git a/public/dashboard/index.html b/public/dashboard/index.html
index d428971..1972b30 100644
--- a/public/dashboard/index.html
+++ b/public/dashboard/index.html
@@ -100,15 +100,31 @@
     <a class="nice medium radius white button discard-changes">Discard Changes</a>
   </script>
   <script id="collection-view-template" type="html/template">
-    <div class="twelve columns">
+    <div class="twelve columns collection-view">
       <div class="panel">
         <h6><%= name %> Collection</h6>
-        <p>This is the <%= name %> collection in your database. You and your users (with proper permissions) can interact with this collection in these ways:</p>
+        <p>This is the <%= name %> collection in your database. You and your users (with proper permissions) can interact with this collection with these HTTP verbs and routes:</p>
         <ul>
-          <li><strong>Create</strong>: POST /<%= name %>/ { foo: bar }</li>
-          <li><strong>List</strong>: GET /<%= name %></li>
-          <li><strong>Search</strong>: GET /search/<%= name %></li>
+          <li>
+            <abbr title="Get a specific item in the collection by id."><strong>GET: /<%= plugin %>/<%= name %>/:id </strong></abbr>
+          </li>
+          <li>
+            <abbr title="Load models in a collection."><strong>GET: /search/<%= name %> </strong></abbr>
+          </li>
+          <li>
+            <abbr title="Load models, matching query. Can be queried by adding ?find={}, and including matching parameters in the object, such as ?find={email:'user@email'}"><strong>POST: /search/<%= name %></strong></abbr>
+          </li>
+          <li>
+            <abbr title="Add a new object to the <%= name %> collection."><strong>POST: /<%= plugin %>/<%= name %></strong></abbr>
+          </li>
+          <li>
+            <abbr title="Update a specific object by id in the collection. POST at this route is also supported, or alternatively attaching method=put to the querystring."><strong>PUT: /<%= plugin %>/<%= name %>/:id </strong></abbr>
+          </li>
+          <li>
+            <abbr title="Delete an object in a collection. Alternatively, POST is supported as long as ?method=delete is attached to the querystring."><strong>DELETE: /<%= plugin %>/<%= name %>/:id </strong></abbr>
+          </li>
         </ul>
+        <hr />
         <% if (results.length > 0) { %>
           <!--<input class="input-text" placeholder="Search" />-->
           <table style="table-layout:fixed;">
@@ -136,7 +152,7 @@
             </tbody>
           </table>
         <% } else {%>
-          <p><em>No items in collection.</em></p>
+          <p class="no-items"><em>No items in collection.</em></p>
         <% } %>
         <div class="alert-box" style="display:none;"></div>
         <a class="small radius nice blue button create-collection-item">Create New <%= name %></a>
@@ -192,10 +208,6 @@
 				<p>
 				  Create and edit properties below to control the validation of objects added to the  <%= name %> collection.
 				</p>
-				<p style="color:#c00;">
-				POST /...<br />
-				GET /...
-				</p>
 				<hr />
 				<h6>Select User Groups Permissions on This Model</h6>
 				<p>Property-specific permissions can be also be set for the model.</p>