All files / app/component/filter filter.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
35
36
37
38
39
40
41
42
43
44
1x
 
 
1x
2x
2x
 
 
 
 
 
 
 
 
1x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
<select #create
        class="big"
        (input)="addFilter($any(create.value))"
        i18n-title title="Filter">
  <option class="unselected" i18n>{{ emoji }} filter</option>
  @for (g of allFilters; track g.label) {
    @if (g.filters.length) {
      <optgroup [label]="g.label">
        @for (f of g.filters; track f.filter) {
          <option [value]="f.filter" [title]="f.title || ''">{{ f.label || f.filter }}</option>
        }
      </optgroup>
    }
  }
</select>
@for (filter of filters; track filter; let i = $index) {
  <div class="controls" [title]="filter">
    <select id="filter-{{ i }}" [ngModel]="filter" (ngModelChange)="setFilter(i, $event)" [title]="title(filter)">
      @for (g of allFilters; track g.label) {
        @if (g.filters.length) {
          <optgroup [label]="g.label">
            @for (f of g.filters; track f.filter) {
              <option [value]="f.filter" [title]="f.title || ''">{{ f.label || f.filter }}</option>
            }
          </optgroup>
        }
      }
    </select>
    @if (negatable(filter)) {
      <button type="button" (click)="toggleQuery(i)">{{ store.account.querySymbol('!') }}</button>
    }
    <button type="button" (click)="removeFilter(i)" i18n>&ndash;</button>
  </div>
  @if (filter.startsWith('modified/') || filter.startsWith('response/') || filter.startsWith('published/') || filter.startsWith('created/')) {
    <input type="datetime-local"
           step="60"
           [value]="toDate(filter)"
           (focus)="focus()"
           (change)="hasFocus() && set(i, filter, toIso($any($event.target).value))"
           (keydown)="clearFocus() && $event.key === 'Enter' && set(i, filter, toIso($any($event.target).value)) || true"
           (blur)="set(i, filter, toIso($any($event.target).value))">
  }
}