MembersTabTemplate.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <div class="grouplist simpleList accountManagement" id="memberList">
  2. {{? it.members.length > 0 || it.unavailableMembersExist}}
  3. <div class="member-pane-header">
  4. {{? it.writable}}
  5. <span id="addBulkMembers" class="member-pane-addBtn" title="{{=it.strings.addBulkMembers}}" tabindex="0" role="link">
  6. <div>
  7. <svg class="svgIcon bi-admin-import-member-svgIcon">
  8. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-upload"></use>
  9. </svg>
  10. <span>{{=it.strings.import}}</span>
  11. </div>
  12. </span>
  13. <span id="addMember" class="member-pane-addBtn" title="{{=it.strings.addMember}}" tabindex="0" role="link">
  14. <div>
  15. <svg class="svgIcon bi-admin-add-member-svgIcon">
  16. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-add"></use>
  17. </svg>
  18. <span>{{=it.strings.select}}</span>
  19. </div>
  20. </span>
  21. {{?}}
  22. </div>
  23. <div>
  24. {{? it.unavailableMembersExist}}
  25. <div class="bi-admin-unavailable-users-warning-message">
  26. <span>
  27. <svg role="presentation" class="svgIcon bi-admin-list-svgIcon-colored">
  28. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-warning"></use>
  29. <text>Warning</text>
  30. </svg>
  31. </span>
  32. {{=it.strings.unavailableMembersExist}}
  33. </div>
  34. {{?}}
  35. </div>
  36. <div class="group">
  37. <div class="group-content">
  38. <table class="groupList-table" role="grid" width="100%" >
  39. <caption style="display: none">{{=it.strings.tableCaption}}</caption>
  40. <thead style="font-size: 0px;">
  41. <tr role="row" style="height: 0px;" >
  42. <th scope="col" role="columnheader" >{{=it.strings.tableheader.type}}</th>
  43. <th scope="col" role="columnheader" >{{=it.strings.tableheader.name}}</th>
  44. <th scope="col" role="columnheader" >{{=it.strings.tableheader.action}}</th>
  45. </tr>
  46. </thead>
  47. <tbody>
  48. {{~it.members :item:index}}
  49. <tr id="{{=item.id}}" data-type="{{=item.type}}" class="list-item" role="row">
  50. <td tabindex="-1" role="gridcell" width="5%">
  51. <div class="adm-item-title" role="img" {{?item.type == 'account' }}title="{{=it.strings.account}}"{{??}}title="{{=it.strings.group}}"{{?}}>
  52. <svg role="presentation" class="svgIcon bi-admin-list-svgIcon">
  53. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#{{=item.svgIcon}}"></use>
  54. <text>{{?item.type == 'account' }}{{=it.strings.account}}{{??}}{{=it.strings.group}}"{{?}}</text>
  55. </svg>
  56. </div>
  57. </td>
  58. <td tabindex="-1" width="90%" role="gridcell" >
  59. <div class="groupListFocusable">
  60. {{? item.type == 'account' && item.userName}}
  61. <div style="overflow: hidden; max-width: 300px;" class="text-title">{{=_.escape(item.defaultName)}} ({{=_.escape(item.userName)}}) - {{=_.escape(item.namespace)}}</div>
  62. {{??}}
  63. <div style="overflow: hidden; max-width: 300px;" class="text-title">{{=_.escape(item.defaultName)}}</div>
  64. {{?}}
  65. </div>
  66. </td>
  67. <td tabindex="-1" role="gridcell" width="5%" aria-label="{{=it.strings.removeMemberButton}}">
  68. {{? it.writable}}
  69. <div class="groupListFocusable admin-remove-member-svgIcon" role="link" title="{{=it.strings.removeMember}}">
  70. <svg class="svgIcon bi-admin-list-svgIcon" role="presentation">
  71. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-remove-delete"></use>
  72. </svg>
  73. </div>
  74. {{?}}
  75. </td>
  76. </tr>
  77. {{~}}
  78. </tbody>
  79. </table>
  80. </div>
  81. </div>
  82. {{??}}
  83. <div class="member-pane-empty">
  84. <div class="member-pane-header">
  85. {{? it.writable}}
  86. <span id="addBulkMembers" class="member-pane-addBtn" title="{{=it.strings.addBulkMembers}}" tabindex="0" role="link">
  87. <div>
  88. <svg class="svgIcon bi-admin-import-member-svgIcon">
  89. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-upload"></use>
  90. </svg>
  91. <span>{{=it.strings.import}}</span>
  92. </div>
  93. </span>
  94. <span id="addMember" class="member-pane-addBtn" title="{{=it.strings.addMember}}" tabindex="0" role="link">
  95. <div>
  96. <svg class="svgIcon bi-admin-add-member-svgIcon">
  97. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-add"></use>
  98. </svg>
  99. <span>{{=it.strings.select}}</span>
  100. </div>
  101. </span>
  102. {{?}}
  103. </div>
  104. <div class="emptyTableImage wft_bee"></div>
  105. <div class="emptyTableText">{{=it.noMemberText}}</div>
  106. </div>
  107. {{?}}
  108. </div>