signup_invited.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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. Hello {{greeting}}.
  12. </h3>
  13. <div class="modal-tagline p-b-2">
  14. <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:
  15. </div>
  16. <form name="inviteForm" class="login-form gf-form-group">
  17. <div class="gf-form">
  18. <span class="gf-form-label width-7">Email</span>
  19. <input type="email" name="email" class="gf-form-input max-width-21" required ng-model='formModel.email' placeholder="Email">
  20. </div>
  21. <div class="gf-form">
  22. <span class="gf-form-label width-7">Name</span>
  23. <input type="text" name="name" class="gf-form-input max-width-21" ng-model='formModel.name' placeholder="Name (optional)">
  24. </div>
  25. <div class="gf-form">
  26. <span class="gf-form-label width-7">Username</span>
  27. <input type="text" name="username" class="gf-form-input max-width-21" required ng-model='formModel.username' placeholder="Username">
  28. </div>
  29. <div class="gf-form">
  30. <span class="gf-form-label width-7">Password</span>
  31. <input type="password" name="password" class="gf-form-input max-width-21" required ng-model="formModel.password" id="inputPassword" placeholder="password">
  32. </div>
  33. <div style="margin-left: 7.5rem; width: 254px;">
  34. <password-strength password="formModel.password"></password-strength>
  35. </div>
  36. <div class="gf-form-button-row">
  37. <button type="submit" class="btn btn-inverse" ng-click="submit();" ng-class="{'btn-inverse': !inviteForm.$valid, 'btn-primary': inviteForm.$valid}">
  38. Continue
  39. </button>
  40. </div>
  41. </form>
  42. </div>
  43. </div>