new functions

Signed-off-by: Jakob <jakob.roehrl@web.de>

src/components/cards/CardBadges.vue

@@ -22,9 +22,9 @@
 
 <template>
 	<div class="badges">
-		<div v-if="true" class="card-files icon icon-files-dark" />
-		<div v-if="true" class="card-comments icon icon-comment" />
-		<div v-if="true" :class="{'icon-calendar': true, 'icon-calendar-dark': false}" class="due icon now">
+		<div v-if="card.attechments" class="card-files icon icon-files-dark" />
+		<div v-if="card.description" class="card-comments icon icon-comment" />
+		<div v-if="card.duedate" :class="{'icon-calendar': true, 'icon-calendar-dark': false}" class="due icon now">
 			<span>Now</span>
 		</div>
 		<div v-if="true" class="card-tasks icon icon-checkmark">
@@ -50,6 +50,9 @@ export default {
 	computed: {
 		compactMode() {
 			return false
+		},
+		card() {
+			return this.$store.getters.cardById(this.id)
 		}
 	}
 }

src/components/cards/CardItem.vue

@@ -34,10 +34,10 @@
 			</transition>
 		</div>
 		<ul class="labels">
-			<li v-for="label in labels" :key="label.id" :style="labelStyle(label)"><span>{{ label.title }}</span></li>
+			<li v-for="label in card.labels" :key="label.id" :style="labelStyle(label)"><span>{{ label.title }}</span></li>
 		</ul>
 		<div v-show="!compactMode" class="card-controls compact-item">
-			<card-badges />
+			<card-badges :id="id" />
 		</div>
 	</div>
 </template>
@@ -82,12 +82,6 @@ export default {
 		menu() {
 			return []
 		},
-		labels() {
-			return [
-				{ id: 1, title: 'ToDo', color: 'aa0000' },
-				{ id: 2, title: 'Done', color: '33ff33' }
-			]
-		},
 		labelStyle() {
 			return (label) => {
 				return {