main.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <head>
  2. <meta charset="UTF-8">
  3. <title>Astroid</title>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <!-- Stylesheets -->
  6. <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
  7. <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
  8. </head>
  9. <body>
  10. {{>navbar}}
  11. <div class="container">
  12. <div class="row">
  13. <div class="col-lg-9">
  14. <div class="row">
  15. {{>sidebarLeft}}
  16. <div class="col-xs-12 col-sm-8 col-lg-8">
  17. <div class="well">
  18. <h3 class="tasksHeading">My Tasks</h3>
  19. {{>newTaskForm}}
  20. <div class="row" id="filters">
  21. <hr>
  22. {{>filters}}
  23. {{>sortBy}}
  24. </div>
  25. <div class="taskList">
  26. {{>todos}}
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. {{>sidebarRight}}
  33. </div>
  34. </div>
  35. {{>modals}}
  36. </body>
  37. <template name="lists">
  38. {{#each list}}
  39. <a href="#" class="list-group-item"><span class="badge">{{numTodos}}</span>{{name}}</a>
  40. {{/each}}
  41. </template>
  42. <template name="people">
  43. {{#each friend}}
  44. <a href="#" class="list-group-item"><span class="badge">{{numTodos}}</span>{{name}}</a>
  45. {{/each}}
  46. </template>