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

feat: front-end add edit fullname and request reset pasword component

Browse Source
This commit is contained in:
weichien
2021-05-23 15:37:15 +08:00
parent a61d3a37b7
commit 2ed2decf58
3 changed files with 50 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/settings/elements/UserProfileComponent.vue
+5 -1
View File
@@ -23,7 +23,7 @@
<div class="font-heading fs-11 muted">********</div>
</div>
<div class="col-auto p-r-0">
<div class="btn btn-xs btn-default bg-master-lighter btn-rounded p-r-20 p-l-15">
<div class="btn btn-xs btn-default bg-master-lighter btn-rounded p-r-20 p-l-15 requestModal" data-type="resetPassword">
<i class="fa fa-lock m-r-10"></i>Request Password Reset
</div>
</div>
@@ -46,6 +46,10 @@
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="editFullName">
<edit-user-profile-fullname-form-component :data="{name: $store.getters.getUserName}" :section="section"></edit-user-profile-fullname-form-component>
</modal-component>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="resetPassword">
<reset-user-password-form-component :data="{email: $store.getters.getUserEmail}" section="resetPassword"></reset-user-password-form-component>
</modal-component>
</div>
</template>
resources/assets/vue/components/settings/forms/EditUserProfileFullnameFormComponent.vue
+1
View File
@@ -10,6 +10,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="fs-12">Full Name</div>
<validation-wrapper-component :validator="$v.parameters.name">
<input type="text" class="form-control" v-model="parameters.name">
</validation-wrapper-component>
resources/assets/vue/components/settings/forms/ResetUserPasswordFormComponent.vue
+44
View File
@@ -0,0 +1,44 @@
<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">Reset Password</h3>
<p>A reset password link will send to your email account</p>
</div>
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-10 text-danger">{{error}}</small>
</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="submit(route('api.account.authentication.password.forget', '1'), 'post', section, true, true)">Confirm</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import resetPasswordFormValidation from '../../../general/mixins/accounts/validation/resetPasswordFormValidation';
export default {
data(){
return {
error: '',
parameters: {
email: ''
}
}
},
mixins: [resetPasswordFormValidation]
}
</script>