shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

credit card select style updated

Browse Source
This commit is contained in:
batuhanbas 2020-02-03 18:40:23 +03:00
parent 2cdd395327
commit 87b362e757
1 changed files with 44 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
resources/assets/js/components/CreditCard/CardForm.vue
View File

@ -183,37 +183,52 @@
<div class="row"> <div class="row">
<div class="col-md-7"> <div class="col-md-7">
<label for="cardMonth" class="form-control-label">{{ textExpirationDate }}</label> <label for="cardMonth" class="form-control-label">{{ textExpirationDate }}</label>
<div class="card-form__group"> <div class="form-group d-flex">
<select <div class="input-group input-group-merge">
class="card-input__input -select" <div class="input-group-prepend">
:id="fields.cardMonth" <span class="input-group-text">
v-model="formData.cardMonth" <i class="fas fa-calendar-alt"></i>
@change="changeMonth" </span>
data-card-field </div>
> <select
<option value disabled selected>{{ textMonth }}</option> class="form-control w-50"
<option :id="fields.cardMonth"
v-bind:value="n < 10 ? '0' + n : n" v-model="formData.cardMonth"
v-for="n in 12" @change="changeMonth"
v-bind:disabled="n < minCardMonth" data-card-field
v-bind:key="n"
>{{generateMonthValue(n)}}</option>
</select>
<select
class="card-input__input -select"
:id="fields.cardYear"
v-model="formData.cardYear"
@change="changeYear"
data-card-field
> >
<option value disabled selected>{{ textYear }}</option> <option value="" disabled>{{ textMonth }}</option>
<option <option
v-bind:value="$index + minCardYear" v-bind:value="n < 10 ? '0' + n : n"
v-for="(n, $index) in 12" v-for="n in 12"
v-bind:disabled="n < minCardMonth"
v-bind:key="n" v-bind:key="n"
>{{$index + minCardYear}}</option> :selected="selected == value"
</select> >{{generateMonthValue(n)}}</option>
</select>
</div>
<div class="input-group input-group-merge ml-4">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fas fa-calendar-alt"></i>
</span>
</div>
<select
class="form-control w-50"
:id="fields.cardYear"
v-model="formData.cardYear"
@change="changeYear"
data-card-field
>
<option value="" disabled>{{ textYear }}</option>
<option
v-bind:value="$index + minCardYear"
v-for="(n, $index) in 12"
v-bind:key="n"
:selected="selected == value"
>{{$index + minCardYear}}</option>
</select>
</div>
</div> </div>
</div> </div>
@ -312,6 +327,7 @@ export default {
card: { card: {
type: Boolean, type: Boolean,
default: false, default: false,
icon: '',
description: "Add Card Style" description: "Add Card Style"
}, },