next step in web-app: adding of lists and list items, marking items as done/pending

[lsl.git] / views / index.tt

diff --git a/views/index.tt b/views/index.tt
index 6f32f0c189b70a91defbb1aa24cbf7cc346f2465..0b7a8cedfa54fefdb22be88405c634747591e2e0 100644 (file)
--- a/views/index.tt
+++ b/views/index.tt
@@ -3,17 +3,17 @@
     <ul id="sidebar-items">
       <li id="lists-sidebar-item">
         <h3>Shopping lists</h3>
-        <ul class="lists">
+        <ul id="lists">
         </ul>
       </li>
 
-      <li id="no-lists-sidebar-item">
+      <li id="no-lists-sidebar-item" class="have-no-lists">
         <h3>No shopping lists</h3>
       </li>
 
       <li id="new-list-sidebar-item">
         <h3>New shopping list</h3>
-        <div>
+        <div class="input-with-button">
           <input name="list_name" size="20" maxlength="60" />
           <button class="ui-icon-plusthick"></button>
         </div>
@@ -31,11 +31,13 @@
       </div>
     </div>
 
-
-    <div id="list-contents" class="have-lists">
+    <div id="list-contents" class="needs-lists">
       <ul id="list-items" class="have-list-items">
       </ul>
-      <div id="new-list-item">
+      <div id="list-is-empty">
+        The list has no items
+      </div>
+      <div id="new-list-item" class="input-with-button">
         <input type="text" size="15" maxlength="80" name="new_list_item" />
         <button id="add-list-item" class="ui-icon-plusthick">Add</button>
       </div>