Add denied symbols in the frontend.

This commit is contained in:
elweyn 2023-01-13 11:08:18 +01:00
parent 70017c3115
commit 2e9f8caa9d
2 changed files with 12 additions and 17 deletions

View File

@ -30,7 +30,11 @@
<div class="small">
{{ $t('creation') }} {{ $t('(') }}{{ amount / 20 }} {{ $t('h') }}{{ $t(')') }}
</div>
<div class="font-weight-bold">{{ amount | GDD }}</div>
<div v-if="['DENIED'].includes(state) && allContribution" class="font-weight-bold">
<b-icon icon="x-circle" variant="danger"></b-icon>
{{ $t('contribution.alert.rejected') }}
</div>
<div v-else class="font-weight-bold">{{ amount | GDD }}</div>
</b-col>
<b-col cols="12" md="1" lg="1" class="text-right align-items-center">
<div v-if="messagesCount > 0" @click="visible = !visible">
@ -38,10 +42,7 @@
</div>
</b-col>
</b-row>
<b-row
v-if="(!['CONFIRMED', 'DELETED'].includes(state) && !allContribution) || messagesCount > 0"
class="p-2"
>
<b-row v-if="messagesCount > 0" class="p-2">
<b-col cols="3" class="mr-auto text-center">
<div
v-if="!['CONFIRMED', 'DELETED'].includes(state) && !allContribution"
@ -176,7 +177,7 @@ export default {
},
computed: {
icon() {
if (this.deletedAt) return 'x-circle'
if (this.deletedAt) return 'trash'
if (this.deniedAt) return 'x-circle'
if (this.confirmedAt) return 'check'
if (this.state === 'IN_PROGRESS') return 'question-circle'
@ -184,7 +185,7 @@ export default {
},
variant() {
if (this.deletedAt) return 'danger'
if (this.deniedAt) return 'danger'
if (this.deniedAt) return 'warning'
if (this.confirmedAt) return 'success'
if (this.state === 'IN_PROGRESS') return 'f5'
return 'primary'

View File

@ -22,6 +22,10 @@
<b-icon icon="x-circle" variant="danger"></b-icon>
{{ $t('contribution.alert.rejected') }}
</li>
<li>
<b-icon icon="trash" variant="warning"></b-icon>
{{ $t('contribution.alert.rejected') }}
</li>
</ul>
</div>
<div v-if="hash === '#all'" show fade variant="secondary" class="text-dark">
@ -29,16 +33,6 @@
<p>
{{ $t('contribution.alert.communityNoteList') }}
</p>
<ul>
<li>
<b-icon icon="bell-fill" variant="primary"></b-icon>
{{ $t('contribution.alert.pending') }}
</li>
<li>
<b-icon icon="check" variant="success"></b-icon>
{{ $t('contribution.alert.confirm') }}
</li>
</ul>
</div>
<div v-if="hash === '#edit'" show fade variant="secondary" class="text-dark">
<div>