1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
/*
* 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.find ('.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 {
/* ignore non-letter chars */
a = a.replace (/\W+/, '');
b = b.replace (/\W+/, '');
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 option');
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 ());
/* see https://stackoverflow.com/a/38691517 */
$('.keep-open').on({
"shown.bs.dropdown": function() { $(this).attr('closable', false); },
//"click": function() { }, // For some reason a click() is sent when Bootstrap tries and fails hide.bs.dropdown
"hide.bs.dropdown": function() { return $(this).attr('closable') == 'true'; }
});
$('.keep-open').children().first().on({
"click": function() {
$(this).parent().attr('closable', true );
}
})
/* hide button “learn more” */
$('#about').on ({'shown.bs.collapse': function () { $('#learnmore').hide (); },
'hidden.bs.collapse': function () { $('#learnmore').show (); }});
/* enable popovers */
$('[data-toggle="popover"]').popover({template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><textarea readonly rows="5" class="popover-body"></textarea></div>'});
});
|