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

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