/* * jQuery throttle / debounce - v1.1 - 3/7/2010 * http://benalman.com/projects/jquery-throttle-debounce-plugin/ * * Copyright (c) 2010 "Cowboy" Ben Alman * Dual licensed under the MIT and GPL licenses. * http://benalman.com/about/license/ */ (function(b,c){var $=b.jQuery||b.Cowboy||(b.Cowboy={}),a;$.throttle=a=function(e,f,j,i){var h,d=0;if(typeof f!=="boolean"){i=j;j=f;f=c}function g(){var o=this,m=+new Date()-d,n=arguments;function l(){d=+new Date();j.apply(o,n)}function k(){h=c}if(i&&!h){l()}h&&clearTimeout(h);if(i===c&&m>e){l()}else{if(f!==true){h=setTimeout(i?k:l,i===c?e-m:e)}}}if($.guid){g.guid=j.guid=j.guid||$.guid++}return g};$.debounce=function(d,e,f){return f===c?a(d,e,false):a(d,f,e!==false)}})(this); $(document).ready (function () { var protocache = {}; function extract (n) { var e = protocache[n.attr ('id')]; if (e) { return e; } e = { 'name': n.children ('.name').first ().text (), 'rank': parseFloat (n.data ('rank')), } var year = n.find ('dl dd.ref * .year').first (); if (year.length == 1) { e['year'] = parseInt (year.text ()); } else { e['year'] = 0; } e['features'] = n.find ('.features li').map (function (i, e) { return $(e).data ('id'); }).get (); protocache[n.attr ('id')] = e; return e; } function sortproto (by) { var protolist = $('#protocols'); var items = protolist.children ('.protocol'); items.detach ().sort (function (nodeA, nodeB) { var a = extract ($(nodeA))[by]; var b = extract ($(nodeB))[by]; if (by == 'rank' || by == 'year') { return a > b ? 1 : (a < b ? -1 : 0); } else { return a.localeCompare (b); } }); protolist.append (items); } function hasfeatures (item, features) { var itemfeatures = item['features']; for (i = 0; i < features.length; i++) { if (itemfeatures.indexOf (features[i]) == -1) { return false; } } return true; } function filterproto (search, features = []) { console.log (features); search = search.toLowerCase () var items = $('#protocols .protocol'); for (var i = 0; i < items.length; i++) { var domobj = $(items[i]); var e = extract (domobj); if (e['name'].toLocaleLowerCase ().indexOf (search) >= 0 && (features.length == 0 || hasfeatures (e, features))) { domobj.show (); } else { domobj.hide (); } } } function selectedfeatures () { var sel = $('.filter-feature'); var features = []; for (i = 0; i < sel.length; i++) { if ($(sel[i]).is (':checked')) { features.push ($(sel[i]).val ()); } } return features; } $('#sort').change (function () { sortproto ($(this).val ()); }); $('#filter').keyup ($.debounce (100, function () { filterproto ($(this).val (), selectedfeatures ()); })); $('.filter-feature').change (function () { filterproto ($('#filter').val (), selectedfeatures ()); }); $('#protosort').show (); $('.filter-feature').show (); sortproto ($('#sort').val ()); filterproto ($('#filter').val (), selectedfeatures ()); });