Revision 58522
Added by Argiro Kokogiannaki about 4 years ago
| searchBar.component.html | ||
|---|---|---|
| 1 |
<div *ngIf="enableSearchbar" class=""> |
|
| 2 |
<!-- <form class="uk-search uk-search-default uk-width-1-1"> |
|
| 3 |
<a routerLinkActive="uk-link" |
|
| 4 |
routerLink="{{searchRoute}}" [queryParams]="{keyword: keyword}" class="uk-search-icon-flip" uk-search-icon></a>
|
|
| 5 |
<input class="uk-search-input" type="search" [placeholder]="searchPlaceHolder" |
|
| 6 |
aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" > |
|
| 7 |
</form>--> |
|
| 8 |
<!-- <advanced-search-form [showAdvancedSearchLink]="false" [simpleView]="true" ></advanced-search-form>--> |
|
| 9 |
<form class=" uk-margin-medium-bottom uk-margin-top searchBar "> |
|
| 10 |
<div class="uk-grid uk-margin-small-left"> |
|
| 11 |
<div |
|
| 12 |
[class]="((entitiesSelection)?'':'uk-width-small@s')+' uk-margin-small-top uk-padding-remove-left'"> |
|
| 13 |
<entities-selection *ngIf="entitiesSelection" [simpleView]="true" [currentEntity]="entityType" |
|
| 14 |
[selectedEntity]="entityType" |
|
| 15 |
[properties]="properties" |
|
| 16 |
(selectionChange)=" entityChanged($event)" |
|
| 17 |
[customFilter]="customFilter" |
|
| 18 |
[onlyresults]="true" matPanelClass="navbarMatSelectPanelClass" |
|
| 19 |
[onChangeNavigate]="false" ></entities-selection> |
|
| 20 | 1 |
|
| 21 |
</div> |
|
| 22 |
<div class=" uk-padding-remove-left uk-margin-small-top"> |
|
| 23 |
<div class="uk-inline"> |
|
| 24 |
<a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" |
|
| 25 |
(click)="keyword = ''" |
|
| 26 |
uk-icon="icon: close"></a> |
|
| 27 |
<input type="text" class="uk-input text-input-box" |
|
| 28 |
[placeholder]="searchPlaceHolder" aria-describedby="sizing-addon2" |
|
| 29 |
[(ngModel)]="keyword" name="keyword"> |
|
| 30 |
</div> |
|
| 2 |
<form *ngIf="enableSearchbar" |
|
| 3 |
class=" uk-margin-medium-bottom uk-margin-top searchBar uk-form-width-1-1 uk-grid uk-margin-small-left"> |
|
| 4 |
<div |
|
| 5 |
[class]="((entitiesSelection)?'':'uk-width-small@s')+' uk-margin-small-top uk-padding-remove-left'"> |
|
| 6 |
<entities-selection *ngIf="entitiesSelection" [simpleView]="true" [currentEntity]="entityType" |
|
| 7 |
[selectedEntity]="entityType" |
|
| 8 |
[properties]="properties" |
|
| 9 |
(selectionChange)=" entityChanged($event)" |
|
| 10 |
[customFilter]="customFilter" |
|
| 11 |
[onlyresults]="true" matPanelClass="navbarMatSelectPanelClass" |
|
| 12 |
[onChangeNavigate]="false" ></entities-selection> |
|
| 31 | 13 |
|
| 32 |
</div> |
|
| 33 |
<div class="uk-padding-remove-left uk-margin-small-top"> |
|
| 34 |
<button (click)="keywordChanged()" type="submit" |
|
| 35 |
class=" uk-button portal-button uk-text-bold "> |
|
| 36 |
Search |
|
| 37 |
</button> |
|
| 38 |
|
|
| 39 |
</div> |
|
| 40 |
</div> |
|
| 41 |
</form> |
|
| 42 |
</div> |
|
| 14 |
</div> |
|
| 15 |
<div class=" uk-padding-remove-left uk-margin-small-top uk-inline uk-width-expand"> |
|
| 16 |
<a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" |
|
| 17 |
(click)="keyword = ''" |
|
| 18 |
uk-icon="icon: close"></a> |
|
| 19 |
<input type="text" class="uk-input text-input-box uk-width-expand" |
|
| 20 |
[placeholder]="searchPlaceHolder" aria-describedby="sizing-addon2" |
|
| 21 |
[(ngModel)]="keyword" name="keyword"> |
|
| 22 |
</div> |
|
| 23 |
<!--<div class="uk-padding-remove-left uk-margin-small-top"> |
|
| 24 |
<button (click)="keywordChanged()" type="submit" |
|
| 25 |
class=" uk-button portal-button uk-text-bold "> |
|
| 26 |
Search |
|
| 27 |
</button> |
|
| 28 |
</div>--> |
|
| 29 |
<button (click)="keywordChanged()" type="submit" |
|
| 30 |
class="uk-icon-button uk-icon portal-button uk-padding-remove-left uk-margin-small-left uk-margin-small-top"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="search"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg> |
|
| 31 |
</button> |
|
| 32 |
</form> |
|
Also available in: Unified diff
[Library|Trunk]
Updates on searchbar and navbar:
searchbar width, button, css
library.css:
searchbar css
navbar z-index same as uk-sticky nav bar (from theme.css)
beta indication z-index