- <div id="getting-started">
- <h1>Getting started</h1>
- <h2>Here’s how to get dancing:</h2>
-
- <h3><a href="#" id="about_env_link">About your application's environment</a></h3>
-
- <div id="about-content" style="display: none;">
- <table>
- <tbody>
- <tr>
- <td>Perl version</td>
- <td><span class="app-info"><% perl_version %></span></td>
- </tr>
- <tr>
- <td>Dancer2 version</td>
- <td><span class="app-info"><% dancer_version %></span></td>
- </tr>
- <tr>
- <td>Backend</td>
- <td><span class="app-info"><% settings.apphandler %></span></td>
- </tr>
- <tr>
- <td>Appdir</td>
- <td><span class="filepath">/btrfs/home/dam/w/lsl/tmp/App::REST::LazyShoppingList</span></td>
- </tr>
- <tr>
- <td>Template engine</td>
- <td><span class="app-info"><% settings.template %></span></td>
- </tr>
- <tr>
- <td>Logger engine</td>
- <td><span class="app-info"><% settings.logger %></span></td>
- </tr>
- <tr>
- <td>Running environment</td>
- <td><span class="app-info"><% settings.environment %></span></td>
- </tr>
- </tbody>
- </table>
- </div>
-
- <script type="text/javascript">
- $('#about_env_link').click(function() {
- $('#about-content').slideToggle('fast', function() {
- // ok
- });
- return false;
- });
- </script>
-
-
- <ol>
- <li>
- <h2>Tune your application</h2>
-
- <p>
- Your application is configured via a global configuration file,
- <span class="filepath">config.yml</span> and an "environment" configuration file,
- <span class="filepath">environments/development.yml</span>. Edit those files if you
- want to change the settings of your application.
- </p>
- </li>
-
- <li>
- <h2>Add your own routes</h2>
-
- <p>
- The default route that displays this page can be removed,
- it's just here to help you get started. The template used to
- generate this content is located in
- <span class="filepath">views/index.tt</span>.
- You can add some routes to <span class="filepath">lib/App/REST/LazyShoppingList.pm lib/App/REST/LazyShoppingList.pm</span>.
- </p>
- </li>
+ <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>