/todos/index.html

https://bitbucket.org/Alex_PK/bb · HTML · 78 lines · 67 code · 11 blank · 0 comment · 0 complexity · 75abf3aa321e8c4b349231bf72016fb2 MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="UTF8" />
    5. 

  5. 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    6. 

  6. 	<title>Test BB</title>
    7. 

  7. 	<link rel="stylesheet" href="css/base.css" />
    8. 

  8. </head>
    9. 

  9. <body>
    10. 

  10. 	<section id="todoapp">
    11. 

  11. 		<header id="header">
    12. 

  12. 			<h1>Todos</h1>
    13. 

  13. 			<input id="new-todo" name="new-todo" placeholder="I have to..." autofocus />
    14. 

  14. 		</header>
    15. 

  15. 		
    16. 

  16. 		<section id="main">
    17. 

  17. 			<input id="toggle-all" type="checkbox" />
    18. 

  18. 			<label for="toggle-all">mark all as complete</label>
    19. 

  19. 			<ul id="todo-list">
    20. 

  20. 			</ul>
    21. 

  21. 		</section>
    22. 

  22. 		
    23. 

  23. 		<footer id="footer"></footer>
    24. 

  24. 		
    25. 

  25. 	</section>
    26. 

  26. 	
    27. 

  27. 	<div id="info">
    28. 

  28. 		<p>Double-click to edit a todo</p>
    29. 

  29. 		<p>Written by <a href="https://github.com/addyosmani">Addy Osmani</a></p>
    30. 

  30. 		<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
    31. 

  31. 	</div>
    32. 

  32. 	
    33. 

  33. 	<script type="text/template" id="item-template">
    34. 

  34. 		<div class="view">
    35. 

  35. 			<input class="toggle" type="checkbox" <%= completed ? 'checked="checked"' : '' %>>
    36. 

  36. 			<label><%- title %></label>
    37. 

  37. 			<button class="destroy"></button>
    38. 

  38. 		</div>
    39. 

  39. 		<input class="edit" value="<%- title %>" />
    40. 

  40. 	</script>
    41. 

  41. 	
    42. 

  42. 	<script type="text/template" id="stats-template">
    43. 

  43. 		<span id="todo-count">
    44. 

  44. 			<strong><%= remaining %></strong>
    45. 

  45. 			<%= remaining === 1 ? 'item' : 'items' %> left
    46. 

  46. 		</span>
    47. 

  47. 		<ul id="filters">
    48. 

  48. 			<li>
    49. 

  49. 				<a class="selected" href="#/">All</a>
    50. 

  50. 			</li>
    51. 

  51. 			<li>
    52. 

  52. 				<a href="#/active">Active</a>
    53. 

  53. 			</li>
    54. 

  54. 			<li>
    55. 

  55. 				<a href="#/completed">Completed</a>
    56. 

  56. 			</li>
    57. 

  57. 		</ul>
    58. 

  58. 		<% if (completed) { %>
    59. 

  59. 			<button id="clear-completed">Clear completed (<%= completed %>)</button>
    60. 

  60. 		<% } %>
    61. 

  61. 	</script>
    62. 

  62. 

  63. 	<script src="js/lib/jquery.js"></script>
    64. 

  64. 	<script src="js/lib/underscore.js"></script>
    65. 

  65. 	<script src="js/lib/backbone.js"></script>
    66. 

  66. 	<script src="js/lib/backbone.localStorage.js"></script>
    67. 

  67. 	
    68. 

  68. 	<script src="js/models/todo.js"></script>
    69. 

  69. 	<script src="js/models/todoList.js"></script>
    70. 

  70. 	
    71. 

  71. 	<script src="js/views/todos.js"></script>
    72. 

  72. 	<script src="js/views/app.js"></script>
    73. 

  73. 	
    74. 

  74. 	<script src="js/app/router.js"></script>
    75. 

  75. 	<script src="js/app/app.js"></script>
    76. 

  76. 

  77. </body>
    78. 

  78. </html>
    79.