]> git.ktnx.net Git - lsl.git/blob - views/index.tt
pop a "Check all" / "Clear all" button when multiple items are checked/cleared in...
[lsl.git] / views / index.tt
1 <div id="splash">
2   <p>Loading…</p>
3 </div>
4 <div id="page" class="loading-lists" lsl-uri-base="<% request.uri_base %>" lsl-environment="<% settings.environment %>" >
5   <div id="content">
6     <div id="header">
7       <div id="head-list-name" class="needs-lists">
8         <span id="selected-list-name"></span>
9         <span id="list-edit-trigger">
10           <span class="ui-icon ui-icon-pencil"></span>
11         </span>
12       </div>
13       <div class="have-no-lists">
14         <div class="table-2-col">
15           <h1>First create a shopping list</h1><div class="arrow">→</div>
16         </div>
17       </div>
18     </div>
19
20     <div id="list-contents" class="needs-lists">
21       <ul id="list-items" class="have-list-items">
22       </ul>
23       <div id="list-is-empty">
24         The list has no items
25       </div>
26       <div id="new-list-item" class="input-with-button">
27         <input type="text" size="10" axlength="80" name="new_list_item" />
28         <button id="add-list-item" class="ui-icon-plusthick">Add</button>
29       </div>
30     </div>
31     <div id="item-multi-action">
32       <button id="btn-check-all">Check all</button>
33       <button id="btn-clear-all">Clear all</button>
34     </div>
35   </div>
36
37   <div id="sidebar">
38     <ul id="sidebar-items">
39       <li id="lists-sidebar-item">
40         <h3>Shopping lists</h3>
41         <ul id="lists">
42         </ul>
43       </li>
44
45       <li id="no-lists-sidebar-item" class="have-no-lists">
46         <h3>No shopping lists</h3>
47       </li>
48
49       <li id="new-list-sidebar-item">
50         <h5>New shopping list</h5>
51         <div class="input-with-button">
52           <input name="list_name" size="10" maxlength="60" />
53           <button class="ui-icon-plusthick"></button>
54         </div>
55       </li>
56     </ul>
57   </div>
58 </div>
59
60 <!-- vim: set ft=html sw=2 :-->