From c9977cd6d07b3e93c1542f5efc5a05722d205cf9 Mon Sep 17 00:00:00 2001
From: Philipp Lang <privat@zoomyboy.de>
Date: Mon, 29 Aug 2022 12:03:11 +0200
Subject: [PATCH] Add: Tags for member overview
---
resources/js/components/VBool.vue | 20 ++++++++++++++++----
resources/js/views/member/VIndex.vue | 21 ++++++++++++++++++---
2 files changed, 34 insertions(+), 7 deletions(-)
diff --git a/resources/js/components/VBool.vue b/resources/js/components/VBool.vue
index 0c05e729..217f2590 100644
--- a/resources/js/components/VBool.vue
+++ b/resources/js/components/VBool.vue
@@ -1,5 +1,5 @@
<template>
- <div class="bool" :class="value ? 'enabled' : 'disabled'">
+ <div class="bool" v-tooltip="comment" :class="value ? 'enabled' : 'disabled'">
<svg-sprite v-if="!$slots.default" :src="value ? 'check' : 'close'"></svg-sprite>
<slot></slot>
</div>
@@ -8,13 +8,25 @@
<script>
export default {
props: {
- value: {}
+ value: {},
+ trueComment: {},
+ falseComment: {},
},
computed: {
t() {
return this.value ? 'Ja' : 'Nein';
- }
- }
+ },
+ comment() {
+ if (this.value && this.trueComment) {
+ return this.trueComment;
+ }
+ if (!this.value && this.falseComment) {
+ return this.falseComment;
+ }
+
+ return '';
+ },
+ },
};
</script>
diff --git a/resources/js/views/member/VIndex.vue b/resources/js/views/member/VIndex.vue
index ec8d9a7f..8a7bf44d 100644
--- a/resources/js/views/member/VIndex.vue
+++ b/resources/js/views/member/VIndex.vue
@@ -40,9 +40,24 @@
<td v-text="`${member.location}`"></td>
<td>
<div class="bool-row">
- <v-bool v-model="member.send_newspaper">M</v-bool>
- <v-bool v-model="member.has_nami">N</v-bool>
- <v-bool v-model="member.is_confirmed">C</v-bool>
+ <v-bool
+ true-comment="Mittendrin abonniert"
+ false-comment="Mittendrin nicht abonníert"
+ v-model="member.send_newspaper"
+ >M</v-bool
+ >
+ <v-bool
+ true-comment="In NaMi eingetragen"
+ false-comment="Nicht in NaMi eingetragen"
+ v-model="member.has_nami"
+ >N</v-bool
+ >
+ <v-bool
+ true-comment="Daten bestätigt"
+ false-comment="Daten warten auf Bestätigung"
+ v-model="member.is_confirmed"
+ >C</v-bool
+ >
</div>
</td>
<td v-text="member.subscription_name"></td>