harbor/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-additions.componen...

107 lines
4.6 KiB
HTML

<ng-container *ngIf="additionLinks">
<h4 class="margin-bottom-025">{{ 'ARTIFACT.ADDITIONS' | translate }}</h4>
<div class="min-15">
<clr-tabs #additionsTab>
<clr-tab *ngIf="getVulnerability()">
<button
clrTabLink
id="vulnerability"
(click)="actionTab('vulnerability')">
{{ 'REPOSITORY.VULNERABILITY' | translate }}
</button>
<ng-template
[clrIfActive]="currentTabLinkId === 'vulnerability'">
<clr-tab-content id="vulnerability-content">
<hbr-artifact-vulnerabilities
[artifact]="artifact"
[projectName]="projectName"
[projectId]="projectId"
[repoName]="repoName"
[digest]="digest"
[vulnerabilitiesLink]="
getVulnerability()
"></hbr-artifact-vulnerabilities>
</clr-tab-content>
</ng-template>
</clr-tab>
<clr-tab *ngIf="getSbom()">
<button clrTabLink id="sbom" (click)="actionTab('sbom')">
{{ 'REPOSITORY.SBOM' | translate }}
</button>
<ng-template [clrIfActive]="currentTabLinkId === 'sbom'">
<clr-tab-content id="sbom-content">
<hbr-artifact-sbom
[artifact]="artifact"
[projectName]="projectName"
[projectId]="projectId"
[repoName]="repoName"
[sbomDigest]="sbomDigest"></hbr-artifact-sbom>
</clr-tab-content>
</ng-template>
</clr-tab>
<clr-tab *ngIf="getBuildHistory()">
<button
clrTabLink
id="build-history"
(click)="actionTab('build-history')">
{{ 'REPOSITORY.BUILD_HISTORY' | translate }}
</button>
<ng-template
[clrIfActive]="currentTabLinkId === 'build-history'">
<clr-tab-content>
<hbr-artifact-build-history
[buildHistoryLink]="
getBuildHistory()
"></hbr-artifact-build-history>
</clr-tab-content>
</ng-template>
</clr-tab>
<clr-tab *ngIf="getSummary()">
<button
clrTabLink
id="summary-link"
(click)="actionTab('summary-link')">
{{ 'ARTIFACT.SUMMARY' | translate }}
</button>
<ng-template
[clrIfActive]="currentTabLinkId === 'summary-link'">
<clr-tab-content id="summary-content">
<hbr-artifact-summary
[summaryLink]="getSummary()"></hbr-artifact-summary>
</clr-tab-content>
</ng-template>
</clr-tab>
<clr-tab *ngIf="getDependencies()">
<button
clrTabLink
id="depend-link"
(click)="actionTab('depend-link')">
{{ 'ARTIFACT.DEPENDENCIES' | translate }}
</button>
<ng-template [clrIfActive]="currentTabLinkId === 'depend-link'">
<clr-tab-content id="depend-content">
<hbr-artifact-dependencies
[dependenciesLink]="
getDependencies()
"></hbr-artifact-dependencies>
</clr-tab-content>
</ng-template>
</clr-tab>
<clr-tab *ngIf="getValues()">
<button
clrTabLink
id="value-link"
(click)="actionTab('value-link')">
{{ 'ARTIFACT.VALUES' | translate }}
</button>
<ng-template [clrIfActive]="currentTabLinkId === 'value-link'">
<clr-tab-content id="value-content">
<hbr-artifact-values
[valuesLink]="getValues()"></hbr-artifact-values>
</clr-tab-content>
</ng-template>
</clr-tab>
</clr-tabs>
</div>
</ng-container>