diff options
| author | Chocobozzz <me@florianbigard.com> | 2020-05-29 16:16:24 +0200 |
|---|---|---|
| committer | Chocobozzz <chocobozzz@cpy.re> | 2020-06-10 14:02:41 +0200 |
| commit | 5fb2e2888ce032c638e4b75d07458642f0833e52 (patch) | |
| tree | 8830d873569316889b8134027e9a43b198cca38f /client/src/app/header/suggestion.component.html | |
| parent | 62e7be634bc189f942ae51cb4b080079ab503ff0 (diff) | |
| download | PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.tar.gz PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.tar.zst PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.zip | |
First implem global search
Diffstat (limited to 'client/src/app/header/suggestion.component.html')
| -rw-r--r-- | client/src/app/header/suggestion.component.html | 21 |
1 files changed, 8 insertions, 13 deletions
diff --git a/client/src/app/header/suggestion.component.html b/client/src/app/header/suggestion.component.html index d7ae3450a..ab4b4b678 100644 --- a/client/src/app/header/suggestion.component.html +++ b/client/src/app/header/suggestion.component.html | |||
| @@ -1,22 +1,17 @@ | |||
| 1 | <a tabindex="-1" class="d-flex flex-auto flex-items-center p-2" [class.focus-visible]="active"> | 1 | <a tabindex="-1" class="d-flex flex-auto flex-items-center p-2" [class.focus-visible]="active"> |
| 2 | <div class="flex-shrink-0 mr-2 text-center"> | 2 | <div class="flex-shrink-0 mr-2 text-center"> |
| 3 | <my-global-icon *ngIf="result.type !== 'channel'" iconName="search"></my-global-icon> | 3 | <my-global-icon iconName="search"></my-global-icon> |
| 4 | <my-global-icon *ngIf="result.type === 'channel'" iconName="folder"></my-global-icon> | ||
| 5 | </div> | 4 | </div> |
| 6 | 5 | ||
| 7 | <img class="avatar mr-2 flex-shrink-0 d-none" alt="" aria-label="Team" src="" width="28" height="28"> | 6 | <img class="avatar mr-2 flex-shrink-0 d-none" alt="" aria-label="Team" src="" width="28" height="28"> |
| 8 | 7 | ||
| 9 | <div class="flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target" [attr.aria-label]="result.text" [innerHTML]="result.text | highlight : highlight"></div> | 8 | <div |
| 9 | class="flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target" | ||
| 10 | [attr.aria-label]="result.text" [innerHTML]="result.text | highlight : highlight" | ||
| 11 | ></div> | ||
| 10 | 12 | ||
| 11 | <div *ngIf="result.type !== 'channel' && result.type !== 'suggestion'" class="border rounded flex-shrink-0 px-1 bg-gray text-gray-light ml-1 f6"> | 13 | <div class="border rounded flex-shrink-0 px-1 bg-gray text-gray-light ml-1 f6"> |
| 12 | <span *ngIf="result.type === 'search-channel'" i18n>In this channel</span> | ||
| 13 | <span *ngIf="result.type === 'search-instance'" i18n>In this instance</span> | 14 | <span *ngIf="result.type === 'search-instance'" i18n>In this instance</span> |
| 14 | <span *ngIf="result.type === 'search-global'" i18n>In the vidiverse</span> | 15 | <span *ngIf="result.type === 'search-index'" i18n>In the vidiverse</span> |
| 15 | <span *ngIf="result.type === 'search-any'" aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> | ||
| 16 | </div> | 16 | </div> |
| 17 | 17 | </a> | |
| 18 | <div *ngIf="result.type === 'channel'" aria-hidden="true" class="border rounded flex-shrink-0 px-1 bg-gray text-gray-light ml-1 f6 d-on-nav-focus" i18n> | ||
| 19 | Jump to channel | ||
| 20 | <span class="d-inline-block ml-1 v-align-middle">↵</span> | ||
| 21 | </div> | ||
| 22 | </a> \ No newline at end of file | ||