/architecture-examples/backbone/index.html

https://github.com/wycats/todomvc · HTML · 64 lines · 64 code · 0 blank · 0 comment · 0 complexity · b2eaafce0b05b6ccfd6f54383bdf58f3 MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <html lang="en" data-framework="backbonejs">
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="utf-8">
    5. 

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

  6. 		<title>Backbone.js • TodoMVC</title>
    7. 

  7. 		<link rel="stylesheet" href="bower_components/todomvc-common/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" placeholder="What needs to be done?" autofocus>
    14. 

  14. 			</header>
    15. 

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

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

  17. 				<label for="toggle-all">Mark all as complete</label>
    18. 

  18. 				<ul id="todo-list"></ul>
    19. 

  19. 			</section>
    20. 

  20. 			<footer id="footer"></footer>
    21. 

  21. 		</section>
    22. 

  22. 		<footer id="info">
    23. 

  23. 			<p>Double-click to edit a todo</p>
    24. 

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

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

  26. 		</footer>
    27. 

  27. 		<script type="text/template" id="item-template">
    28. 

  28. 			<div class="view">
    29. 

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

  30. 				<label><%- title %></label>
    31. 

  31. 				<button class="destroy"></button>
    32. 

  32. 			</div>
    33. 

  33. 			<input class="edit" value="<%- title %>">
    34. 

  34. 		</script>
    35. 

  35. 		<script type="text/template" id="stats-template">
    36. 

  36. 			<span id="todo-count"><strong><%= remaining %></strong> <%= remaining === 1 ? 'item' : 'items' %> left</span>
    37. 

  37. 			<ul id="filters">
    38. 

  38. 				<li>
    39. 

  39. 					<a class="selected" href="#/">All</a>
    40. 

  40. 				</li>
    41. 

  41. 				<li>
    42. 

  42. 					<a href="#/active">Active</a>
    43. 

  43. 				</li>
    44. 

  44. 				<li>
    45. 

  45. 					<a href="#/completed">Completed</a>
    46. 

  46. 				</li>
    47. 

  47. 			</ul>
    48. 

  48. 			<% if (completed) { %>
    49. 

  49. 			<button id="clear-completed">Clear completed (<%= completed %>)</button>
    50. 

  50. 			<% } %>
    51. 

  51. 		</script>
    52. 

  52. 		<script src="bower_components/todomvc-common/base.js"></script>
    53. 

  53. 		<script src="bower_components/jquery/jquery.js"></script>
    54. 

  54. 		<script src="bower_components/underscore/underscore.js"></script>
    55. 

  55. 		<script src="bower_components/backbone/backbone.js"></script>
    56. 

  56. 		<script src="bower_components/backbone.localStorage/backbone.localStorage.js"></script>
    57. 

  57. 		<script src="js/models/todo.js"></script>
    58. 

  58. 		<script src="js/collections/todos.js"></script>
    59. 

  59. 		<script src="js/views/todo-view.js"></script>
    60. 

  60. 		<script src="js/views/app-view.js"></script>
    61. 

  61. 		<script src="js/routers/router.js"></script>
    62. 

  62. 		<script src="js/app.js"></script>
    63. 

  63. 	</body>
    64. 

  64. </html>
    65.