]>
Commit | Line | Data |
---|---|---|
f409f0c3 RK |
1 | <div class="d-inline-flex position-relative" id="typeahead-container" #contentWrapper> |
2 | <ng-content></ng-content> | |
3 | ||
4 | <div class="position-absolute jump-to-suggestions"> | |
5 | <!-- suggestions --> | |
6af662a5 RK |
6 | <my-suggestions *ngIf="hasSearch && newSearch" [results]="results" [highlight]="searchInput.value" (init)="initKeyboardEventsManager($event)" #suggestions></my-suggestions> |
7 | ||
8 | <!-- suggestion help, not shown until one of the suggestions is selected and specific to that suggestion --> | |
9 | <div *ngIf="showHelp" id="typeahead-help" class="overflow-hidden"> | |
10 | <ng-container *ngIf="activeResult.type === 'search-global'"> | |
11 | <div class="d-flex justify-content-between"> | |
12 | <label class="small-title" i18n>Global search</label> | |
13 | <div class="advanced-search-status text-muted"> | |
14 | <span class="mr-1" i18n>using {{ globalSearchIndex }}</span> | |
15 | <i class="glyphicon glyphicon-globe"></i> | |
16 | </div> | |
17 | </div> | |
18 | <div class="text-muted" i18n>Results will be augmented with those of a third-party index. Only data necessary to make the query will be sent.</div> | |
19 | </ng-container> | |
20 | </div> | |
f409f0c3 RK |
21 | |
22 | <!-- search instructions, when search input is empty --> | |
23 | <div *ngIf="!hasSearch" id="typeahead-instructions" class="overflow-hidden"> | |
24 | <div class="d-flex justify-content-between"> | |
25 | <label class="small-title" i18n>Advanced search</label> | |
6af662a5 | 26 | <div class="advanced-search-status c-help"> |
f409f0c3 RK |
27 | <span [ngClass]="URIPolicy === 'any' ? 'text-success' : 'text-muted'" [title]="URIPolicyText"> |
28 | <span class="mr-1" i18n>{URIPolicy, select, only-followed {only followed instances} other {any instance}} </span> | |
29 | <i [ngClass]="URIPolicy === 'any' ? 'glyphicon glyphicon-ok-sign' : 'glyphicon glyphicon-exclamation-sign'"></i> | |
30 | </span> | |
31 | </div> | |
32 | </div> | |
33 | <ul> | |
34 | <li> | |
35 | <em>@username@domain</em> <span class="flex-auto text-muted" i18n>account or channel</span> | |
36 | </li> | |
37 | <li> | |
38 | <em>URL</em> <span class="text-muted" i18n>account or channel</span> | |
39 | </li> | |
40 | <li> | |
41 | <em>URL</em> <span class="text-muted" i18n>video</span> | |
42 | </li> | |
43 | </ul> | |
44 | <span class="text-muted" i18n>Any other text will return matching video, channel or account names.</span> | |
45 | </div> | |
46 | </div> | |
47 | ||
48 | </div> |