search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51k stars 13.52k forks source link

[Feature] ionSearch for items #1289

Closed gastonbesada closed 10 years ago

gastonbesada commented 10 years ago

Is possible to include ionSearch directive for items? http://forum.ionicframework.com/t/ionic-search-directive/3402

Like UISearchBar in iOS 7 https://developer.apple.com/library/ios/documentation/uikit/reference/UISearchBar_Class/Reference.html https://www.youtube.com/watch?v=UE4h_Td6W6U#t=2317

Key features should be: 1 - Hidden search below the nav/header bar when the content view is loaded (optional). 2 - Animate the search input to nav/header when focused. 3 - Backdrop when search input is focused (optional). 4 - Change backdrop to ionicLoading when starting to search. 5 - Add a "Cancel" button to the right outside the input when search input is focused to back to the content view. 5 - Add a clear (x) button inside the input search to the right when a key is pressed to clear the input. 6 - Change the default return text in cordova keyboard to "search" (or custom).

Update: item 6 is not possible in cordova yet. I opened an issue in Apache Jira requesting some help with this: https://issues.apache.org/jira/browse/CB-6656

Referenced issues: https://github.com/driftyco/ionic/issues/1283 https://github.com/driftyco/ionic/pull/411 https://github.com/driftyco/ionic/issues/405

Thanks

zirkler commented 10 years ago

:+1: this would be awsome

perrygovier commented 10 years ago

Moving feature requests from GH Issues to Trello. Please continue the discussion and vote for this and other issues that are important to you here: https://trello.com/c/KldV1zQK/26-ionsearch-for-items

djett41 commented 9 years ago

@gastonbesada @perrygovier hey guys I created a directive which pretty much does what this request is asking for (both iOS and Android). Check out the animated gif here http://makeagif.com/i/EZ-klS . I added all of the info on the trello issue, also committed the code/tests/docs to the ionic repo i forked just for this request.

Check it out and let me know what you think!

brauliobo commented 9 years ago

@djett41 very nice! could you make a plugin of it?

djett41 commented 9 years ago

Sure hopefully I can get around to it sometime soon :-)

djett41 commented 9 years ago

@brauliobo I just registered this as a bower component. You can check out the repo at https://github.com/djett41/ionic-filter-bar for more information

brauliobo commented 9 years ago

@djett41 nice! will try it. cc @viniciuscb