<p>Loading…</p>
</div>
<div id="page" class="loading-lists" lsl-uri-base="<% request.uri_base %>" lsl-environment="<% settings.environment %>" >
- <div id="sidebar">
- <ul id="sidebar-items">
- <li id="lists-sidebar-item">
- <h3>Shopping lists</h3>
- <ul id="lists">
- </ul>
- </li>
-
- <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 class="input-with-button">
- <input name="list_name" size="20" 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 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>
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" />
+ <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 id="item-multi-action">
+ <button id="btn-check-all">Check all</button>
+ <button id="btn-clear-all">Clear all</button>
+ </div>
+ </div>
+
+ <div id="sidebar">
+ <ul id="sidebar-items">
+ <li id="lists-sidebar-item">
+ <h3>Shopping lists</h3>
+ <ul id="lists">
+ </ul>
+ </li>
+
+ <li id="no-lists-sidebar-item" class="have-no-lists">
+ <h3>No shopping lists</h3>
+ </li>
+
+ <li id="new-list-sidebar-item">
+ <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>
+
<!-- vim: set ft=html sw=2 :-->