cief/exchange-2.0
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git synced 2026-08-30 09:53:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

update change booking price ui design

Browse Source
This commit is contained in:
edmondlang
2021-10-26 19:20:12 +08:00
parent 22cdbe3e61
commit 7ba5f704d3
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
+2 -2
View File
@@ -70,9 +70,9 @@
<div class="font-heading all-caps fs-10">Transfer Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-12 requestModal" data-type="editBookingAmount">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-12"><i class="fa fa-edit fs-12 pointer fa-fw requestModal" data-type="editBookingAmount"></i> {{this.data.fixed_currency.short_code}} {{(Math.round((this.data.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="stick-up" type="editBookingAmount">
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="editBookingAmount">
<edit-booking-amount-form-component :data="{name: $store.getters.getUserName}" :section="section"></edit-booking-amount-form-component>
</modal-component>
</div>
resources/assets/vue/components/bookings/forms/EditBookingAmountFormComponent.vue
+12 -6
View File
@@ -10,9 +10,9 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="fs-12 text-black">Booking Amount</div>
<validation-wrapper-component :validator="$v.parameters.name">
<input type="text" class="form-control" v-model="parameters.name">
<validation-wrapper-component :validator="$v.parameters.bookingAmount">
<label class="muted">Booking Amount</label>
<input type="text" class="form-control" v-model="parameters.bookingAmount">
</validation-wrapper-component>
</div>
</div>
@@ -36,16 +36,22 @@
</template>
<script>
import updateProfileFormValidation from '../../../general/mixins/accounts/validation/updateProfileFormValidation';
import { required } from "vuelidate/lib/validators";
// import updateProfileHandler from "../updateProfileHandler";
export default {
data(){
return {
error: '',
parameters: {
name: ''
bookingAmount: ''
}
}
},
mixins: [updateProfileFormValidation]
validations: {
parameters: {
bookingAmount: { required },
}
},
// mixins: [updateProfileFormValidation]
}
</script>