mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
100 lines
2.9 KiB
Vue
100 lines
2.9 KiB
Vue
<template>
|
|
<div>
|
|
<b-card
|
|
v-show="$store.state.openCreations > 0"
|
|
border-variant="primary"
|
|
header="offene Schöpfungen"
|
|
header-bg-variant="danger"
|
|
header-text-variant="white"
|
|
align="center"
|
|
>
|
|
<b-card-text>
|
|
<b-link to="creation-confirm">
|
|
<h1>{{ $store.state.openCreations }}</h1>
|
|
</b-link>
|
|
</b-card-text>
|
|
</b-card>
|
|
<b-card
|
|
v-show="$store.state.openCreations < 1"
|
|
border-variant="success"
|
|
header="keine offene Schöpfungen"
|
|
header-bg-variant="success"
|
|
header-text-variant="white"
|
|
align="center"
|
|
>
|
|
<b-card-text>
|
|
<b-link to="creation-confirm">
|
|
<h1>{{ $store.state.openCreations }}</h1>
|
|
</b-link>
|
|
</b-card-text>
|
|
</b-card>
|
|
<br />
|
|
<b-row>
|
|
<b-col>
|
|
<b-card border-variant="info" header="offene Registrierung" align="center">
|
|
<b-card-text>Unbestätigte E-mail Registrierung</b-card-text>
|
|
</b-card>
|
|
</b-col>
|
|
<b-col>
|
|
<b-card border-variant="info" header="geschöpfte Stunden" align="center">
|
|
<b-card-text>Wievile Stunden können noch von Mitgliedern geschöpft werden?</b-card-text>
|
|
</b-card>
|
|
</b-col>
|
|
<b-col>
|
|
<b-card border-variant="info" header="Gemeinschafts Konto" align="center">
|
|
<b-card-text>
|
|
Für jedes Mitglied kann für das Gemeinschaftskonto geschöpft werden. Pro Monat 1000 x
|
|
Mitglieder
|
|
</b-card-text>
|
|
</b-card>
|
|
</b-col>
|
|
</b-row>
|
|
<hr />
|
|
<br />
|
|
<b-list-group>
|
|
<b-list-group-item class="bg-secondary text-light" href="user">
|
|
zur Usersuche
|
|
</b-list-group-item>
|
|
<b-list-group-item class="d-flex justify-content-between align-items-center">
|
|
Mitglieder
|
|
<b-badge class="bg-success" pill>14</b-badge>
|
|
</b-list-group-item>
|
|
|
|
<b-list-group-item class="d-flex justify-content-between align-items-center">
|
|
aktive Mitglieder
|
|
<b-badge class="bg-primary" pill>12</b-badge>
|
|
</b-list-group-item>
|
|
|
|
<b-list-group-item class="d-flex justify-content-between align-items-center">
|
|
nicht bestätigte Mitglieder
|
|
<b-badge class="bg-warning text-dark" pill>2</b-badge>
|
|
</b-list-group-item>
|
|
</b-list-group>
|
|
<b-button @click="$store.commit('resetOpenCreations')">
|
|
lösche alle offenen Test Schöpfungen
|
|
</b-button>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { getPendingCreations } from '../graphql/getPendingCreations'
|
|
|
|
export default {
|
|
name: 'overview',
|
|
methods: {
|
|
getPendingCreations() {
|
|
this.$apollo
|
|
.query({
|
|
query: getPendingCreations,
|
|
})
|
|
.then((result) => {
|
|
this.$store.commit('setOpenCreations', result.data.getPendingCreations.length)
|
|
})
|
|
.catch()
|
|
},
|
|
},
|
|
created() {
|
|
this.getPendingCreations()
|
|
},
|
|
}
|
|
</script>
|