Quellcode durchsuchen

Refactor out task items template

Adel Qalieh vor 12 Jahren
Ursprung
Commit
be56114795
3 geänderte Dateien mit 28 neuen und 26 gelöschten Zeilen
  1. 4 26
      client/index.html
  2. 19 0
      client/views/tasks/task_item.html
  3. 5 0
      client/views/tasks/task_list.html

+ 4 - 26
client/index.html

@@ -3,11 +3,11 @@
 	<title>Astroid</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- Stylesheets -->
-	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.css">
+	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
   <!-- Scripts -->
 	<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
-	<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
-	<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.4.0/moment.min.js"></script>
+	<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
+	<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.min.js"></script>
 </head>
 <body>
 <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
@@ -153,7 +153,7 @@
 								<span class="dueDate">28 Nov 2012</span> | <span class="taskItemList">Programming</span>
 							</small>
 						</div>
-            {{>todos}}
+						{{>todos}}
 					</div>
 				</div>
 			</div>
@@ -290,28 +290,6 @@
 </form>
 </template>
 
-<template name="todos">
-{{#each tasks}}
-  <div class="taskListItem">
-    <a href="#" class="completeBox"></a>
-    {{#if completed}}
-    <div class="taskRowTop text-line">{{body}}</div>
-    {{else}}
-    <div class="taskRowTop">{{body}}</div>
-    {{/if}}
-    <small class="taskRowBottom">
-        {{#overDue dateDue}}
-        <span class="dueDate text-danger">{{formatDate dateDue}}</span>
-        {{else}}
-        <span class="dueDate">{{formatDate dateDue}}</span>
-        {{/overDue}} | <span class="taskItemList">
-        {{list}}
-      </span>
-    </small>
-  </div>
-{{/each}}
-</template>
-
 <template name="lists">
 {{#each list}}
 <a href="#" class="list-group-item"><span class="badge">{{numTodos}}</span>{{name}}</a>

+ 19 - 0
client/views/tasks/task_item.html

@@ -0,0 +1,19 @@
+<template name="todoItem">
+  <div class="taskListItem">
+    <a href="#" class="completeBox"></a>
+    {{#if completed}}
+    <div class="taskRowTop text-line">{{body}}</div>
+    {{else}}
+    <div class="taskRowTop">{{body}}</div>
+    {{/if}}
+    <small class="taskRowBottom">
+        {{#overDue dateDue}}
+        <span class="dueDate text-danger">{{formatDate dateDue}}</span>
+        {{else}}
+        <span class="dueDate">{{formatDate dateDue}}</span>
+        {{/overDue}} | <span class="taskItemList">
+        {{list}}
+      </span>
+    </small>
+  </div>
+</template>

+ 5 - 0
client/views/tasks/task_list.html

@@ -0,0 +1,5 @@
+<template name="todos">
+{{#each tasks}}
+  {{> todoItem }}
+{{/each}}
+</template>