profile.tmpl 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. {{template "ng/base/head" .}}
  2. {{template "ng/base/header" .}}
  3. <div id="setting-wrapper" class="main-wrapper">
  4. <div id="user-profile-setting" class="container clear">
  5. {{template "user/settings/nav" .}}
  6. <div class="grid-4-5 left">
  7. <div class="setting-content">
  8. {{template "ng/base/alert" .}}
  9. <div id="setting-content">
  10. <div id="user-profile-setting-content" class="panel panel-radius">
  11. <div class="panel-header">
  12. <strong>{{.i18n.Tr "settings.public_profile"}}</strong>
  13. </div>
  14. <form class="form form-align panel-body" id="user-profile-form" action="{{AppSubUrl}}/user/settings" method="post">
  15. {{.CsrfTokenHtml}}
  16. <div class="text-center panel-desc">{{.i18n.Tr "settings.profile_desc"}}</div>
  17. <div class="field">
  18. <label>{{.i18n.Tr "settings.uid"}}</label>
  19. <label class="text-left">{{.SignedUser.Id}}</label>
  20. </div>
  21. <div class="field">
  22. <label class="req" for="username">{{.i18n.Tr "username"}}</label>
  23. <input class="ipt ipt-large ipt-radius {{if .Err_UserName}}ipt-error{{end}}" id="username" name="uname" type="text" value="{{.SignedUser.Name}}" data-uname="{{.SignedUser.Name}}" required />
  24. </div>
  25. <div class="white-popup-block mfp-hide" id="change-username-modal">
  26. <h1 class="text-red">{{.i18n.Tr "settings.change_username"}}</h1>
  27. <p>{{.i18n.Tr "settings.change_username_desc"}}</p>
  28. <br>
  29. <button class="btn btn-red btn-large btn-radius" id="change-username-submit">{{.i18n.Tr "settings.continue"}}</button>
  30. <button class="btn btn-large btn-radius popup-modal-dismiss">{{.i18n.Tr "settings.cancel"}}</button>
  31. </div>
  32. <div class="field">
  33. <label for="full-name">{{.i18n.Tr "settings.full_name"}}</label>
  34. <input class="ipt ipt-large ipt-radius {{if .Err_FullName}}ipt-error{{end}}" id="full-name" name="fullname" type="text" value="{{.SignedUser.FullName}}" />
  35. </div>
  36. <div class="field">
  37. <label class="req" for="email">{{.i18n.Tr "email"}}</label>
  38. <input class="ipt ipt-large ipt-radius {{if .Err_Email}}ipt-error{{end}}" id="email" name="email" type="email" value="{{.SignedUser.Email}}" required />
  39. </div>
  40. <div class="field">
  41. <label for="website">{{.i18n.Tr "settings.website"}}</label>
  42. <input class="ipt ipt-large ipt-radius {{if .Err_Website}}ipt-error{{end}}" id="website" name="website" type="url" value="{{.SignedUser.Website}}" />
  43. </div>
  44. <div class="field">
  45. <label for="location">{{.i18n.Tr "settings.location"}}</label>
  46. <input class="ipt ipt-large ipt-radius {{if .Err_Location}}ipt-error{{end}}" id="location" name="location" type="text" value="{{.SignedUser.Location}}" />
  47. </div>
  48. <div class="field">
  49. <label for="gravatar-email">Gravatar {{.i18n.Tr "email"}}</label>
  50. <input class="ipt ipt-large ipt-radius {{if .Err_Avatar}}ipt-error{{end}}" id="gravatar-email" name="avatar" type="text" value="{{.SignedUser.AvatarEmail}}" />
  51. </div>
  52. <div class="field">
  53. <label></label>
  54. <button class="btn btn-green btn-large btn-radius" id="change-username-btn" href="#change-username-modal">{{.i18n.Tr "settings.update_profile"}}</button>
  55. </div>
  56. </form>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. {{template "ng/base/footer" .}}