invite.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <div class="modal-body" ng-controller="UserInviteCtrl" ng-init="init()">
  2. <a class="modal-close" ng-click="dismiss();">
  3. <i class="fa fa-remove"></i>
  4. </a>
  5. <h3>
  6. Invite Users
  7. </h3>
  8. <div class="modal-tagline">
  9. Send invite or add existing Grafana users to the organization
  10. <span class="highlight-word">{{contextSrv.user.orgName}}</span>
  11. </div>
  12. <br>
  13. <br>
  14. <form name="inviteForm">
  15. <div style="display: inline-block">
  16. <div class="tight-form-container">
  17. <div class="tight-form" ng-repeat="invite in invites">
  18. <ul class="tight-form-list">
  19. <li class="tight-form-item">
  20. Email or Username
  21. </li>
  22. <li>
  23. <input type="text" ng-model="invite.loginOrEmail" required class="input-large tight-form-input" placeholder="email@test.com">
  24. </li>
  25. <li class="tight-form-item">
  26. Name
  27. </li>
  28. <li>
  29. <input type="text" ng-model="invite.name" class="input-large tight-form-input" placeholder="name (optional)">
  30. </li>
  31. <li class="tight-form-item">
  32. Role
  33. </li>
  34. <li>
  35. <select ng-model="invite.role" class="input-small tight-form-input" ng-options="f for f in ['Viewer', 'Editor', 'Read Only Editor', 'Admin']">
  36. </select>
  37. </li>
  38. <li class="tight-form-item last" ng-show="$index > 0">
  39. <a class="pointer" tabindex="1" ng-click="removeInvite(invite)">
  40. <i class="fa fa-remove"></i>
  41. </a>
  42. </li>
  43. <div class="clearfix"></div>
  44. </ul>
  45. </div>
  46. </div>
  47. <div style="text-align: left; margin-top: 6px;">
  48. <a ng-click="addInvite()">+ Invite another</a>
  49. <div class="form-inline" style="margin-top: 20px">
  50. <editor-checkbox text="Skip sending invite email" model="options.skipEmails" change="targetBlur()"></editor-checkbox>
  51. </div>
  52. </div>
  53. <div class="" style="margin-top: 30px; margin-bottom: 20px;">
  54. <button type="button" class="btn btn-inverse" ng-click="dismiss()">Cancel</button>
  55. <button type="submit" class="btn btn-success" ng-click="sendInvites();">Invite Users</button>
  56. </div>
  57. </div>
  58. </form>
  59. </div>