You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

members.tmpl 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. {{template "base/head" .}}
  2. <div role="main" aria-label="{{.Title}}" class="page-content organization members">
  3. {{template "org/header" .}}
  4. <div class="ui container">
  5. {{template "base/alert" .}}
  6. <div class="flex-list">
  7. {{range .Members}}
  8. {{$isPublic := index $.MembersIsPublicMember .ID}}
  9. <div class="flex-item {{if $.PublicOnly}}tw-content-center{{end}}">
  10. <div class="flex-item-leading">
  11. <a href="{{.HomeLink}}">{{ctx.AvatarUtils.Avatar . 48}}</a>
  12. </div>
  13. <div class="flex-item-main">
  14. <div class="flex-item-title">
  15. {{template "shared/user/name" .}}
  16. {{if not $isPublic}}
  17. <span class="ui basic tiny label">{{ctx.Locale.Tr "org.members.private"}}</span>
  18. {{end}}
  19. </div>
  20. {{if not $.PublicOnly}}
  21. <div class="flex-item-body">
  22. {{ctx.Locale.Tr "org.members.member_role"}}
  23. <strong class="flex-text-inline">{{if index $.MembersIsUserOrgOwner .ID}}{{svg "octicon-shield-lock"}} {{ctx.Locale.Tr "org.members.owner"}}{{else}}{{ctx.Locale.Tr "org.members.member"}}{{end}}</strong>
  24. </div>
  25. {{if $.IsOrganizationOwner}}
  26. <div class="flex-item-body">
  27. {{ctx.Locale.Tr "admin.users.2fa"}}
  28. <strong>
  29. {{if index $.MembersTwoFaStatus .ID}}
  30. <span class="text green">{{svg "octicon-check"}}</span>
  31. {{else}}
  32. {{svg "octicon-x"}}
  33. {{end}}
  34. </strong>
  35. </div>
  36. {{end}}
  37. {{end}}
  38. </div>
  39. <div class="flex-item-trailing">
  40. {{if or (eq $.SignedUser.ID .ID) $.IsOrganizationOwner}}
  41. {{if $isPublic}}
  42. <a class="ui tiny button link-action" href data-url="{{$.OrgLink}}/members/action/private?uid={{.ID}}">{{svg "octicon-eye-closed" 12 "icon"}}{{ctx.Locale.Tr "org.members.public_helper"}}</a>
  43. {{else}}
  44. <a class="ui tiny button link-action" href data-url="{{$.OrgLink}}/members/action/public?uid={{.ID}}">{{svg "octicon-eye" 12 "icon"}}{{ctx.Locale.Tr "org.members.private_helper"}}</a>
  45. {{end}}
  46. {{end}}
  47. {{if eq $.SignedUser.ID .ID}}
  48. <form>
  49. <button class="ui red tiny button delete-button" data-modal-id="leave-organization"
  50. data-url="{{$.OrgLink}}/members/action/leave" data-datauid="{{.ID}}"
  51. data-name="{{.DisplayName}}"
  52. data-data-organization-name="{{$.Org.DisplayName}}">{{ctx.Locale.Tr "org.members.leave"}}</button>
  53. </form>
  54. {{else if $.IsOrganizationOwner}}
  55. <form>
  56. <button class="ui red tiny button delete-button" data-modal-id="remove-organization-member"
  57. data-url="{{$.OrgLink}}/members/action/remove" data-datauid="{{.ID}}"
  58. data-name="{{.DisplayName}}"
  59. data-data-organization-name="{{$.Org.DisplayName}}">{{ctx.Locale.Tr "org.members.remove"}}</button>
  60. </form>
  61. {{end}}
  62. </div>
  63. </div>
  64. {{end}}
  65. </div>
  66. {{template "base/paginate" .}}
  67. </div>
  68. </div>
  69. <div class="ui g-modal-confirm delete modal" id="leave-organization">
  70. <div class="header">
  71. {{ctx.Locale.Tr "org.members.leave"}}
  72. </div>
  73. <div class="content">
  74. <p>{{ctx.Locale.Tr "org.members.leave.detail" (`<span class="dataOrganizationName"></span>`|SafeHTML)}}</p>
  75. </div>
  76. {{template "base/modal_actions_confirm" .}}
  77. </div>
  78. <div class="ui g-modal-confirm delete modal" id="remove-organization-member">
  79. <div class="header">
  80. {{ctx.Locale.Tr "org.members.remove"}}
  81. </div>
  82. <div class="content">
  83. <p>{{ctx.Locale.Tr "org.members.remove.detail" (`<span class="name"></span>`|SafeHTML) (`<span class="dataOrganizationName"></span>`|SafeHTML)}}</p>
  84. </div>
  85. {{template "base/modal_actions_confirm" .}}
  86. </div>
  87. {{template "base/footer" .}}