X-Git-Url: https://git.ktnx.net/?a=blobdiff_plain;f=views%2Findex.tt;h=069f5f4df84251d3dee7f8ca99a511a96220e712;hb=236cfd6f94eba726539fbc0f4001ff8c8c8d56b3;hp=6f32f0c189b70a91defbb1aa24cbf7cc346f2465;hpb=0ddba2456ee68202f1086a8f5db82ac5e2403b6c;p=lsl.git

diff --git a/views/index.tt b/views/index.tt
index 6f32f0c..069f5f4 100644
--- a/views/index.tt
+++ b/views/index.tt
@@ -1,45 +1,55 @@
-<div id="page" class="loading-lists" lsl-uri-base="<% request.uri_base %>">
+<div id="splash">
+  <p>Loading…</p>
+</div>
+<div id="page" class="loading-lists" lsl-uri-base="<% request.uri_base %>" lsl-environment="<% settings.environment %>" >
+  <div id="content">
+    <div id="header">
+      <div id="head-list-name" class="needs-lists">
+        <span id="selected-list-name"></span>
+        <span id="list-edit-trigger">
+          <span class="ui-icon ui-icon-pencil"></span>
+        </span>
+      </div>
+      <div class="have-no-lists">
+        <div class="table-2-col">
+          <h1>First create a shopping list</h1><div class="arrow">→</div>
+        </div>
+      </div>
+    </div>
+
+    <div id="list-contents" class="needs-lists">
+      <ul id="list-items" class="have-list-items">
+      </ul>
+      <div id="list-is-empty">
+        The list has no items
+      </div>
+      <div id="new-list-item" class="input-with-button">
+        <input type="text" size="10" axlength="80" name="new_list_item" />
+        <button id="add-list-item" class="ui-icon-plusthick">Add</button>
+      </div>
+    </div>
+  </div>
+
   <div id="sidebar">
     <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>
-          <input name="list_name" size="20" maxlength="60" />
+        <h5>New shopping list</h5>
+        <div class="input-with-button">
+          <input name="list_name" size="10" maxlength="60" />
           <button class="ui-icon-plusthick"></button>
         </div>
       </li>
     </ul>
   </div>
-
-  <div id="content">
-    <div id="header">
-      <h1 id="selected-list-name" class="have-lists"></h1>
-      <div class="have-no-lists">
-        <div class="table-2-col">
-          <h1>First create a shopping list</h1><div class="arrow">→</div>
-        </div>
-      </div>
-    </div>
-
-
-    <div id="list-contents" class="have-lists">
-      <ul id="list-items" class="have-list-items">
-      </ul>
-      <div id="new-list-item">
-        <input type="text" size="15" maxlength="80" name="new_list_item" />
-        <button id="add-list-item" class="ui-icon-plusthick">Add</button>
-      </div>
-    </div>
-  </div>
 </div>
 <!-- vim: set ft=html sw=2 :-->