You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.6 KiB
HTML
33 lines
1.6 KiB
HTML
<div id="content">
|
|
<mat-tab-group #tabGroup (selectedTabChange)="this.onTabSelectionChange($event)" animationDuration="0"
|
|
class="main-tab-group">
|
|
<mat-tab [label]="this.selectedRepository? 'RepositoryData' : 'Repositories'">
|
|
<app-repositories-tab></app-repositories-tab>
|
|
</mat-tab>
|
|
<mat-tab *ngFor="let tab of tabs; trackBy: trackByTabId">
|
|
<ng-template mat-tab-label>
|
|
<div (click)="this.onMouseClickTabLabel(tab, $event)" class="tab-label-div">
|
|
{{tab.category}}
|
|
<button (click)="this.closeTab(tab)" class="close-tab-button" mat-icon-button>
|
|
<ng-icon name="mat-close"></ng-icon>
|
|
</button>
|
|
</div>
|
|
</ng-template>
|
|
<ng-template matTabContent>
|
|
<app-files-tab *ngIf="tab.category === 'Files'" [state]="tab.filesTab()"></app-files-tab>
|
|
<app-import-tab *ngIf="tab.category === 'Import'" [state]="tab.importTab()"></app-import-tab>
|
|
</ng-template>
|
|
</mat-tab>
|
|
<mat-tab *ngIf="this.newTab" label="New Tab">
|
|
<app-empty-tab (tabCategorySelect)="this.addTab($event)"></app-empty-tab>
|
|
</mat-tab>
|
|
<mat-tab *ngIf="this.selectedRepository" disabled>
|
|
<ng-template mat-tab-label>
|
|
<button (click)="this.addEmptyTab()" class="new-tab-button" mat-icon-button>
|
|
<ng-icon name="mat-plus"></ng-icon>
|
|
</button>
|
|
</ng-template>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
</div>
|