Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/User/Profile.vue
| <template> | <template> | ||||
| <div class="container"> | <div class="container"> | ||||
| <div class="card" id="user-profile"> | <div class="card" id="user-profile"> | ||||
| <div class="card-body"> | <div class="card-body"> | ||||
| <div class="card-title">Your profile</div> | <div class="card-title">Your profile</div> | ||||
| <div class="card-text"> | <div class="card-text"> | ||||
| <form @submit.prevent="submit"> | <form @submit.prevent="submit"> | ||||
| <div class="form-group row plaintext"> | |||||
| <label class="col-sm-4 col-form-label">Customer No.</label> | |||||
| <div class="col-sm-8"> | |||||
| <span class="form-control-plaintext" id="userid">{{ user_id }}</span> | |||||
| </div> | |||||
| </div> | |||||
| <div class="form-group row"> | <div class="form-group row"> | ||||
| <label for="first_name" class="col-sm-4 col-form-label">First name</label> | <label for="first_name" class="col-sm-4 col-form-label">First name</label> | ||||
| <div class="col-sm-8"> | <div class="col-sm-8"> | ||||
| <input type="text" class="form-control" id="first_name" v-model="profile.first_name"> | <input type="text" class="form-control" id="first_name" v-model="profile.first_name"> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="form-group row"> | <div class="form-group row"> | ||||
| <label for="last_name" class="col-sm-4 col-form-label">Last name</label> | <label for="last_name" class="col-sm-4 col-form-label">Last name</label> | ||||
| ▲ Show 20 Lines • Show All 59 Lines • ▼ Show 20 Lines | <template> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| export default { | export default { | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| profile: {}, | profile: {}, | ||||
| user_id: null, | |||||
| wallet_id: null, | wallet_id: null, | ||||
| countries: window.config.countries | countries: window.config.countries | ||||
| } | } | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| this.wallet_id = this.$store.state.authInfo.wallet.id | this.wallet_id = this.$store.state.authInfo.wallet.id | ||||
| this.profile = this.$store.state.authInfo.settings | this.profile = this.$store.state.authInfo.settings | ||||
| this.user_id = this.$store.state.authInfo.id | |||||
| }, | }, | ||||
| mounted() { | mounted() { | ||||
| $('#first_name').focus() | $('#first_name').focus() | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| submit() { | submit() { | ||||
| if (this.profile.country) { | if (this.profile.country) { | ||||
| this.profile.currency = this.countries[this.profile.country][0] | this.profile.currency = this.countries[this.profile.country][0] | ||||
| } | } | ||||
| this.$root.clearFormValidation($('#user-profile form')) | this.$root.clearFormValidation($('#user-profile form')) | ||||
| axios.put('/api/v4/users/' + this.$store.state.authInfo.id, this.profile) | axios.put('/api/v4/users/' + this.user_id, this.profile) | ||||
| .then(response => { | .then(response => { | ||||
| delete this.profile.password | delete this.profile.password | ||||
| delete this.profile.password_confirm | delete this.profile.password_confirm | ||||
| this.$toast.success(response.data.message) | this.$toast.success(response.data.message) | ||||
| this.$router.push({ name: 'dashboard' }) | this.$router.push({ name: 'dashboard' }) | ||||
| }) | }) | ||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| </script> | </script> | ||||