add search bar on landscape view
This commit is contained in:
parent
69afae0dd6
commit
00f8af98a2
|
@ -157,6 +157,39 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="uk-navbar-center">
|
||||||
|
|
||||||
|
<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry">
|
||||||
|
<span id="search-icon" uk-search-icon></span>
|
||||||
|
<ng-autocomplete
|
||||||
|
[data]="countriesCollection"
|
||||||
|
[searchKeyword]="keyword"
|
||||||
|
placeHolder="Search for a country..."
|
||||||
|
(selected)='selectCountryFromAutocompleteEvent($event)'
|
||||||
|
(inputChanged)='onChangeSearch($event)'
|
||||||
|
(inputFocused)='onFocused($event)'
|
||||||
|
historyIdentifier="countriesCollection"
|
||||||
|
[itemTemplate]="itemTemplate"
|
||||||
|
[notFoundTemplate]="notFoundTemplate">
|
||||||
|
</ng-autocomplete>
|
||||||
|
|
||||||
|
<ng-template #itemTemplate let-item>
|
||||||
|
<a [innerHTML]="item.name"></a>
|
||||||
|
</ng-template>
|
||||||
|
|
||||||
|
<ng-template #notFoundTemplate let-notFound>
|
||||||
|
<div [innerHTML]="notFound"></div>
|
||||||
|
</ng-template>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry" data-uk-autocomplete="{source:'https://getuikit.com/v2/tests/components/_autocomplete.json'}">-->
|
||||||
|
<!--<span uk-search-icon></span>-->
|
||||||
|
<!--<input class="uk-search-input" type="search" placeholder="Search for a country...">-->
|
||||||
|
<!--<!–<input type="text">–>-->
|
||||||
|
<!--</div>-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="uk-navbar-right">
|
<div class="uk-navbar-right">
|
||||||
|
|
||||||
<ul class="uk-navbar-nav" >
|
<ul class="uk-navbar-nav" >
|
||||||
|
|
Loading…
Reference in New Issue