provide installation instructions
[extjs.git] / 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>