Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-12-25 10:07:43 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #6630 from pureshine/refactor-config

Browse Source 
Config component nav tabs to use clarity component
This commit is contained in:
Mia ZHOU 2018-12-26 12:18:54 +08:00 committed by GitHub
commit 4f291e34eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
src/portal/src/app/config/config.component.html
View File

@ -2,49 +2,49 @@
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h2 class="custom-h2 config-title">{{'CONFIG.TITLE' | translate }}</h2> <h2 class="custom-h2 config-title">{{'CONFIG.TITLE' | translate }}</h2>
<span class="spinner spinner-inline" [hidden]="inProgress === false"></span> <span class="spinner spinner-inline" [hidden]="inProgress === false"></span>
<ul id="configTabs" class="nav" role="tablist"> <clr-tabs>
<li role="presentation" class="nav-item"> <clr-tab>
<button id="config-auth" class="btn btn-link nav-link active" aria-controls="authentication" [class.active]='isCurrentTabLink("config-auth")' <button id="config-auth" clrTabLink>{{'CONFIG.AUTH' | translate}}</button>
type="button" (click)='tabLinkClick("config-auth")'>{{'CONFIG.AUTH' | translate }}</button> <clr-tab-content id="authentication" *clrIfActive>
</li> <config-auth [allConfig]="allConfig"></config-auth>
<li role="presentation" class="nav-item"> </clr-tab-content>
<button id="config-email" class="btn btn-link nav-link" aria-controls="email" [class.active]='isCurrentTabLink("config-email")' </clr-tab>
type="button" (click)='tabLinkClick("config-email")'>{{'CONFIG.EMAIL' | translate }}</button> <clr-tab>
</li> <button id="config-email" clrTabLink>{{'CONFIG.EMAIL' | translate }}</button>
<li role="presentation" class="nav-item"> <clr-tab-content id="email" *clrIfActive>
<button id="config-system" class="btn btn-link nav-link" aria-controls="system_settings" [class.active]='isCurrentTabLink("config-system")' <config-email [mailConfig]="allConfig"></config-email>
type="button" (click)='tabLinkClick("config-system")'>{{'CONFIG.SYSTEM' | translate }}</button> </clr-tab-content>
</li> </clr-tab>
<li role="presentation" class="nav-item" *ngIf="!withAdmiral"> <clr-tab>
<button id="config-label" class="btn btn-link nav-link" aria-controls="system_label" [class.active]='isCurrentTabLink("config-label")' <button id="config-system" clrTabLink>{{'CONFIG.SYSTEM' | translate }}</button>
type="button" (click)='tabLinkClick("config-label")'>{{'CONFIG.LABEL' | translate }}</button> <clr-tab-content id="system_settings" *clrIfActive>
</li> <system-settings [(systemSettings)]="allConfig" [hasAdminRole]="hasAdminRole" (reloadSystemConfig)="handleAppConfig($event)" (readOnlyChange)="handleReadyOnlyChange($event)" [hasCAFile]="hasCAFile"></system-settings>
<li role="presentation" class="nav-item" *ngIf="withClair"> </clr-tab-content>
<button id="config-vulnerability" class="btn btn-link nav-link" aria-controls="vulnerability" [class.active]='isCurrentTabLink("config-vulnerability")' </clr-tab>
type="button" (click)='tabLinkClick("config-vulnerability")'>{{'CONFIG.VULNERABILITY' | translate}}</button> <clr-tab *ngIf="!withAdmiral">
</li> <button id="config-label" clrTabLink>{{'CONFIG.LABEL' | translate }}</button>
<li role="presentation" class="nav-item" *ngIf="hasAdminRole"> <ng-template [(clrIfActive)]="labelActive">
<button id="config-gc" class="btn btn-link nav-link" aria-controls="gc" [class.active]='isCurrentTabLink("config-gc")' type="button" <clr-tab-content id="system_label" *ngIf="!withAdmiral">
(click)='tabLinkClick("config-gc")'>{{'CONFIG.GC' | translate}}</button> <hbr-label [scope]="'g'"></hbr-label>
</li> </clr-tab-content>
</ul> </ng-template>
<section id="authentication" role="tabpanel" aria-labelledby="config-auth" [hidden]='!isCurrentTabContent("authentication")'> </clr-tab>
<config-auth [allConfig]="allConfig"></config-auth> <clr-tab *ngIf="withClair">
</section> <button id="config-vulnerability" clrTabLink>{{'CONFIG.VULNERABILITY' | translate }}</button>
<section id="email" role="tabpanel" aria-labelledby="config-email" [hidden]='!isCurrentTabContent("email")'> <ng-template [(clrIfActive)]="vulnerabilityActive">
<config-email [mailConfig]="allConfig"></config-email> <clr-tab-content id="vulnerability" *ngIf="withClair">
</section> <vulnerability-config [(vulnerabilityConfig)]="allConfig"></vulnerability-config>
<section id="system_settings" role="tabpanel" aria-labelledby="config-system" [hidden]='!isCurrentTabContent("system_settings")'> </clr-tab-content>
<system-settings [(systemSettings)]="allConfig" [hasAdminRole]="hasAdminRole" (reloadSystemConfig)="handleAppConfig($event)" (readOnlyChange)="handleReadyOnlyChange($event)" [hasCAFile]="hasCAFile"></system-settings> </ng-template>
</section> </clr-tab>
<section id="system_label" role="tabpanel" aria-labelledby="config-label" *ngIf="!withAdmiral" [hidden]='!isCurrentTabContent("system_label")'> <clr-tab *ngIf="hasAdminRole">
<hbr-label [scope]="'g'"></hbr-label> <button id="config-gc" clrTabLink>{{'CONFIG.GC' | translate }}</button>
</section> <ng-template [(clrIfActive)]="gcActive">
<section id="vulnerability" *ngIf="withClair" role="tabpanel" aria-labelledby="config-vulnerability" [hidden]='!isCurrentTabContent("vulnerability")'> <clr-tab-content id="gc" *ngIf="hasAdminRole">
<vulnerability-config [(vulnerabilityConfig)]="allConfig"></vulnerability-config> <gc-config></gc-config>
</section> </clr-tab-content>
<section id="gc" *ngIf="hasAdminRole" role="tabpanel" aria-labelledby="config-gc" [hidden]='!isCurrentTabContent("gc")'> </ng-template>
<gc-config></gc-config> </clr-tab>
</section> </clr-tabs>
</div> </div>
</div> </div>