super-productivity/src/app/features/note/notes/notes.component.html
2019-08-25 00:46:24 +02:00

30 lines
889 B
HTML

<div class="wrapper">
<div *ngIf="isDragOver"
@fade
class="bgc-accent drag-over-msg">
<mat-icon>add</mat-icon>
{{T.F.NOTE.NOTES_CMP.DROP_TO_ADD|translate}}
</div>
<header>
<button #buttonEl
(click)="addNote()"
autofocus="autofocus"
mat-button=""
tabindex="1">
<mat-icon>add</mat-icon>
{{T.F.NOTE.NOTES_CMP.ADD_BTN|translate}}
</button>
<!--<button mat-icon-button="">-->
<!--<mat-icon>search</mat-icon>-->
<!--</button>-->
</header>
<div [@standardList]="(noteService.notes$|async)?.length"
[dragulaModel]="(noteService.notes$|async)"
class="notes"
dragula="NOTES">
<note *ngFor="let note of (noteService.notes$|async); trackBy:trackById; let i = index;"
[isFocus]="isElementWasAdded && i==0"
[note]="note"></note>
</div>
</div>