edit_user.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <page-header model="navModel"></page-header>
  2. <div class="page-container page-body">
  3. <h3 class="page-sub-heading">Edit User</h3>
  4. <form name="userForm" class="gf-form-group">
  5. <div class="gf-form">
  6. <span class="gf-form-label width-10">Name</span>
  7. <input type="text" required ng-model="user.name" class="gf-form-input max-width-25" >
  8. </div>
  9. <div class="gf-form">
  10. <span class="gf-form-label width-10">Email</span>
  11. <input type="email" ng-model="user.email" class="gf-form-input max-width-25" >
  12. </div>
  13. <div class="gf-form">
  14. <span class="gf-form-label width-10">Username</span>
  15. <input type="text" ng-model="user.login" class="gf-form-input max-width-25" >
  16. </div>
  17. <div class="gf-form-button-row">
  18. <button type="submit" class="btn btn-primary" ng-click="update()" ng-show="!createMode">Update</button>
  19. </div>
  20. </form>
  21. <h3 class="page-heading">Change password</h3>
  22. <form name="passwordForm" class="gf-form-group">
  23. <div class="gf-form">
  24. <span class="gf-form-label width-10">New password</span>
  25. <input type="password" required ng-minlength="4" ng-model="password" class="gf-form-input max-width-25">
  26. </div>
  27. <div class="gf-form-button-row">
  28. <button type="submit" class="btn btn-primary" ng-click="setPassword()">Update</button>
  29. </div>
  30. </form>
  31. <h3 class="page-heading">Permissions</h3>
  32. <form name="passwordForm" class="gf-form-group">
  33. <div class="gf-form" >
  34. <gf-form-switch class="gf-form" label="Grafana Admin" checked="permissions.isGrafanaAdmin" switch-class="max-width-6"></gf-form-switch>
  35. </div>
  36. <div class="gf-form-button-row">
  37. <button type="submit" class="btn btn-primary" ng-click="updatePermissions()">Update</button>
  38. </div>
  39. </form>
  40. <h3 class="page-heading">Organizations</h3>
  41. <form name="addOrgForm" class="gf-form-group">
  42. <div class="gf-form-inline">
  43. <div class="gf-form">
  44. <span class="gf-form-label">Add</span>
  45. <input type="text" ng-model="newOrg.name" bs-typeahead="searchOrgs" required class="gf-form-input max-width-20" placeholder="organization name">
  46. </div>
  47. <div class="gf-form">
  48. <span class="gf-form-label">Role</span>
  49. <span class="gf-form-select-wrapper">
  50. <select type="text" ng-model="newOrg.role" class="gf-form-input width-10" ng-options="f for f in ['Viewer', 'Editor', 'Admin']"></select>
  51. </span>
  52. </div>
  53. <div class="gf-form">
  54. <button class="btn btn-primary gf-form-btn" ng-click="addOrgUser()">Add</button>
  55. </div>
  56. </div>
  57. </form>
  58. <div class="gf-form-group">
  59. <table class="filter-table">
  60. <thead>
  61. <tr>
  62. <th>Name</th>
  63. <th>Role</th>
  64. <th></th>
  65. </tr>
  66. </thead>
  67. <tr ng-repeat="org in orgs">
  68. <td>
  69. {{org.name}} <span class="label label-info" ng-show="org.orgId === user.orgId">Current</span>
  70. </td>
  71. <td>
  72. <div class="gf-form">
  73. <span class="gf-form-select-wrapper">
  74. <select type="text" ng-model="org.role" class="gf-form-input max-width-12" ng-options="f for f in ['Viewer', 'Editor', 'Admin']" ng-change="updateOrgUser(org)">
  75. </select>
  76. </span>
  77. </div>
  78. </td>
  79. <td style="width: 1%">
  80. <a ng-click="removeOrgUser(org)" class="btn btn-danger btn-small">
  81. <i class="fa fa-remove"></i>
  82. </a>
  83. </td>
  84. </tr>
  85. </table>
  86. </div>
  87. <h3 class="page-heading">Sessions</h3>
  88. <div class="gf-form-group">
  89. <table class="filter-table form-inline">
  90. <thead>
  91. <tr>
  92. <th>Last seen</th>
  93. <th>Logged on</th>
  94. <th>IP address</th>
  95. <th>Browser &amp; OS</th>
  96. <th></th>
  97. </tr>
  98. </thead>
  99. <tbody>
  100. <tr ng-repeat="session in sessions">
  101. <td ng-if="session.isActive">Now</td>
  102. <td ng-if="!session.isActive">{{session.seenAt}}</td>
  103. <td>{{session.createdAt}}</td>
  104. <td>{{session.clientIp}}</td>
  105. <td>{{session.browser}} on {{session.os}} {{session.osVersion}}</td>
  106. <td>
  107. <button class="btn btn-danger btn-small" ng-click="revokeUserSession(session.id)">
  108. <i class="fa fa-power-off"></i>
  109. </button>
  110. </td>
  111. </tr>
  112. </tbody>
  113. </table>
  114. </div>
  115. <button ng-if="sessions.length" class="btn btn-danger" ng-click="revokeAllUserSessions()">Logout user from all devices</button>
  116. </div>