The theme comes with an out of the box user management option. To access this option ,click the "Examples(API)/Users " link in the left sidebar or add /users-list to the URL. The first thing you will see is a list of existing users. You can add new ones by clicking the "Add user " button (above the table on the right). On the Add user page, you will find a form which allows you to fill out the user`s name, email, role and password. To edit an existing user, click the
You can find the compoments for user functionality in src\views\examples-api\users folder.
The store used for user functionality is found in src\store\users.module.js
User List Examples Copy
1 < tableid = " user-list" ref = " table" class = " table table-flush" > 2 < theadclass = " thead-light" > 3 < tr> 4 < thdata-sortable = " false" > </ th> 5 < thtitle = " name" > </ th> 6 < thtitle = " email" > </ th> 7 < thtitle = " roles.name" > </ th> 8 < thtitle = " created_at" > </ th> 9 < thdata-sortable = " false" > </ th> 10 </ tr> 11 </ thead> 12 < tbodyclass = " text-sm" > 13 </ tbody> 14 </ table> Add/Edit Examples Copy
1 < divclass = " row mt-4 overflow-hidden" > 2 < div> 3 < material-avatar:img = " user.profile_image" shadow = " regular" class = " image-fluid w-20 mt-7" :fixedSize = " true" > 4 </ material-avatar> 5 </ div> 6 < divclass = " mt-1 mb-2" > 7 < material-buttonsize = " sm" type = " button" > 8 < labelfor = " imageInput" class = " mb-0 text-white small" > </ label> 9 < input id= "imageInput" @change. prevent= "onFileChange" type= "file" style= "display: none;" accept= "image/*" >
10 </ material-button> 11 </ div> 12 </ div> 13
14 < divclass = " row mt-5" > 15
16 < material-inputid = " name" label = " Name" variant = " static" v-model: value= " user.name" name = " name" /> 17 < validation-error:errors = " apiValidationErrors.name" /> 18
19 </ div> 20
21 < divclass = " row mt-5" > 22 < material-inputid = " email" type = " email" label = " Email Address" variant = " static" v-model: value= " user.email" 23 name = " email" /> 24 < validation-error:errors = " apiValidationErrors.email" /> 25 </ div> 26
27 < ! -- selectedRole-- >
28 < divclass = " mt-5" > 29 < labelclass = " ms-0" > </ label> 30 < selectid = " choices-state" class = " multisteps-form__select form-control" name = " choices-state" > 31 </ select> 32 </ div> 33
34 < divclass = " row mt-5" > 35 < material-inputid = " password" v-model: value= " user.password" variant = " static" type = " password" label = " Password" 36 name = " password" /> 37 < validation-error:errors = " apiValidationErrors.password" /> 38 </ div> 39 < divclass = " row mt-5" > 40 < material-inputid = " confirmPassword" variant = " static" v-model: value= " user.password_confirmation" type = " password" 41 label = " Confirm Password" name = " confirmPassword" /> 42 </ div> 43