profile.tmpl 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. {{template "base/head" .}}
  2. <div class="user settings profile">
  3. <div class="ui container">
  4. <div class="ui grid">
  5. {{template "user/settings/navbar" .}}
  6. <div class="twelve wide column content">
  7. {{template "base/alert" .}}
  8. <h4 class="ui top attached header">
  9. {{.i18n.Tr "settings.public_profile"}} 👦
  10. </h4>
  11. <div class="ui attached segment">
  12. <p>{{.i18n.Tr "settings.profile_desc"}}</p>
  13. <form class="ui form" action="{{.Link}}" method="post">
  14. {{.CSRFTokenHTML}}
  15. <div class="required field {{if .Err_Name}}error{{end}}">
  16. <label for="username">{{.i18n.Tr "username"}}<span class="text red {{if eq .name .origin_name}}hide{{end}}" id="name-change-prompt"> {{.i18n.Tr "settings.change_username_prompt"}}</span></label>
  17. <input id="username" name="name" value="{{.name}}" data-name="{{.origin_name}}" autofocus required {{if not .LoggedUser.IsLocal}}readonly{{end}}>
  18. {{if not .LoggedUser.IsLocal}}
  19. <p class="help text blue">{{$.i18n.Tr "settings.password_username_disabled"}}</p>
  20. {{end}}
  21. </div>
  22. <div class="field {{if .Err_FullName}}error{{end}}">
  23. <label for="full_name">{{.i18n.Tr "settings.full_name"}}</label>
  24. <input id="full_name" name="full_name" value="{{.full_name}}">
  25. </div>
  26. <div class="field">
  27. <label for="status">{{.i18n.Tr "settings.status"}}</label>
  28. <input id="status" name="status" value="{{.status}}" placeholder="Working Remotely">
  29. </div>
  30. <div class="field {{if .Err_Description}}error{{end}}">
  31. <label for="description">{{.i18n.Tr "settings.description"}}</label>
  32. <textarea id="description" name="description" rows="2">{{.description}}</textarea>
  33. </div>
  34. <div class="field {{if .Err_Company}}error{{end}}">
  35. <label for="company">{{.i18n.Tr "settings.company"}}</label>
  36. <input id="company" name="company" value="{{.company}}" placeholder="Acme, Inc">
  37. </div>
  38. <div class="required field {{if .Err_Email}}error{{end}}">
  39. <label for="email">{{.i18n.Tr "email"}}</label>
  40. <input id="email" name="email" type="email" value="{{.email}}" placeholder="me@example.com" required>
  41. </div>
  42. <div class="inline field">
  43. <div class="ui checkbox">
  44. <label><strong>{{.i18n.Tr "settings.private_email"}}</strong><span class="ui green basic label tiny beta-badge">Beta</span></label>
  45. <input name="private_email" type="checkbox" {{if .private_email}}checked{{end}}>
  46. </div>
  47. </div>
  48. <div class="field {{if .Err_Website}}error{{end}}">
  49. <label for="website">{{.i18n.Tr "settings.website"}}</label>
  50. <input id="website" name="website" type="url" value="{{.website}}" placeholder="https://example.com">
  51. </div>
  52. <div class="field">
  53. <label for="location">{{.i18n.Tr "settings.location"}}</label>
  54. <input id="location" name="location" value="{{.location}}" placeholder="NYC">
  55. </div>
  56. <div class="field">
  57. <label for="theme_color">Color</label>
  58. <input type="text" id="theme_color" name="theme_color" class="jscolor {hash:true} jscolor-active" value="{{.themecolor}}" placeholder="#161616" autocomplete="off">
  59. </div>
  60. <div class="inline field">
  61. <label for="location">Beta: </label>
  62. <div class="ui checkbox">
  63. <label><strong>{{.i18n.Tr "settings.beta"}}</strong> <i class="developer octicon octicon-circuit-board"></i></label>
  64. <input name="is_beta" type="checkbox" {{if .is_beta}}checked{{end}}>
  65. </div>
  66. </div>
  67. <div class="field">
  68. <button class="ui green button">{{$.i18n.Tr "settings.update_profile"}}</button>
  69. </div>
  70. </form>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. {{template "base/footer" .}}