diff options
author | nachoparker <nacho@ownyourbits.com> | 2019-01-04 02:36:34 +0300 |
---|---|---|
committer | nachoparker <nacho@ownyourbits.com> | 2019-01-05 04:14:53 +0300 |
commit | 9099aa8828562ce76fb2a8e96f5acb5fa3bef329 (patch) | |
tree | f680542aeef685feb84dfc12d6d87cfeee996e7d | |
parent | 6c954989906c53a0fda44bfd71d8ec409d42ad94 (diff) |
search-box animations
-rw-r--r-- | ncp-web/js/ncp.js | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/ncp-web/js/ncp.js b/ncp-web/js/ncp.js index 6c35db0c..2b4a9ae5 100644 --- a/ncp-web/js/ncp.js +++ b/ncp-web/js/ncp.js @@ -451,6 +451,11 @@ $(function() app_clicked($('#' + match.id)); ncp_app_list.show(); search_box.value = ''; + var input = $$('#' + match.id + '-config-box input'); + input.focus(); + input.selectionStart = input.selectionEnd = input.value.length; + $('#search-box').animate( {$width: '0px'}, 150 ).then(function() { $('#search-box').hide(); }); + history.pushState(null, selectedID, "?app=" + selectedID); return; } @@ -465,9 +470,17 @@ $(function() var search_box = $$('#search-box'); ncp_app_list = $('.ncp-app-list-item'); $('#search-box').on('|keyup', filter_apps ); + $('#search-box').on('|blur', function(e) { + $('#search-box').animate( {$width: '0px'}, 150 ).then(function() { $('#search-box').hide(); }); + } ); search_box.value = ''; search_box.focus(); - $('.icon-search').on('click', function(e) { search_box.focus(); }); + $('.icon-search').on('click', function(e) { + + $('#search-box').show(); + search_box.focus(); + $('#search-box').animate( {$width: '130px'}, 150 ); + }); // load dashboard info print_dashboard(); |