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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1x
2x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
<div class="todo-item-container row">
  <input #checkbox type="checkbox" [checked]="checked" (input)="toggle()">
  @if (editing) {
    <textarea [value]="text"
              (focusin)="editing = true"
              (input)="text = $any($event).target.value"
              (keydown)="$event.key === 'Enter' && edit() || true"
              (blur)="edit()"
              [appAutofocus]="true"></textarea>
  } @else if (text) {
    <app-md [origin]="origin"
            [plugins]="plugins"
            [text]="text"
            tabindex="0"
            (mouseover)="hovering = true"
            (mouseout)="hovering = false"
            (focus)="editing = !config.mobile && !hovering"
            (click)="editing = true"></app-md>
  }
</div>