gns3-web-ui/src/app/components/projects/projects.component.html
2019-08-09 06:32:58 -07:00

61 lines
2.3 KiB
HTML

<div class="content">
<div class="default-header">
<div class="row">
<h1 class="col">Projects</h1>
<button
*ngIf="settings.experimental_features"
class="col"
mat-raised-button
color="primary"
(click)="addBlankProject()"
class="add-button"
>
Add blank project
</button>
<button
*ngIf="settings.experimental_features"
class="col"
mat-raised-button
color="primary"
(click)="importProject()"
class="import-button"
>
Import project
</button>
</div>
</div>
<div class="default-content">
<div class="mat-elevation-z8">
<mat-table #table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef mat-sort-header> Name </mat-header-cell>
<mat-cell *matCellDef="let row">
<a [routerLink]="['/server', server.id, 'project', row.project_id]" class="table-link">{{ row.name }}</a>
</mat-cell>
</ng-container>
<ng-container matColumnDef="actions">
<mat-header-cell *matHeaderCellDef> Actions </mat-header-cell>
<mat-cell *matCellDef="let row" style="text-align: right">
<button mat-icon-button matTooltip="Delete project" (click)="delete(row)" *ngIf="row.status == 'closed'">
<mat-icon aria-label="Delete project">delete</mat-icon>
</button>
<button mat-icon-button matTooltip="Duplicate project" (click)="duplicate(row)">
<mat-icon aria-label="Duplicate project">filter_2</mat-icon>
</button>
<button mat-icon-button matTooltip="Open project" (click)="open(row)" *ngIf="row.status == 'closed'">
<mat-icon aria-label="Open project">play_arrow</mat-icon>
</button>
<button mat-icon-button matTooltip="Close project" (click)="close(row)" *ngIf="row.status == 'opened'">
<mat-icon aria-label="Close project">pause</mat-icon>
</button>
</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
</mat-table>
</div>
</div>
</div>