Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Wallet.vue
Show All 20 Lines | <div class="container" dusk="wallet-component"> | ||||
</template> | </template> | ||||
<button type="button" class="btn btn-primary" @click="paymentMethodForm('auto')">{{ $t('wallet.auto-payment-setup') }}</button> | <button type="button" class="btn btn-primary" @click="paymentMethodForm('auto')">{{ $t('wallet.auto-payment-setup') }}</button> | ||||
</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> | ||||
<template v-else> | <template v-else> | ||||
<p v-html="$t('wallet.auto-payment-info', { amount: mandate.amount, balance: mandate.balance })"></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> | <p> | ||||
<button type="button" class="btn btn-danger" @click="autoPaymentDelete">{{ $t('wallet.auto-payment-cancel') }}</button> | <button type="button" class="btn btn-danger" @click="autoPaymentDelete">{{ $t('wallet.auto-payment-cancel') }}</button> | ||||
<button type="button" class="btn btn-primary" @click="autoPaymentChange">{{ $t('wallet.auto-payment-change') }}</button> | <button type="button" class="btn btn-primary" @click="autoPaymentChange">{{ $t('wallet.auto-payment-change') }}</button> | ||||
▲ Show 20 Lines • Show All 424 Lines • Show Last 20 Lines |