All files / app/component/sort sort.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
1x
 
 
1x
1x
2x
 
 
1x
2x
1x
2x
2x
 
 
1x
2x
2x
1x
 
1x
 
 
2x
1x
 
1x
 
 
<select #create
        class="big"
        (input)="addSort($any(create.value))"
        i18n-title title="Sort">
  <option class="unselected" i18n>🔼️ sort</option>
  @for (s of allSorts; track s) {
    <option [value]="s.value" [title]="s.title || ''">{{ s.label || s.value }}</option>
  }
</select>
@for (sort of sorts; track sort; let i = $index) {
  <span class="controls">
    <select id="sort-{{ i }}" [ngModel]="sortCol(sort)" (ngModelChange)="setSortCol(i, $event)" [title]="title(sortCol(sort))">
      @for (s of allSorts; track s) {
        <option [value]="s.value" [title]="s.title || ''">{{ s.label || s.value }}</option>
      }
    </select>
    @if (sortCol(sort) !== 'rank') {
      @if (sortDir(sort) === 'DESC') {
        <button type="button" (click)="setSortDir(i, 'ASC')" i18n-title title="Descending" i18n>🔽️</button>
      } @else {
        <button type="button" (click)="setSortDir(i, 'DESC')" i18n-title title="Ascending" i18n>🔼️</button>
      }
    }
    @if (sorts.length > 1) {
      <button type="button" (click)="removeSort(i)" i18n>&ndash;</button>
    }
  </span>
}