Allow retag in portal only for developer or above role

Signed-off-by: 陈德 <chende@caicloud.io>

src/portal/lib/src/repository/repository.component.html

@@ -45,7 +45,10 @@
     </section>
     <section id="image" role="tabpanel" aria-labelledby="repo-image" [hidden]='!isCurrentTabContent("image")'>
       <div id=images-container>
-        <hbr-tag ngProjectAs="clr-dg-row-detail" (tagClickEvent)="watchTagClickEvt($event)" (signatureOutput)="saveSignatures($event)" class="sub-grid-custom" [repoName]="repoName" [registryUrl]="registryUrl" [withNotary]="withNotary" [withClair]="withClair" [withAdmiral]="withAdmiral" [hasSignedIn]="hasSignedIn" [hasProjectAdminRole]="hasProjectAdminRole" [isGuest]="isGuest" [projectId]="projectId"></hbr-tag>
+        <hbr-tag ngProjectAs="clr-dg-row-detail" (tagClickEvent)="watchTagClickEvt($event)" (signatureOutput)="saveSignatures($event)" class="sub-grid-custom"
+                 [repoName]="repoName" [registryUrl]="registryUrl" [withNotary]="withNotary" [withClair]="withClair"
+                 [withAdmiral]="withAdmiral" [hasSignedIn]="hasSignedIn" [hasProjectAdminRole]="hasProjectAdminRole"
+                 [isGuest]="isGuest" [projectId]="projectId" [memberRoleID]="memberRoleID"></hbr-tag>
       </div>
     </section>
   </div>

src/portal/lib/src/repository/repository.component.ts

@@ -36,6 +36,7 @@ const TabLinkContentMap: {[index: string]: string} = {
 export class RepositoryComponent implements OnInit {
   signedCon: {[key: string]: any | string[]} = {};
   @Input() projectId: number;
+  @Input() memberRoleID: number;
   @Input() repoName: string;
   @Input() hasSignedIn: boolean;
   @Input() hasProjectAdminRole: boolean;

src/portal/lib/src/tag/tag.component.html

@@ -75,7 +75,7 @@
             </div>
             </clr-dropdown-menu>
           </clr-dropdown>
-          <button type="button" class="btn btn-sm btn-secondary" [disabled]="!(selectedRow.length===1)" (click)="retag(selectedRow)"><clr-icon shape="copy" size="16"></clr-icon>&nbsp;{{'REPOSITORY.RETAG' | translate}}</button>
+          <button type="button" class="btn btn-sm btn-secondary" [disabled]="!(selectedRow.length===1 && developerRoleOrAbove)" (click)="retag(selectedRow)"><clr-icon shape="copy" size="16"></clr-icon>&nbsp;{{'REPOSITORY.RETAG' | translate}}</button>
           <button type="button" class="btn btn-sm btn-secondary" *ngIf="hasProjectAdminRole" (click)="deleteTags(selectedRow)" [disabled]="!selectedRow.length"><clr-icon shape="times" size="16"></clr-icon>&nbsp;{{'REPOSITORY.DELETE' | translate}}</button>
         </clr-dg-action-bar>
         <clr-dg-column style="width: 120px;" [clrDgField]="'name'">{{'REPOSITORY.TAG' | translate}}</clr-dg-column>

src/portal/lib/src/tag/tag.component.ts

@@ -32,7 +32,7 @@ import { ChannelService } from "../channel/index";
 import {
     ConfirmationTargets,
     ConfirmationState,
-  ConfirmationButtons
+    ConfirmationButtons, Roles
 } from "../shared/shared.const";
 
 import { ConfirmationDialogComponent } from "../confirmation-dialog/confirmation-dialog.component";
@@ -73,6 +73,7 @@ export class TagComponent implements OnInit, AfterViewInit {
 
   signedCon: {[key: string]: any | string[]} = {};
   @Input() projectId: number;
+  @Input() memberRoleID: number;
   @Input() repoName: string;
   @Input() isEmbedded: boolean;
 
@@ -755,4 +756,8 @@ export class TagComponent implements OnInit, AfterViewInit {
   onCpError($event: any): void {
       this.copyInput.setPullCommendShow();
   }
+
+  public get developerRoleOrAbove(): boolean {
+      return this.memberRoleID === Roles.DEVELOPER || this.hasProjectAdminRole;
+  }
 }

src/portal/src/app/repository/tag-repository/tag-repository.component.html

@@ -3,6 +3,7 @@
         <a (click)="goProBack()">{{'SIDE_NAV.PROJECTS'| translate}}</a>
         <a (click)="watchGoBackEvt(projectId)">&lt; {{'REPOSITORY.REPOSITORIES'| translate}}</a>
     </div>
-    <hbr-repository [repoName]="repoName" [hasSignedIn]="hasSignedIn" [hasProjectAdminRole]="hasProjectAdminRole" [projectId]="projectId" [isGuest]="isGuest"
+    <hbr-repository [repoName]="repoName" [hasSignedIn]="hasSignedIn" [hasProjectAdminRole]="hasProjectAdminRole"
+                    [projectId]="projectId" [memberRoleID]="projectMemberRoleId" [isGuest]="isGuest"
                     (tagClickEvent)="watchTagClickEvt($event)" (backEvt)="watchGoBackEvt($event)"></hbr-repository>
 </div>

src/portal/src/app/repository/tag-repository/tag-repository.component.ts

@@ -28,6 +28,7 @@ import { Project } from '../../project/project';
 export class TagRepositoryComponent implements OnInit {
 
   projectId: number;
+  projectMemberRoleId: number;
   repoName: string;
   hasProjectAdminRole: boolean = false;
   isGuest: boolean;
@@ -54,6 +55,7 @@ export class TagRepositoryComponent implements OnInit {
     if (resolverData) {
       this.hasProjectAdminRole = (<Project>resolverData['projectResolver']).has_project_admin_role;
       this.isGuest = (<Project>resolverData['projectResolver']).current_user_role_id === 3;
+      this.projectMemberRoleId = (<Project>resolverData['projectResolver']).current_user_role_id;
     }
     this.repoName = this.route.snapshot.params['repo'];