edit_user.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <topnav icon="fa fa-fw fa-user" title="Global Users" subnav="true">
  2. <ul class="nav">
  3. <li><a href="admin/users">Users</a></li>
  4. <li><a href="admin/users/create">Create user</a></li>
  5. <li class="active"><a href="admin/users/edit/{{user_id}}">Edit user</a></li>
  6. </ul>
  7. </topnav>
  8. <div class="page-container">
  9. <div class="page">
  10. <h2>
  11. Edit User
  12. </h2>
  13. <form name="userForm">
  14. <div>
  15. <div class="tight-form">
  16. <ul class="tight-form-list">
  17. <li class="tight-form-item" style="width: 100px">
  18. Name
  19. </li>
  20. <li>
  21. <input type="text" required ng-model="user.name" class="input-xxlarge tight-form-input last" >
  22. </li>
  23. </ul>
  24. <div class="clearfix"></div>
  25. </div>
  26. <div class="tight-form">
  27. <ul class="tight-form-list">
  28. <li class="tight-form-item" style="width: 100px">
  29. Email
  30. </li>
  31. <li>
  32. <input type="email" ng-model="user.email" class="input-xxlarge tight-form-input last" >
  33. </li>
  34. </ul>
  35. <div class="clearfix"></div>
  36. </div>
  37. <div class="tight-form">
  38. <ul class="tight-form-list">
  39. <li class="tight-form-item" style="width: 100px">
  40. Username
  41. </li>
  42. <li>
  43. <input type="text" ng-model="user.login" class="input-xxlarge tight-form-input last" >
  44. </li>
  45. </ul>
  46. <div class="clearfix"></div>
  47. </div>
  48. </div>
  49. <br>
  50. <button type="submit" class="pull-right btn btn-success" ng-click="update()" ng-show="!createMode">Update</button>
  51. </form>
  52. <h3>
  53. Change password
  54. </h3>
  55. <form name="passwordForm">
  56. <div>
  57. <div class="tight-form">
  58. <ul class="tight-form-list">
  59. <li class="tight-form-item" style="width: 100px">
  60. New password
  61. </li>
  62. <li>
  63. <input type="password" required ng-minlength="4" ng-model="password" class="input-xxlarge tight-form-input last">
  64. </li>
  65. </ul>
  66. <div class="clearfix"></div>
  67. </div>
  68. </div>
  69. <br>
  70. <button type="submit" class="pull-right btn btn-success" ng-click="setPassword()">Update</button>
  71. </form>
  72. <h3>
  73. Permissions
  74. </h3>
  75. <div>
  76. <div class="tight-form last">
  77. <ul class="tight-form-list">
  78. <li class="tight-form-item last">
  79. Grafana Admin&nbsp;
  80. <input class="cr1" id="permissions.isGrafanaAdmin" type="checkbox"
  81. ng-model="permissions.isGrafanaAdmin" ng-checked="permissions.isGrafanaAdmin">
  82. <label for="permissions.isGrafanaAdmin" class="cr1"></label>
  83. </li>
  84. </ul>
  85. <div class="clearfix"></div>
  86. </div>
  87. <br>
  88. <button type="submit" class="pull-right btn btn-success" ng-click="updatePermissions()">Update</button>
  89. <br>
  90. </div>
  91. <h3>
  92. Organizations
  93. </h3>
  94. <form name="addOrgForm">
  95. <div class="tight-form">
  96. <ul class="tight-form-list">
  97. <li class="tight-form-item" style="width: 160px">
  98. Add organization
  99. </li>
  100. <li>
  101. <input type="text" ng-model="newOrg.name" bs-typeahead="searchOrgs"
  102. required class="input-xlarge tight-form-input" placeholder="organization name">
  103. </li>
  104. <li class="tight-form-item">
  105. Role
  106. </li>
  107. <li>
  108. <select type="text" ng-model="newOrg.role" class="input-small tight-form-input" ng-options="f for f in ['Viewer', 'Editor', 'Read Only Editor', 'Admin']">
  109. </select>
  110. </li>
  111. <li>
  112. <button class="btn btn-success tight-form-btn" ng-click="addOrgUser()">Add</button>
  113. </li>
  114. <div class="clearfix"></div>
  115. </ul>
  116. </div>
  117. </form>
  118. <table class="grafana-options-table form-inline">
  119. <tr>
  120. <th>Name</th>
  121. <th>Role</th>
  122. <th></th>
  123. </tr>
  124. <tr ng-repeat="org in orgs">
  125. <td>
  126. {{org.name}} <span class="label label-info" ng-show="org.orgId === user.orgId">Current</span>
  127. </td>
  128. <td>
  129. <select type="text" ng-model="org.role" class="input-small" ng-options="f for f in ['Viewer', 'Editor', 'Read Only Editor', 'Admin']" ng-change="updateOrgUser(org)">
  130. </select>
  131. </td>
  132. <td style="width: 1%">
  133. <a ng-click="removeOrgUser(org)" class="btn btn-danger btn-mini">
  134. <i class="fa fa-remove"></i>
  135. </a>
  136. </td>
  137. </tr>
  138. </table>
  139. </div>
  140. </div>