signup_step2.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <div class="container">
  2. <div class="signup-page-background">
  3. </div>
  4. <div class="login-box">
  5. <div class="login-box-logo">
  6. <img class="logo-icon" src="public/img/grafana_icon.svg"></img><br>
  7. <i class="icon-gf icon-gf-grafana_wordmark"></i>
  8. </div>
  9. <div class="invite-box">
  10. <h3>
  11. You're almost there.
  12. </h3>
  13. <div class="modal-tagline">
  14. We just need a couple of more bits of<br> information to finish creating your account.
  15. </div>
  16. <div style="display: inline-block; margin-top: 25px; width: 300px">
  17. <div class="editor-option">
  18. <label class="small">Your email:</label>
  19. <span class="large">{{formModel.email}}</span>
  20. </div>
  21. </div>
  22. <br>
  23. <br>
  24. <form name="signUpForm" class="login-form gf-form-group">
  25. <div class="gf-form" ng-if="verifyEmailEnabled">
  26. <span class="gf-form-label width-9">
  27. Email code<tip>Email verification code (sent to your email)</tip>
  28. </span>
  29. <input type="text" class="gf-form-input max-width-14" ng-model="formModel.code" required></input>
  30. </div>
  31. <div class="gf-form" ng-if="!autoAssignOrg">
  32. <span class="gf-form-label width-9">Org. name</span>
  33. <input type="text" name="orgName" class="gf-form-input max-width-14" ng-model='formModel.orgName' placeholder="Name your organization">
  34. </div>
  35. <div class="gf-form">
  36. <span class="gf-form-label width-9">Your name</span>
  37. <input type="text" name="name" class="gf-form-input max-width-14" ng-model='formModel.name' placeholder="(optional)">
  38. </div>
  39. <div class="gf-form">
  40. <span class="gf-form-label width-9">Username</span>
  41. <input type="text" class="gf-form-input max-width-14" required ng-model='formModel.username' placeholder="Username" autocomplete="off">
  42. </div>
  43. <div class="gf-form">
  44. <span class="gf-form-label width-9">Password</span>
  45. <input type="password" class="gf-form-input max-width-14" required ng-model="formModel.password" id="inputPassword" placeholder="password" autocomplete="off">
  46. </div>
  47. <div style="margin-left: 7.5rem; width: 254px;">
  48. <password-strength password="formModel.password"></password-strength>
  49. </div>
  50. <div class="gf-form-button-row">
  51. <button type="submit" class="btn" ng-click="ctrl.submit();" ng-class="{'btn-inverse': !signUpForm.$valid, 'btn-primary': signUpForm.$valid}">
  52. Continue
  53. </button>
  54. </div>
  55. </form>
  56. </div>
  57. </div>
  58. </div>