From 9cd9f3e01892d6d69e0a8e020aa15187ca02cc58 Mon Sep 17 00:00:00 2001
From: TheLD <Lars@adonris.de>
Date: Tue, 26 May 2020 18:22:35 +0200
Subject: [PATCH] add ui for tags

---
 ui/src/components/Clients.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/ui/src/components/Clients.vue b/ui/src/components/Clients.vue
index cfeaa8c..4d34028 100644
--- a/ui/src/components/Clients.vue
+++ b/ui/src/components/Clients.vue
@@ -44,6 +44,17 @@
                         {{ ip }}
                     </v-chip>
                 </template>
+                <template v-slot:item.tags="{ item }">
+                    <v-chip
+                            v-for="(tag, i) in item.tags"
+                            :key="i"
+                            color="blue-grey"
+                            text-color="white"
+                    >
+                        <v-icon left>mdi-tag</v-icon>
+                        {{ tag }}
+                    </v-chip>
+                </template>
                 <template v-slot:item.created="{ item }">
                     <v-row>
                         <p>At {{ item.created | formatDate }} by {{ item.createdBy }}</p>
@@ -122,6 +133,17 @@
                                     {{ ip }}
                                 </v-chip>
                             </v-card-text>
+                            <v-card-text class="text--primary">
+                                <v-chip
+                                        v-for="(tag, i) in client.tags"
+                                        :key="i"
+                                        color="blue-grey"
+                                        text-color="white"
+                                >
+                                    <v-icon left>mdi-tag</v-icon>
+                                    {{ tag }}
+                                </v-chip>
+                            </v-card-text>
                             <v-card-actions>
                                 <v-tooltip bottom>
                                     <template v-slot:activator="{ on }">
@@ -448,6 +470,7 @@
         { text: 'Name', value: 'name', },
         { text: 'Email', value: 'email', },
         { text: 'IP addresses', value: 'address', },
+        { text: 'Tags', value: 'tags', },
         { text: 'Created', value: 'created', sortable: false, },
         { text: 'Updated', value: 'updated', sortable: false, },
         { text: 'Actions', value: 'action', sortable: false, },