Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

24 lines
1.1 KiB

<ng-container *ngIf="searchSource.selectedAppOrNull | async">
<div class="search-container ml-4">
<sqx-autocomplete [source]="searchSource" inputName="searchMenu" placeholder="Quick Nav (Press 'q')" icon="search" #searchControl
dropdownWidth="30rem"
[ngModel]="selection"
(ngModelChange)="selectResult($event)">
<ng-template let-result="$implicit">
<div class="row no-gutters">
<div class="col-auto pr-4">
<i class="icon-search-{{result.type}}"></i>
</div>
<div class="col truncate">
{{result.name}}
</div>
<div class="col-auto text-right" *ngIf="result.label">
<div class="badge badge-pill badge-primary ml-2">{{result.label}}</div>
</div>
</div>
</ng-template>
</sqx-autocomplete>
<sqx-shortcut keys="q" (trigger)="searchControl.focus()"></sqx-shortcut>
</div>
</ng-container>