invite.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <div class="modal-body" ng-controller="UserInviteCtrl" ng-init="init()">
  2. <div class="modal-header">
  3. <h2 class="modal-header-title">
  4. Invite Users
  5. </h2>
  6. <a class="modal-header-close" ng-click="dismiss();">
  7. <i class="fa fa-remove"></i>
  8. </a>
  9. </div>
  10. <div class="modal-content">
  11. <div class="modal-tagline p-b-2">
  12. Send invite or add existing Grafana users to the organization
  13. <span class="highlight-word">{{contextSrv.user.orgName}}</span>
  14. </div>
  15. <form name="inviteForm">
  16. <div class="gf-form-group">
  17. <div class="gf-form-inline" ng-repeat="invite in invites">
  18. <div class="gf-form max-width-21">
  19. <span class="gf-form-label">Email or Username</span>
  20. <input type="text" ng-model="invite.loginOrEmail" required class="gf-form-input" placeholder="email@test.com">
  21. </div>
  22. <div class="gf-form max-width-14">
  23. <span class="gf-form-label">Name</span>
  24. <input type="text" ng-model="invite.name" class="gf-form-input" placeholder="name (optional)">
  25. </div>
  26. <div class="gf-form max-width-10">
  27. <span class="gf-form-label">Role</span>
  28. <select ng-model="invite.role" class="gf-form-input" ng-options="f for f in ['Viewer', 'Editor', 'Read Only Editor', 'Admin']">
  29. </select>
  30. </div>
  31. <div class="gf-form gf-size-auto">
  32. <a class="gf-form-label pointer" tabindex="1" ng-click="removeInvite(invite)">
  33. <i class="fa fa-remove"></i>
  34. </a>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="gf-form-inline gf-form-group">
  39. <div class="gf-form" style="margin-right:.25rem">
  40. <a class="btn btn-inverse gf-form-button" ng-click="addInvite()">
  41. <i class="fa fa-plus"></i>
  42. Invite another
  43. </a>
  44. </div>
  45. <gf-form-switch class="gf-form" label="Skip sending invite email" checked="options.skipEmails" switch-class="max-width-6"></gf-form-switch>
  46. </div>
  47. <div class="gf-form-button-row">
  48. <button type="submit" class="btn btn-success" ng-click="sendInvites();">Invite Users</button>
  49. <a class="btn-text" ng-click="dismiss()">Cancel</a>
  50. </div>
  51. <div class="clearfix"></div>
  52. </form>
  53. </div>
  54. </div>