141 lines
2.8 KiB
JavaScript
141 lines
2.8 KiB
JavaScript
jQuery(document).ready(function(){
|
|
var dom_boards = $('#boards .board');
|
|
|
|
if(dom_boards.length == 0) return;
|
|
|
|
var facets = {};
|
|
var filters = {};
|
|
|
|
dom_boards.each(function(idx, obj){
|
|
var obj = $(obj);
|
|
for (var key in obj.data()){
|
|
if(typeof(key) !== 'undefined'){
|
|
|
|
if(typeof(facets[key]) == 'undefined'){
|
|
facets[key] = {
|
|
'title':key.split(/(?=[A-Z])/).join(" ").toLowerCase(),
|
|
'key':key,
|
|
'items':[]
|
|
};
|
|
filters[key] = '';
|
|
}
|
|
|
|
var vals = obj.data(key).split(',');
|
|
|
|
for(var idx in vals){
|
|
var val = vals[idx].trim();
|
|
|
|
if(facets[key].items.indexOf(val) == -1){
|
|
facets[key].items.push(val);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
var dom_facets = $('.facets');
|
|
|
|
for (var facet in facets){
|
|
var title = facets[facet].title;
|
|
var items = facets[facet].items;
|
|
var key = facets[facet].key;
|
|
|
|
items.sort(function(a,b) {
|
|
a = a.toLowerCase();
|
|
b = b.toLowerCase();
|
|
if( a == b) return 0;
|
|
if( a > b) return 1;
|
|
return -1;
|
|
});
|
|
|
|
$('<h4>').text(title).appendTo(dom_facets);
|
|
var dom_facet = $('<ul>').addClass('facet').appendTo(dom_facets);
|
|
|
|
for(var idx in items){
|
|
var val = items[idx];
|
|
|
|
var text = val;
|
|
|
|
if(text.length <= 3){
|
|
text = text.toUpperCase();
|
|
}
|
|
|
|
$('<li>')
|
|
.addClass('item')
|
|
.data('key',key)
|
|
.data('val',val)
|
|
.text(text)
|
|
.appendTo(dom_facet);
|
|
}
|
|
}
|
|
|
|
dom_facets.on('click','li',function(e){
|
|
var val = $(this).data('val');
|
|
var key = $(this).data('key');
|
|
|
|
if(filters[key] != val){
|
|
filters[key] = val;
|
|
$(this).parents('ul').find('li').removeClass('selected');
|
|
$(this).addClass('selected');
|
|
}
|
|
else
|
|
{
|
|
filters[key] = '';
|
|
//filters[key].splice(filters[key].indexOf(val), 1);
|
|
$(this).removeClass('selected');
|
|
}
|
|
|
|
update_filters()
|
|
});
|
|
|
|
function update_filters(){
|
|
dom_boards.each(function(idx, obj){
|
|
var obj = $(obj);
|
|
var hide = false;
|
|
|
|
for(var key in filters){
|
|
var selected = filters[key];
|
|
|
|
if(selected.length > 0){
|
|
if(obj.data(key).split(',').map(function(s) { return s.trim() }).indexOf(selected) == -1){
|
|
hide = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
if(hide) {
|
|
obj.hide();
|
|
}
|
|
else
|
|
{
|
|
obj.show();
|
|
}
|
|
});
|
|
|
|
var hash = [];
|
|
|
|
for(var key in filters){
|
|
var selected = filters[key];
|
|
if(selected.length > 0){
|
|
hash.push(key + '=' + encodeURIComponent(filters[key]));
|
|
}
|
|
}
|
|
|
|
window.location.hash = hash.join(':');
|
|
}
|
|
|
|
var hash = window.location.hash.split(':');
|
|
if(hash.length > 0){
|
|
for(var idx in hash){
|
|
var kv = hash[idx].replace('#','').split('=');
|
|
if(kv.length == 2 && typeof(filters[kv[0]]) != 'undefined'){
|
|
filters[kv[0]] = decodeURIComponent(kv[1]);
|
|
$('.item').each(function(idx,obj){
|
|
obj = $(obj);
|
|
if(obj.data('key') == kv[0] && obj.data('val') == kv[1]) obj.addClass('selected');
|
|
});
|
|
}
|
|
}
|
|
update_filters();
|
|
}
|
|
}); |