Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Wallet.vue
Show All 19 Lines | <div class="container" dusk="wallet-component"> | ||||
<btn class="btn-danger" @click="autoPaymentDelete">{{ $t('wallet.auto-payment-cancel') }}</btn> | <btn class="btn-danger" @click="autoPaymentDelete">{{ $t('wallet.auto-payment-cancel') }}</btn> | ||||
</template> | </template> | ||||
<btn class="btn-primary" @click="paymentMethodForm('auto')">{{ $t('wallet.auto-payment-setup') }}</btn> | <btn class="btn-primary" @click="paymentMethodForm('auto')">{{ $t('wallet.auto-payment-setup') }}</btn> | ||||
</div> | </div> | ||||
<div id="mandate-info" v-else> | <div id="mandate-info" v-else> | ||||
<div v-if="mandate.isDisabled" class="disabled-mandate alert alert-danger"> | <div v-if="mandate.isDisabled" class="disabled-mandate alert alert-danger"> | ||||
{{ $t('wallet.auto-payment-disabled') }} | {{ $t('wallet.auto-payment-disabled') }} | ||||
</div> | </div> | ||||
<div v-if="mandate.isFixed" class="disabled-mandate alert alert-danger"> | |||||
This is a fixed mandate | |||||
</div> | |||||
<template v-else> | <template v-else> | ||||
<p v-html="$t('wallet.auto-payment-info', { amount: mandate.amount + ' ' + wallet.currency, balance: mandate.balance + ' ' + wallet.currency})"></p> | <p v-html="$t('wallet.auto-payment-info', { amount: mandate.amount + ' ' + wallet.currency, balance: mandate.balance + ' ' + wallet.currency})"></p> | ||||
<p>{{ $t('wallet.payment-method', { method: mandate.method }) }}</p> | <p>{{ $t('wallet.payment-method', { method: mandate.method }) }}</p> | ||||
</template> | </template> | ||||
<div v-if="mandate.isPending" class="alert alert-warning"> | <div v-if="mandate.isPending" class="alert alert-warning"> | ||||
{{ $t('wallet.auto-payment-inprogress') }} | {{ $t('wallet.auto-payment-inprogress') }} | ||||
</div> | </div> | ||||
<p class="buttons"> | <p class="buttons"> | ||||
▲ Show 20 Lines • Show All 389 Lines • Show Last 20 Lines |