summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/LogModuleEntry.vue
diff options
context:
space:
mode:
authorUdo Walter2019-03-27 16:20:29 +0100
committerUdo Walter2019-03-27 16:20:29 +0100
commit6a9cf5338e5131396c72e0c9dfc41ebf94de95d3 (patch)
tree6b2e2e3d063093dd1a31bc0f7494819e0957b1ff /webapp/src/components/LogModuleEntry.vue
parent[webapp] small style fixes in groups module and selectbox (diff)
downloadbas-6a9cf5338e5131396c72e0c9dfc41ebf94de95d3.tar.gz
bas-6a9cf5338e5131396c72e0c9dfc41ebf94de95d3.tar.xz
bas-6a9cf5338e5131396c72e0c9dfc41ebf94de95d3.zip
[log] add filter functionality
Diffstat (limited to 'webapp/src/components/LogModuleEntry.vue')
-rw-r--r--webapp/src/components/LogModuleEntry.vue51
1 files changed, 48 insertions, 3 deletions
diff --git a/webapp/src/components/LogModuleEntry.vue b/webapp/src/components/LogModuleEntry.vue
index a8de4a8..2e9ce67 100644
--- a/webapp/src/components/LogModuleEntry.vue
+++ b/webapp/src/components/LogModuleEntry.vue
@@ -1,8 +1,24 @@
<i18n>
{
"en": {
+ "id": "ID",
+ "name": "Name",
+ "description": "Description",
+ "ip": "IP",
+ "mac": "MAC",
+ "uuid": "UUID",
+ "username": "Username",
+ "deleted": "Deleted"
},
"de": {
+ "id": "ID",
+ "name": "Name",
+ "description": "Beschreibung",
+ "ip": "IP",
+ "mac": "MAC",
+ "uuid": "UUID",
+ "username": "Benutzername",
+ "deleted": "Gelöscht"
}
}
</i18n>
@@ -17,7 +33,17 @@
</v-btn>
</template>
<template #default>
- <v-card style="user-select: text;"><v-card-text>{{ item.clientSnapshot }}</v-card-text></v-card>
+ <v-card style="user-select: text;"><v-card-text>
+ <div v-if="item.client.deleted" class="error--text" style="text-align: center; font-weight: bold;">{{ $t('deleted') }}</div>
+ <table>
+ <tr><td class="snapshot-key">{{ $t('id') }}</td><td>{{ item.clientSnapshot.id }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('name') }}</td><td>{{ item.clientSnapshot.name }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('description') }}</td><td style="white-space: pre;">{{ item.clientSnapshot.description }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('ip') }}</td><td>{{ item.clientSnapshot.ip }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('mac') }}</td><td>{{ item.clientSnapshot.mac }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('uuid') }}</td><td>{{ item.clientSnapshot.uuid }}</td></tr>
+ </table>
+ </v-card-text></v-card>
</template>
</v-menu>
</template>
@@ -30,7 +56,13 @@
</v-btn>
</template>
<template #default>
- <v-card style="user-select: text;"><v-card-text>{{ item.groupSnapshot }}</v-card-text></v-card>
+ <v-card style="user-select: text;"><v-card-text>
+ <table>
+ <tr><td class="snapshot-key">{{ $t('id') }}</td><td>{{ item.groupSnapshot.id }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('name') }}</td><td>{{ item.groupSnapshot.name }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('description') }}</td><td style="white-space: pre;">{{ item.groupSnapshot.description }}</td></tr>
+ </table>
+ </v-card-text></v-card>
</template>
</v-menu>
</template>
@@ -43,7 +75,13 @@
</v-btn>
</template>
<template #default>
- <v-card style="user-select: text;"><v-card-text>{{ item.userSnapshot }}</v-card-text></v-card>
+ <v-card style="user-select: text;"><v-card-text>
+ <table>
+ <tr><td class="snapshot-key">{{ $t('id') }}</td><td>{{ item.userSnapshot.id }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('username') }}</td><td>{{ item.userSnapshot.username }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('name') }}</td><td>{{ item.userSnapshot.name }}</td></tr>
+ </table>
+ </v-card-text></v-card>
</template>
</v-menu>
</template>
@@ -119,6 +157,13 @@ export default {
text-overflow: ellipsis;
text-transform: none;
}
+
+.snapshot-key {
+ vertical-align: top;
+ font-weight: bold;
+ text-align: right;
+ padding-right: 16px;
+}
</style>
<style>