All files / app/component/query query.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
4x
2x
 
 
 
 
2x
4x
2x
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (editing || !query) {
  <input #editor
         type="text"
         autocorrect="off"
         autocapitalize="none"
         i18n-placeholder
         placeholder="Tag Query"
         [value]="query"
         (blur)="blur(editor.value)"
         (keydown)="$event.key === 'Enter' && search(editor.value) || true">
  <button type="button" (click)="search(editor.value)">��️</button>
} @else {
  <div #div class="breadcrumbs" (click)="$event.target === div && edit(false)">
    @for (breadcrumb of breadcrumbs; track breadcrumb) {
      <span class="crumb">
        @if (breadcrumb.tag) {
          <a class="tag" [routerLink]="['../', breadcrumb.tag]" queryParamsHandling="merge"><span (click)="click($event, breadcrumb)">{{ breadcrumb.text }}</span></a>
        } @else {
          <span class="op" (click)="edit([breadcrumb, breadcrumb])">{{ breadcrumb.text }}</span>
        }
      </span>
    }
  </div>
  <button type="button" (click)="edit(true)">✏️</button>
}