pinout-xyz_Pinout.xyz/resources/boards.js

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();
	}
});