mirror of https://github.com/goharbor/harbor.git
55 lines
3.9 KiB
HTML
55 lines
3.9 KiB
HTML
<div class="row" style="margin-top: 4px;position: relative;">
|
|
<div>
|
|
<div class="row flex-items-xs-between rightPos">
|
|
<div class="flex-xs-middle option-left" style="position: relative; top: 10px;">
|
|
</div>
|
|
<div class="flex-xs-middle option-right">
|
|
<hbr-filter [withDivider]="true" filterPlaceholder='{{"MEMBER.FILTER_PLACEHOLDER" | translate}}' (filterEvt)="doSearch($event)" [currentValue]="searchMember"></hbr-filter>
|
|
<span class="refresh-btn" (click)="refresh()">
|
|
<clr-icon shape="refresh"></clr-icon>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<clr-dg-action-bar>
|
|
<button class="btn btn-sm btn-secondary" (click)="openAddMemberModal()" [disabled]="!hasProjectAdminRole">
|
|
<span><clr-icon shape="plus" size="16"></clr-icon> {{'MEMBER.NEW_USER' | translate }}</span>
|
|
</button>
|
|
<button class="btn btn-sm btn-secondary" (click)="openAddGroupModal()" [disabled]="!hasProjectAdminRole">
|
|
<span><clr-icon shape="plus" size="16"></clr-icon> {{'MEMBER.NEW_GROUP' | translate}}</span>
|
|
</button>
|
|
<clr-dropdown id='member-action' [clrCloseMenuOnItemClick]="false" class="btn btn-sm btn-link" clrDropdownTrigger>
|
|
<span>{{'MEMBER.ACTION' | translate}}<clr-icon shape="caret down"></clr-icon></span>
|
|
<clr-dropdown-menu *clrIfOpen>
|
|
<label class="dropdown-header">{{'MEMBER.SET_ROLE' | translate}}</label>
|
|
<button clrDropdownItem (click)="changeMembersRole(selectedRow, 1)" [disabled]="!(selectedRow.length && hasProjectAdminRole) || onlySelf">{{'MEMBER.PROJECT_ADMIN' | translate}}</button>
|
|
<button clrDropdownItem (click)="changeMembersRole(selectedRow, 2)" [disabled]="!(selectedRow.length && hasProjectAdminRole) || onlySelf">{{'MEMBER.DEVELOPER' | translate}}</button>
|
|
<button clrDropdownItem (click)="changeMembersRole(selectedRow, 3)" [disabled]="!(selectedRow.length && hasProjectAdminRole) || onlySelf">{{'MEMBER.GUEST' | translate}}</button>
|
|
<div class="dropdown-divider"></div>
|
|
<button clrDropdownItem (click)="openDeleteMembersDialog(selectedRow)" [disabled]="!(selectedRow.length && hasProjectAdminRole) || onlySelf">{{'MEMBER.REMOVE' | translate}}</button>
|
|
</clr-dropdown-menu>
|
|
</clr-dropdown>
|
|
</clr-dg-action-bar>
|
|
<clr-datagrid [(clrDgSelected)]="selectedRow" [clrDgLoading]="loading">
|
|
<clr-dg-column>{{'MEMBER.NAME' | translate}}</clr-dg-column>
|
|
<clr-dg-column>{{'MEMBER.MEMBER_TYPE'| translate}}</clr-dg-column>
|
|
<clr-dg-column>{{'MEMBER.ROLE' | translate}}</clr-dg-column>
|
|
<clr-dg-row *clrDgItems="let m of members" [clrDgItem]="m">
|
|
<clr-dg-cell>{{m.entity_name}}</clr-dg-cell>
|
|
<clr-dg-cell>{{member_type_toString( m.entity_type) | translate}}</clr-dg-cell>
|
|
<clr-dg-cell>
|
|
<span *ngIf="ChangeRoleOngoing(m.id)" class="spinner spinner-inline"></span>
|
|
<span *ngIf="!ChangeRoleOngoing(m.id)">{{roleInfo[m.role_id] | translate}}</span>
|
|
</clr-dg-cell>
|
|
</clr-dg-row>
|
|
<clr-dg-footer>
|
|
<span *ngIf="pagination.totalItems">{{pagination.firstItem + 1}} - {{pagination.lastItem +1 }} {{'MEMBER.OF' | translate}} </span>
|
|
{{pagination.totalItems }} {{'MEMBER.ITEMS' | translate}}
|
|
<clr-dg-pagination #pagination [clrDgPageSize]="15"></clr-dg-pagination>
|
|
</clr-dg-footer>
|
|
</clr-datagrid>
|
|
</div>
|
|
<add-member [projectId]="projectId" [memberList]="members" (added)="addedMember($event)"></add-member>
|
|
<add-group [projectId]="projectId" [memberList]="members" (added)="addedGroup($event)"></add-group>
|
|
</div> |