Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Wallet.vue
| Show First 20 Lines • Show All 102 Lines • ▼ Show 20 Lines | <div class="container" dusk="wallet-component"> | ||||
| <div class="input-group"> | <div class="input-group"> | ||||
| <input type="text" class="form-control" id="amount" v-model="amount" required> | <input type="text" class="form-control" id="amount" v-model="amount" required> | ||||
| <span class="input-group-text">{{ wallet.currency }}</span> | <span class="input-group-text">{{ wallet.currency }}</span> | ||||
| </div> | </div> | ||||
| <div v-if="wallet.currency != selectedPaymentMethod.currency && !isNaN(amount) && selectedPaymentMethod.exchangeRate" class="alert alert-warning m-0 mt-3"> | <div v-if="wallet.currency != selectedPaymentMethod.currency && !isNaN(amount) && selectedPaymentMethod.exchangeRate" class="alert alert-warning m-0 mt-3"> | ||||
| {{ $t('wallet.payment-warning', { price: $root.price(amount * selectedPaymentMethod.exchangeRate * 100, selectedPaymentMethod.currency) }) }} | {{ $t('wallet.payment-warning', { price: $root.price(amount * selectedPaymentMethod.exchangeRate * 100, selectedPaymentMethod.currency) }) }} | ||||
| </div> | </div> | ||||
| </form> | </form> | ||||
| <div class="alert alert-warning m-0 mt-3"> | |||||
| {{ $t('wallet.norefund') }} | |||||
| </div> | |||||
| </div> | </div> | ||||
| <div id="auto-payment" v-if="paymentForm == 'auto'"> | <div id="auto-payment" v-if="paymentForm == 'auto'"> | ||||
| <form data-validation-prefix="mandate_"> | <form data-validation-prefix="mandate_"> | ||||
| <p> | <p> | ||||
| {{ $t('wallet.auto-payment-hint') }} | {{ $t('wallet.auto-payment-hint') }} | ||||
| </p> | </p> | ||||
| <div class="row mb-3"> | <div class="row mb-3"> | ||||
| <label for="mandate_amount" class="col-sm-6 col-form-label">{{ $t('wallet.fill-up') }}</label> | <label for="mandate_amount" class="col-sm-6 col-form-label">{{ $t('wallet.fill-up') }}</label> | ||||
| Show All 15 Lines | <div class="container" dusk="wallet-component"> | ||||
| </div> | </div> | ||||
| <p v-if="!mandate.isValid"> | <p v-if="!mandate.isValid"> | ||||
| {{ $t('wallet.auto-payment-next') }} | {{ $t('wallet.auto-payment-next') }} | ||||
| </p> | </p> | ||||
| <div v-if="mandate.isValid && mandate.isDisabled" class="disabled-mandate alert alert-danger m-0"> | <div v-if="mandate.isValid && mandate.isDisabled" class="disabled-mandate alert alert-danger m-0"> | ||||
| {{ $t('wallet.auto-payment-disabled-next') }} | {{ $t('wallet.auto-payment-disabled-next') }} | ||||
| </div> | </div> | ||||
| </form> | </form> | ||||
| <div class="alert alert-warning m-0 mt-3"> | |||||
| {{ $t('wallet.norefund') }} | |||||
| </div> | |||||
| </div> | </div> | ||||
| </modal-dialog> | </modal-dialog> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import ModalDialog from './Widgets/ModalDialog' | import ModalDialog from './Widgets/ModalDialog' | ||||
| import TransactionLog from './Widgets/TransactionLog' | import TransactionLog from './Widgets/TransactionLog' | ||||
| ▲ Show 20 Lines • Show All 269 Lines • Show Last 20 Lines | |||||