PageRenderTime 56ms CodeModel.GetById 32ms RepoModel.GetById 0ms app.codeStats 0ms

/javascript/profile-package/username-picker.handlebars

https://bitbucket.org/lmeius/lehor
Handlebars | 42 lines | 42 code | 0 blank | 0 comment | 1 complexity | e42603331d25ca5e03f85d7a20cc0ebd MD5 | raw file
Possible License(s): MIT, BSD-3-Clause, CC-BY-3.0, GPL-3.0
  1. <div class="modal-header">
  2. <a href="#" class="close-button close">x</a><h3>Edit basic info</h3>
  3. </div>
  4. <div class="modal-body">
  5. <div class="notification info" style="display: none;">
  6. In order to make your profile public, we need you to pick a username.
  7. </div>
  8. <div class="notification error" style="display: none;">
  9. If you change your username, you cannot get your old one back for 120 days.
  10. </div>
  11. <div class="username-picker">
  12. <div class="row nickname-row">
  13. <div class="labels">
  14. <label for="nickname">Real Name:</label>
  15. </div>
  16. <div class="inputs">
  17. <input type="text" value="{{nickname}}" class="nickname" id="nickname"><span class="sidenote"></span>
  18. <p class="input-description">
  19. This is how your name will appear around Khan Academy, and how your friends and coaches will recognize you.
  20. </p>
  21. </div>
  22. </div>
  23. <div class="row username-row">
  24. <div class="labels">
  25. <label for="username">Username:</label>
  26. </div>
  27. <div class="inputs">
  28. <input type="text" value="{{username}}" class="username" id="username"><span class="sidenote"></span>
  29. <p class="input-description">
  30. Your username will appear in your Khan Academy address.
  31. </p>
  32. <p class="input-description">
  33. http://www.khanacademy.org/profile/<span class="example-username">{{username}}</span>
  34. </p>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="modal-footer" style="text-align: right;">
  40. <input id="cancel-profile-info" type="button" class="simple-button action-gradient" value="Cancel">
  41. <input id="save-profile-info" type="button" class="simple-button action-gradient green" value="Save">
  42. </div>