src/components/tasks/TableView.vue

@@ -4,6 +4,7 @@
 			<thead>
 				<tr>
 					<th>#</th>
+					<th>Done</th>
 					<th>Name</th>
 					<th>Priority</th>
 					<th>Labels</th>
@@ -20,6 +21,9 @@
 			<tbody>
 				<tr v-for="t in tasks" :key="t.id">
 					<td><router-link :to="{name: 'taskDetailView', params: { id: t.id }}">{{ t.id }}</router-link></td>
+					<td>
+						<div class="is-done" v-if="t.done">Done</div>
+					</td>
 					<td><router-link :to="{name: 'taskDetailView', params: { id: t.id }}">{{ t.text }}</router-link></td>
 					<td>
 						<priority-label :priority="t.priority" :show-all="true"/>
@@ -88,7 +92,19 @@
 		data() {
 			return {
 				activeColumns: {
-
+					id: true,
+					done: true,
+					text: true,
+					priority: false,
+					labels: true,
+					assignees: true,
+					dueDate: true,
+					startDate: false,
+					endDate: false,
+					percentDone: false,
+					created: false,
+					updated: false,
+					createdBy: false,
 				}
 			}
 		},

src/styles/components/table-view.scss

@@ -5,5 +5,10 @@
     .user {
       margin: 0;
     }
+
+    .is-done {
+      font-size: .9em;
+      margin: 0;
+    }
   }
 }

src/styles/components/task.scss

@@ -55,16 +55,6 @@
       height: auto;
     }
 
-    .is-done {
-      background: $green;
-      color: $white;
-      padding: .5em;
-      font-size: 1.5em;
-      margin-left: .5em;
-      font-weight: bold;
-      line-height: 1;
-      border-radius: 4px;
-    }
   }
 
   .date-input {
@@ -181,3 +171,14 @@
     }
   }
 }
+
+.is-done {
+  background: $green;
+  color: $white;
+  padding: .5em;
+  font-size: 1.5em;
+  margin-left: .5em;
+  font-weight: bold;
+  line-height: 1;
+  border-radius: 4px;
+}