cief/exchange-2.0
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git synced 2026-08-19 04:23:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

customer profile edit module

Browse Source
This commit is contained in:
JiaSheng
2023-08-05 18:14:45 +08:00
parent b4a062669c
commit 4db0fb9f29
3 changed files with 121 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Classes/ValueObjects/Constants/BusinessType.php
+7
View File
@@ -12,4 +12,11 @@ final class BusinessType {
public const TRANSFER_AGENT = 4;
public const BUSINESS_TYPE_LIST = [
self::FREIGHT_FORWARDER => 'FREIGHT_FORWARDER',
self::IMPORTER => 'IMPORTER',
self::CURRENCY_VENDOR => 'CURRENCY_VENDOR',
self::TRANSFER_AGENT => 'TRANSFER_AGENT',
];
}
resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+8
View File
@@ -38,6 +38,11 @@
</div>
</div>
</div>
<div class="col-12 p-0 p-b-5">
<div class="btn btn-xs btn-default bg-master-lighter btn-rounded p-r-20 p-l-15 requestModal" data-type="editProfileInfo">
<i class="fa fa-pencil m-r-10"></i>Edit Profile Info
</div>
</div>
<div class="col-12 p-0">
<label class="muted m-b-0" :style="minWidth">Address&nbsp;</label>
</div>
@@ -61,6 +66,9 @@
<modal-component id="deleteAddressModal">
<address-modal-component section="deleteAddressModal" :address_id="this.address_id"></address-modal-component>
</modal-component>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="editProfileInfo">
<edit-customer-profile-info-form-component :data="this.company_details" section="editCustomerProfileModal" v-if="this.company_details.id"></edit-customer-profile-info-form-component>
</modal-component>
</div>
</template>
resources/assets/vue/components/companies/forms/EditCustomerProfileInfoFormComponent.vue
+106
View File
@@ -0,0 +1,106 @@
<template>
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<div class="row m-b-10">
<div class="col">
<h3 class="all-caps m-b-5 bold no-margin">Edit Customer Profile</h3>
</div>
</div>
<div class="row m-b-10">
<div class="col">
<validation-wrapper-component :validator="$v.parameters.business_type">
<label>Business Type</label>
<input type="text" class="form-control" v-model="parameters.business_type">
</validation-wrapper-component>
</div>
</div>
<div class="row m-b-10">
<div class="col">
<validation-wrapper-component :validator="$v.parameters.email">
<label>Email</label>
<input type="text" class="form-control" v-model="parameters.email">
</validation-wrapper-component>
</div>
</div>
<div class="row m-b-10">
<div class="col">
<validation-wrapper-component :validator="$v.parameters.contact_email">
<label>Contact Email</label>
<input type="text" class="form-control" v-model="parameters.contact_email">
</validation-wrapper-component>
</div>
</div>
<div class="row m-b-10">
<div class="col">
<validation-wrapper-component :validator="$v.parameters.phone">
<label>Phone</label>
<input type="text" class="form-control" v-model="parameters.phone">
</validation-wrapper-component>
</div>
</div>
<div class="row">
<div class="col p-r-5">
<div class="btn btn-sm btn-default bg-master-lightest btn-block b-rad-none" data-dismiss="modal">Cancel</div>
</div>
<div class="col p-l-5">
<div class="btn btn-sm btn-success btn-block b-rad-none" @click="submitForm()">Update</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import modalFormHandler from "../../../general/mixins/modalFormHandler";
import { required } from "vuelidate/lib/validators";
export default {
props: {
data: {
type: Object,
default: null
}
},
created() {
if(this.data){
this.parameters.business_type = this.data.business_type;
this.parameters.email = this.data.employee ? this.data.employee.email : "";
this.parameters.contact_email = this.data.contact ? this.data.contact.email : "";
this.parameters.phone = this.data.contact ? this.data.contact.phone : "";
}
},
data(){
return {
parameters: {
business_type: "",
email: "",
contact_email: "",
phone: "",
}
}
},
validations: {
parameters: {
business_type: {
required,
},
email: {
required,
},
contact_email: {
required,
},
phone: {
required,
},
}
},
methods: {
submitForm(){
this.submit(route('api.company.update', this.data.id), 'put', '', false, false);
},
},
}
</script>