Move boolean display
This commit is contained in:
parent
d78740d508
commit
c68f1e00c4
|
@ -1,14 +1,7 @@
|
|||
<template>
|
||||
<div v-tooltip="longLabel" class="flex space-x-2 items-center">
|
||||
<div
|
||||
class="border-2 rounded-full w-4 h-4 flex items-center justify-center"
|
||||
:class="value ? 'border-green-700' : 'border-red-700'"
|
||||
>
|
||||
<svg-sprite
|
||||
:src="value ? 'check' : 'close'"
|
||||
:class="value ? 'text-green-800' : 'text-red-800'"
|
||||
class="w-3 h-3 flex-none"
|
||||
></svg-sprite>
|
||||
<div class="border-2 rounded-full w-5 h-5 flex items-center justify-center" :class="value ? 'border-green-700' : 'border-red-700'">
|
||||
<svg-sprite :src="value ? 'check' : 'close'" :class="value ? 'text-green-800' : 'text-red-800'" class="w-3 h-3 flex-none"></svg-sprite>
|
||||
</div>
|
||||
<div class="text-gray-400 text-xs" v-text="label"></div>
|
||||
</div>
|
|
@ -1,45 +1,17 @@
|
|||
<template>
|
||||
<div class="flex gap-3">
|
||||
<div class="grid gap-3">
|
||||
<key-value
|
||||
class="col-start-1"
|
||||
label="Führungszeugnis eingesehen"
|
||||
:value="inner.efz_human ? inner.efz_human : 'nie'"
|
||||
></key-value>
|
||||
<key-value
|
||||
class="col-start-1"
|
||||
label="Präventionsschulung"
|
||||
:value="inner.ps_at_human ? inner.ps_at_human : 'nie'"
|
||||
></key-value>
|
||||
<key-value
|
||||
class="col-start-1"
|
||||
label="Vertiefungsschulung"
|
||||
:value="inner.more_ps_at_human ? inner.more_ps_at_human : 'nie'"
|
||||
></key-value>
|
||||
<key-value
|
||||
class="col-start-1"
|
||||
label="Einsatz ohne Schulung"
|
||||
:value="inner.without_education_at_human ? inner.without_education_at_human : 'nie'"
|
||||
></key-value>
|
||||
<key-value
|
||||
class="col-start-1"
|
||||
label="Einsatz ohne EFZ"
|
||||
:value="inner.without_efz_at_human ? inner.without_efz_at_human : 'nie'"
|
||||
></key-value>
|
||||
<key-value class="col-start-1" label="Führungszeugnis eingesehen" :value="inner.efz_human ? inner.efz_human : 'nie'"></key-value>
|
||||
<key-value class="col-start-1" label="Präventionsschulung" :value="inner.ps_at_human ? inner.ps_at_human : 'nie'"></key-value>
|
||||
<key-value class="col-start-1" label="Vertiefungsschulung" :value="inner.more_ps_at_human ? inner.more_ps_at_human : 'nie'"></key-value>
|
||||
<key-value class="col-start-1" label="Einsatz ohne Schulung" :value="inner.without_education_at_human ? inner.without_education_at_human : 'nie'"></key-value>
|
||||
<key-value class="col-start-1" label="Einsatz ohne EFZ" :value="inner.without_efz_at_human ? inner.without_efz_at_human : 'nie'"></key-value>
|
||||
</div>
|
||||
<div class="grid gap-3 content-start">
|
||||
<boolean :value="inner.has_vk" long-label="Verhaltenskodex unterschrieben" label="VK"></boolean>
|
||||
<boolean :value="inner.has_svk" long-label="SVK unterschrieben" label="SVK"></boolean>
|
||||
<boolean
|
||||
:value="inner.multiply_pv"
|
||||
long-label="Multiplikator*in Präventionsschulung"
|
||||
label="Multipl. PS"
|
||||
></boolean>
|
||||
<boolean
|
||||
:value="inner.multiply_more_pv"
|
||||
long-label="Multiplikator*in Vertierungsschulung"
|
||||
label="Multipl. VS"
|
||||
></boolean>
|
||||
<ui-boolean-display :value="inner.multiply_pv" long-label="Multiplikator*in Präventionsschulung" label="Multipl. PS"></ui-boolean-display>
|
||||
<ui-boolean-display :value="inner.multiply_more_pv" long-label="Multiplikator*in Vertierungsschulung" label="Multipl. VS"></ui-boolean-display>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -51,7 +23,6 @@ export default {
|
|||
},
|
||||
components: {
|
||||
'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
|
||||
'boolean': () => import(/* webpackChunkName: "member" */ '../Boolean'),
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<key-value label="Beitrag" :value="inner.subscription ? inner.subscription.name : 'kein'"></key-value>
|
||||
<key-value v-if="inner.joined_at_human" label="Eintrittsdatum" :value="inner.joined_at_human"></key-value>
|
||||
<key-value v-if="inner.bill_kind_name" label="Rechnung" :value="inner.bill_kind_name"></key-value>
|
||||
<boolean :value="inner.send_newspaper" label="Mittendrin versenden"></boolean>
|
||||
<ui-boolean-display :value="inner.send_newspaper" label="Mittendrin versenden"></ui-boolean-display>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -16,7 +16,6 @@ export default {
|
|||
},
|
||||
components: {
|
||||
'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
|
||||
'boolean': () => import(/* webpackChunkName: "member" */ '../Boolean'),
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue