edit-profile.ejs 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <div id="edit-profile" v-cloak>
  2. <div class="container">
  3. <h1>Update personal info</h1>
  4. <hr/>
  5. <ajax-form action="updateProfile" :syncing.sync="syncing" :cloud-error.sync="cloudError" @submitted="submittedForm()" :handle-parsing="handleParsingForm">
  6. <div class="row">
  7. <div class="col-sm-6">
  8. <div class="form-group">
  9. <label for="full-name">Full name</label>
  10. <input class="form-control" id="full-name" name="full-name" type="text" :class="[formErrors.fullName ? 'is-invalid' : '']" v-model.trim="formData.fullName" placeholder="Sturgis P. Sturgeon">
  11. <div class="invalid-feedback" v-if="formErrors.fullName">Please enter your full name.</div>
  12. </div>
  13. </div>
  14. <div class="col-sm-6">
  15. <div class="form-group">
  16. <label for="email-address">Email address</label>
  17. <input class="form-control" id="email-address" name="email-address" type="email" :class="[formErrors.emailAddress ? 'is-invalid' : '']" v-model.trim="formData.emailAddress" placeholder="sturgeon@example.com">
  18. <div class="invalid-feedback" v-if="formErrors.emailAddress">Please enter a valid email address.</div>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="row">
  23. <div class="col-sm-6">
  24. <p class="text-danger" v-if="cloudError === 'emailAlreadyInUse'">There is already an account using that email address.</p>
  25. <p class="text-danger" v-else-if="cloudError">An error occured while processing your request. Please check your information and try again, or <a href="/contact">contact support</a> if the error persists.</p>
  26. </div>
  27. <div class="col-sm-6">
  28. <div class="form-group text-right">
  29. <a class="btn btn-outline-info" href="/account">Cancel</a>
  30. <ajax-button type="submit" :syncing="syncing" class="btn btn-dark">Save changes</ajax-button>
  31. </div>
  32. </div>
  33. </div>
  34. </ajax-form>
  35. </div>
  36. </div>
  37. <%- /* Expose locals as `window.SAILS_LOCALS` :: */ exposeLocalsToBrowser() %>