main.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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. <!-- Scripts -->
  8. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  9. <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
  10. <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.min.js"></script>
  11. </head>
  12. <body>
  13. {{>navbar}}
  14. <div class="container">
  15. <div class="row">
  16. <div class="col-lg-9">
  17. <div class="row">
  18. {{>sidebarLeft}}
  19. <div class="col-xs-12 col-sm-8 col-lg-8">
  20. <div class="well">
  21. <h3 class="tasksHeading">My Tasks</h3>
  22. {{>newTaskForm}}
  23. <div class="row" id="filters">
  24. <hr>
  25. <div class="col-xs-6 text-left dropdown">
  26. <a href="#" data-toggle="dropdown">Filter: Uncompleted</a>
  27. <ul class="dropdown-menu" role="menu" arial-labelledby="dLabel">
  28. <li><a href="#">Uncompleted</a></li>
  29. <li><a href="#">Not in my lists</a></li>
  30. <li><a href="#">Due today</a></li>
  31. <li><a href="#">Due soon</a></li>
  32. <li><a href="#">Overdue</a></li>
  33. <li><a href="#">Repeating</a></li>
  34. <li><a href="#">Completed</a></li>
  35. <li><a href="#">Everything</a></li>
  36. </ul>
  37. </div>
  38. <div class="col-xs-6 text-right dropdown">
  39. <a href="#" data-toggle="dropdown">Sort by: Auto</a>
  40. <ul class="dropdown-menu pull-right" role="menu">
  41. <li><a href="#">Auto</a></li>
  42. <li><a href="#">Manual</a></li>
  43. <li><a href="#">Priority</a></li>
  44. <li><a href="#">Due date</a></li>
  45. <li><a href="#">Date created</a></li>
  46. <li><a href="#">Date completed</a></li>
  47. <li><a href="#">Last modified</a></li>
  48. <li><a href="#">A to Z</a></li>
  49. </ul>
  50. </div>
  51. </div>
  52. <div class="taskList">
  53. <div class="taskListItem">
  54. <a href="#" class="completeBox"></a>
  55. <div class="taskRowTop">Lorem ipsum dolor sit</div>
  56. <small class="taskRowBottom">
  57. <span class="dueDate text-danger">4 July 2012</span> | <span class="taskItemList">Home</span>
  58. </small>
  59. </div>
  60. <div class="taskListItem">
  61. <a href="#" class="completeBox" style="border: 3px solid #a0222a;"></a>
  62. <div class="taskRowTop">Dolor, provident odit pariatur</div>
  63. <small class="taskRowBottom">
  64. <span class="dueDate">21 Aug 2012</span> | <span class="taskItemList">Programming</span>
  65. </small>
  66. </div>
  67. <div class="taskListItem">
  68. <a href="#" class="completeBox" style="border: 3px solid #fbb03b;"></a>
  69. <div class="taskRowTop">Aperiam, eos, mollitia! Iure</div>
  70. <small class="taskRowBottom">
  71. <span class="dueDate">16 Oct 2012</span> | <span class="taskItemList">Personal</span>
  72. </small>
  73. </div>
  74. <div class="taskListItem">
  75. <a href="#" class="completeBox"></a>
  76. <div class="taskRowTop">Quae porro accusamus molestias</div>
  77. <small class="taskRowBottom">
  78. <span class="dueDate">16 Oct 2012</span> | <span class="taskItemList">Programming</span>
  79. </small>
  80. </div>
  81. <div class="taskListItem">
  82. <a href="#" class="completeBox"></a>
  83. <div class="taskRowTop">Sed, saepe qui a</div>
  84. <small class="taskRowBottom">
  85. <span class="dueDate">28 Nov 2012</span> | <span class="taskItemList">Programming</span>
  86. </small>
  87. </div>
  88. {{>todos}}
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. {{>sidebarRight}}
  95. </div>
  96. </div>
  97. <div class="modals">
  98. {{>addList}}
  99. {{>addFolder}}
  100. {{>addFriend}}
  101. {{>shareToFriend}}
  102. </div>
  103. </body>
  104. <template name="lists">
  105. {{#each list}}
  106. <a href="#" class="list-group-item"><span class="badge">{{numTodos}}</span>{{name}}</a>
  107. {{/each}}
  108. </template>
  109. <template name="people">
  110. {{#each friend}}
  111. <a href="#" class="list-group-item"><span class="badge">{{numTodos}}</span>{{name}}</a>
  112. {{/each}}
  113. </template>