24 lines
1.3 KiB
HTML
24 lines
1.3 KiB
HTML
<section id="main">
|
|
<h1 id="welcome">{{langs.currentLang?.welcome}} {{crud.user.username}}</h1>
|
|
|
|
<h2 id="title">{{langs.currentLang?.projects}}</h2>
|
|
<div id="projects">
|
|
<span *ngIf="projects.projects.length == 0 && crud.user != undefined" class="disabled">{{langs.currentLang?.noProjects}}</span>
|
|
<mat-card *ngFor="let project of projects.projects" class="project">
|
|
<mat-card-header>
|
|
<mat-card-title>{{project.name}}</mat-card-title>
|
|
<mat-card-subtitle>{{project.projectId}}</mat-card-subtitle>
|
|
</mat-card-header>
|
|
|
|
<mat-card-actions>
|
|
<button mat-button color="primary" (click)="openProject(project.projectId)">{{langs.currentLang?.open}}</button>
|
|
<button mat-button color="accent" (click)="editProject(project.projectId)">{{langs.currentLang?.edit}}</button>
|
|
<button mat-button color="warn" (click)="deleteProject(project.projectId)">{{langs.currentLang?.delete}}</button>
|
|
|
|
<button mat-icon-button color="warn" *ngIf="project.running" (click)="updateProjectStatus(project.projectId, false)"><mat-icon>pause</mat-icon></button>
|
|
<button mat-icon-button color="accent" *ngIf="!project.running" (click)="updateProjectStatus(project.projectId, true)"><mat-icon>play_arrow</mat-icon></button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</div>
|
|
</section>
|