signup_invited.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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 src="img/logo_transparent_200x75.png">
  7. </div>
  8. <div class="invite-box">
  9. <h3>
  10. Hello {{greeting}}.
  11. </h3>
  12. <div class="modal-tagline">
  13. <em>{{invitedBy}}</em> has invited you to join Grafana and the organization <span class="highlight-word">{{contextSrv.user.orgName}}</span></br>Please complete the following to accept your invitation and continue:
  14. </div>
  15. <form name="inviteForm" class="login-form">
  16. <div class="tight-form-container">
  17. <div class="tight-form">
  18. <ul class="tight-form-list">
  19. <li class="tight-form-item" style="width: 128px">
  20. Email
  21. </li>
  22. <li>
  23. <input type="email" name="email" class="tight-form-input last" required ng-model='formModel.email' placeholder="Email" style="width: 253px">
  24. </li>
  25. </ul>
  26. <div class="clearfix"></div>
  27. </div>
  28. <div class="tight-form">
  29. <ul class="tight-form-list">
  30. <li class="tight-form-item" style="width: 128px">
  31. Name
  32. </li>
  33. <li>
  34. <input type="text" name="name" class="tight-form-input last" ng-model='formModel.name' placeholder="Name (optional)" style="width: 253px">
  35. </li>
  36. </ul>
  37. <div class="clearfix"></div>
  38. </div>
  39. <div class="tight-form">
  40. <ul class="tight-form-list">
  41. <li class="tight-form-item" style="width: 128px">
  42. Username
  43. </li>
  44. <li>
  45. <input type="text" name="username" class="tight-form-input last" required ng-model='formModel.username' placeholder="Username" style="width: 253px">
  46. </li>
  47. </ul>
  48. <div class="clearfix"></div>
  49. </div>
  50. <div class="tight-form">
  51. <ul class="tight-form-list">
  52. <li class="tight-form-item" style="width: 128px">
  53. Password
  54. </li>
  55. <li>
  56. <input type="password" name="password" class="tight-form-input last" required ng-model="formModel.password" id="inputPassword" style="width: 253px" placeholder="password">
  57. </li>
  58. </ul>
  59. <div class="clearfix"></div>
  60. </div>
  61. </div>
  62. <div style="margin-left: 147px; width: 254px;">
  63. <password-strength password="formModel.password"></password-strength>
  64. </div>
  65. <div class="login-submit-button-row">
  66. <button type="submit" class="btn" ng-click="submit();" ng-class="{'btn-inverse': !inviteForm.$valid, 'btn-primary': inviteForm.$valid}">
  67. Continue
  68. </button>
  69. </div>
  70. </form>
  71. <div class="clearfix"></div>
  72. </div>
  73. <div class="row" style="margin-top: 50px">
  74. <div class="version-footer text-center small">
  75. Grafana version: {{buildInfo.version}}, commit: {{buildInfo.commit}},
  76. build date: {{buildInfo.buildstamp | date: 'yyyy-MM-dd HH:mm:ss' }}
  77. </div>
  78. </div>
  79. </div>
  80. </div>