mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-19 04:23:55 +00:00
CheeSiong
94 lines
3.9 KiB
Vue
94 lines
3.9 KiB
Vue
<template>
|
|
<div class="row p-t-25 text-left">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="b-l b-success p-l-15 m-b-15" style="border-left-width: 3px;">
|
|
<h6 class="bold all-caps no-margin text-success">Registration</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<validation-wrapper-component :validator="$v.parameters.name">
|
|
<label class="muted">Name</label>
|
|
<input class="form-control" name="name" v-model="parameters.name">
|
|
</validation-wrapper-component>
|
|
<validation-wrapper-component :validator="$v.parameters.email">
|
|
<label class="muted">Email</label>
|
|
<input class="form-control" name="email" v-model="parameters.email">
|
|
</validation-wrapper-component>
|
|
<validation-wrapper-component :validator="$v.parameters.company_name">
|
|
<label class="muted">Company Name</label>
|
|
<input class="form-control" name="company_name" v-model="parameters.company_name">
|
|
</validation-wrapper-component>
|
|
<validation-wrapper-component :validator="$v.parameters.phone">
|
|
<label class="muted">Phone</label>
|
|
<input class="form-control" name="phone" v-model="parameters.phone">
|
|
</validation-wrapper-component>
|
|
<validation-wrapper-component :validator="$v.parameters.password">
|
|
<label class="muted">Password</label>
|
|
<input class="form-control" type="password" name="password" v-model="parameters.password">
|
|
</validation-wrapper-component>
|
|
<validation-wrapper-component :validator="$v.parameters.password_confirmation">
|
|
<label class="muted">Password Confirmation</label>
|
|
<input class="form-control" type="password" name="password_confirmation" v-model="parameters.password_confirmation">
|
|
</validation-wrapper-component>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col text-right">
|
|
<button type="button" class="btn btn-success" @click="submitForm()">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { required, email, sameAs, numeric } from "vuelidate/lib/validators";
|
|
export default {
|
|
props: {
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
parameters : {
|
|
name: '',
|
|
email: '',
|
|
company_name: '',
|
|
phone: '',
|
|
password: '',
|
|
password_confirmation: '',
|
|
}
|
|
}
|
|
},
|
|
validations: {
|
|
parameters: {
|
|
name: { required },
|
|
email: { required, email },
|
|
company_name: { required },
|
|
phone: { required, numeric },
|
|
password: { required },
|
|
password_confirmation: { required, sameAsPassword: sameAs('password') }
|
|
}
|
|
},
|
|
methods:{
|
|
submitForm(){
|
|
this.submit((this.route('api.account.registration')), 'post', 'registrationSection', true, true)
|
|
},
|
|
errorHandler(){
|
|
|
|
},
|
|
successHandler(){
|
|
console.log('yess');
|
|
this.crudSuccess();
|
|
EventBus.$emit('updateAddress')
|
|
}
|
|
}
|
|
}
|
|
</script>
|