37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<div class="task">
|
|
<div class="header">
|
|
<mat-icon class="drag-n-drop">drag_handle</mat-icon>
|
|
<mat-checkbox class="example-margin"></mat-checkbox>
|
|
<div class="input-container">
|
|
<input type="text" #titleInput [formControl]="titleControl"/>
|
|
</div>
|
|
<button type="button" class="expand icon" (click)="expand()" matRipple>
|
|
<mat-icon *ngIf="!isExpanded">expand_more</mat-icon>
|
|
<mat-icon *ngIf="isExpanded">expand_less</mat-icon>
|
|
</button>
|
|
</div>
|
|
<div [ngClass]="getExpendedClass()">
|
|
<div class="container">
|
|
<div class="description-container">
|
|
<label for="description">
|
|
Description
|
|
</label>
|
|
<textarea id="description" [formControl]="descriptionControl"></textarea>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="row">
|
|
<button class="raised" matRipple matTooltip="Définir une alerte dans X minutes">
|
|
<mat-icon>update</mat-icon>
|
|
Rappel
|
|
</button>
|
|
</div>
|
|
<div class="row">
|
|
<button class="raised alert" [disabled]="!task" (click)="delete()">
|
|
<mat-icon>delete</mat-icon>
|
|
Supprimer
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |