self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-01-20 04:59:33 +02:00
Code Issues Releases Activity

improve search design

Browse Source
This commit is contained in:
Patrik Braun 2017-07-25 21:16:57 +02:00
parent 2569286915
commit 7d146cac87
3 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/app/gallery/search/search.gallery.component.css
View File

@ -27,6 +27,7 @@
padding: 0 20px; padding: 0 20px;
line-height: 1.42857143; line-height: 1.42857143;
font-weight: 400; font-weight: 400;
display: block;
} }
.autocomplete-item:hover { .autocomplete-item:hover {

15
frontend/app/gallery/search/search.gallery.component.html
View File

@ -1,9 +1,18 @@
<form class="navbar-form" role="search" #SearchForm="ngForm"> <form class="navbar-form" role="search" #SearchForm="ngForm">
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control" placeholder="Search" (keyup)="onSearchChange($event)" <input type="text"
(blur)="onFocusLost()" (focus)="onFocus()" [(ngModel)]="searchText" #name="ngModel" class="form-control"
placeholder="Search"
(keyup)="onSearchChange($event)"
(blur)="onFocusLost()"
(focus)="onFocus()"
[(ngModel)]="searchText"
#name="ngModel"
size="30"
ngControl="search" ngControl="search"
name="srch-term" id="srch-term" autocomplete="off"> name="srch-term"
id="srch-term"
autocomplete="off">
<div class="autocomplete-list" *ngIf="autoCompleteItems.length > 0" <div class="autocomplete-list" *ngIf="autoCompleteItems.length > 0"

1
frontend/app/gallery/search/search.gallery.component.ts
View File

@ -116,7 +116,6 @@ export class GallerySearchComponent {
} }
private showSuggestions(suggestions: Array<AutoCompleteItem>, searchText: string) { private showSuggestions(suggestions: Array<AutoCompleteItem>, searchText: string) {
console.log(suggestions);
this.emptyAutoComplete(); this.emptyAutoComplete();
suggestions.forEach((item: AutoCompleteItem) => { suggestions.forEach((item: AutoCompleteItem) => {
let renderItem = new AutoCompleteRenderItem(item.text, searchText, item.type); let renderItem = new AutoCompleteRenderItem(item.text, searchText, item.type);