All files / app/component/todo todo.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
1x
 
2x
1x
2x
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
1x
1x
1x
 
 
1x
2x
1x
2x
 
 
2x
 
 
 
<div class="todo-list-container"
     cdkDropList
     [cdkDropListData]="ref?.url"
     (cdkDropListDropped)="drop($any($event))">
  @for (line of lines; let i = $index; track line) {
    <app-todo-item cdkDrag
                   [cdkDragData]="line"
                   [cdkDragStartDelay]="pressToUnlock ? 251 : 0"
                   [pressToUnlock]="pressToUnlock"
                   [line]="line"
                   [origin]="origin"
                   [plugins]="tags || ref?.tags || []"
                   (update)="update({ index: i, text: $event.text, checked: $event.checked })"></app-todo-item>
  }
  @for (line of pushText; let i = $index; track line) {
    <app-todo-item [line]="line"
                   [origin]="origin"
                   [plugins]="tags || ref?.tags || []"></app-todo-item>
  }
</div>
<div class="spacer"></div>
<input type="text"
       enterkeyhint="send"
       i18n-placeholder
       placeholder="Add..."
       [value]="addText"
       (input)="addText = $any($event.target).value"
       [style.display]="addText ? 'block' : 'none'"
       (keydown)="$event.key === 'Enter' && add($event) || true"
       (blur)="add()">
@for (e of serverErrors; track e) {
  <div class="error">{{ e }}</div>
}