2017-11-30 15:55:00 +03:00

21 lines
735 B
HTML

<div *ngIf="!formActive" class="board-name" fxFlex="1 0 auto" fxLayout="row" fxLayoutAlign="start center">
<span>{{board.name}}</span>
<button mat-icon-button (click)="openForm()">
<mat-icon class="s-16">edit_mode</mat-icon>
</button>
</div>
<form [formGroup]="form" (ngSubmit)="onFormSubmit()"
class="board-name-form" fxLayout="row" fxFlex="1 0 auto" *ngIf="formActive">
<input formControlName="name" #nameInput fxFlex="1 0 auto" placeholder="Write a board name">
<button mat-icon-button fxFlex="0 1 auto">
<mat-icon>check</mat-icon>
</button>
<button mat-icon-button fxFlex="0 1 auto" (click)="closeForm()" type="button">
<mat-icon>close</mat-icon>
</button>
</form>