examples/tasks/tasks.html

   1 <html>
   2         <head>
   3                 <title>Simple Tasks</title>
   4             <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   5             <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
   6             <script type="text/javascript" src="../../ext-all.js"></script>
   7
   8                 <script type="text/javascript" src="db/ext-db.js"></script>
   9                 <script type="text/javascript" src="gears.js"></script>
  10                 <script type="text/javascript" src="db/ext-gears-db.js"></script>
  11
  12                 <script type="text/javascript" src="classes.js"></script>
  13         <script type="text/javascript" src="tasks.js"></script>
  14
  15         <link rel="stylesheet" type="text/css" href="tasks.css" />
  16 </head>
  17 <body>
  18 <span></span>
  19 <ul id="task-views" class="x-hidden">
  20         <li>
  21                 <img src="images/s.gif" class="icon-show-all"/>
  22                 <a id="view-all" href="#">All tasks</a>
  23         </li>
  24         <li>
  25                 <img src="images/s.gif" class="icon-show-active"/>
  26                 <a id="view-active" href="#">Active tasks</a>
  27         </li>
  28         <li>
  29                 <img src="images/s.gif" class="icon-show-complete"/>
  30                 <a id="view-complete" href="#">Completed tasks</a>
  31         </li>
  32 </ul>
  33 <ul id="task-actions" class="x-hidden">
  34         <li id="new-task">
  35                 <img src="images/s.gif" class="icon-edit"/>
  36                 <a id="action-new" href="#">Add a new task</a>
  37         </li>
  38         <li style="display:none;">
  39                 <img src="images/s.gif" class="icon-complete"/>
  40                 <a id="action-complete" href="#">Mark selected task<span class="s">s</span> completed</a>
  41         </li>
  42         <li style="display:none;">
  43                 <img src="images/s.gif" class="icon-active"/>
  44                 <a id="action-active" href="#">Mark selected task<span class="s">s</span> active</a>
  45         </li>
  46         <li style="display:none;">
  47                 <img src="images/s.gif" class="icon-delete"/>
  48                 <a id="action-delete" href="#">Delete selected task<span class="s">s</span></a>
  49         </li>
  50 </ul>
  51 <ul id="task-grouping" class="x-hidden">
  52         <li>
  53                 <img src="images/s.gif" class="icon-by-date"/>
  54                 <a id="group-date" href="#">By Date</a>
  55         </li>
  56         <li>
  57                 <img src="images/s.gif" class="icon-by-category"/>
  58                 <a id="group-cat" href="#">By Category</a>
  59         </li>
  60         <li>
  61                 <img src="images/s.gif" class="icon-no-group"/>
  62                 <a id="no-group" href="#">No Grouping</a>
  63         </li>
  64 </ul>
  65 </body>
  66 </html>