| <!DOCTYPE html> |
| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| <html> |
| <head> |
| <script type="text/javascript" src="json2.js"></script> |
| <script type="text/javascript" src="todo.js"></script> |
| <style> |
| body{ |
| margin:0px; |
| padding:0px; |
| font-family: sans-serif; |
| } |
| #wrapper{ |
| width: 310px; |
| height: 450px; |
| overflow: hidden; |
| color: #FFF; |
| background-color: #000; |
| } |
| #tasklist{ |
| width:308px; |
| height: 300px; |
| overflow-y:scroll; |
| border: 1px solid #666; |
| background-color: #FF3; |
| color: #000; |
| } |
| .filter{ |
| font-size: 0.8em; |
| text-align: center; |
| } |
| h1 { |
| font-size: 1.5em; |
| text-align: center; |
| } |
| .task{ |
| position:relative; |
| padding: 4px; |
| width: 284px; |
| height: 32px; |
| } |
| .taskname{ |
| position:absolute; |
| font-size: 0.9em; |
| margin-top: 0px; |
| width: 200px; |
| height: 20px; |
| overflow:hidden; |
| margin-left: 40px; |
| } |
| .taskowner{ |
| position:absolute; |
| margin-left: 40px; |
| margin-top: 15px; |
| color: #333; |
| font-size: 0.8em; |
| width: 200px; |
| height: 16px; |
| overflow:hidden; |
| } |
| .action{ |
| position:absolute; |
| margin-left: 236px; |
| margin-top: 8px; |
| } |
| .status{ |
| position:absolute; |
| margin-left: 0px; |
| margin-top: 0px; |
| } |
| .user{ |
| position:absolute; |
| margin-left:254px; |
| margin-top: 0px; |
| height: 32px; |
| width: 32px; |
| } |
| #newtaskform{ |
| margin-top: 20px; |
| padding: 10px; |
| text-align: center; |
| } |
| #taskinput{ |
| font-size: 0.9em; |
| } |
| |
| </style> |
| </head> |
| |
| <body onload="Controller.init()"> |
| <div id="wrapper"> |
| <h1>Ta-Da!!</h1> |
| <div id="tasklist"></div> |
| <div id="newtaskform"> |
| <input id="taskinput" type="text" size="30" value="new task"/><br/> |
| <input type="submit" value="create task" onClick="Controller.newTask()"/> |
| </div> |
| </div> |
| </body> |
| </html> |
