Auto-Hide Favorites With 0 Tasks

[jakelfreeman]

Posting this as a potential enhancement that I coded for myself a few months ago. I was tired of looking at filters in my favorites list that didn't have any tasks, so created a code snippet to auto-hide them when the last task is completed and have them show up again as soon as they contain a task. I'm a self-taught, noobie coder so I'm sure this is far from elegant, but figured I'd share the concept in case anyone wants to improve upon it and/or include it in future releases of this extension:

function initiate_hide_filters(){
	var param = "AuiqUdaGFITJcNpaWKvZFA==";
	var escapedParam = param.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/@])/g,'\\$1');
	
	
	const targetNode = document.querySelectorAll(".sidebar_expansion_panel,.expansion_panel,.expansion_panel--expanded")[0];

	const config = { attributes: false, childList: true, subtree: true };
	
	const callback = function(mutationsList, observer) {
	    var favContainer = $(".sidebar_expansion_panel.expansion_panel.expansion_panel--expanded")[0];
	    $(favContainer).find("li").each(function(){ 
			var container = $(this).find($("."+escapedParam)); 
			if(container.length==0){ $(this).hide(); }else{ $(this).show(); }
		});
		if(AUTO_HIDE_EMPTY_LABELS){
			var labelContainer = $(".sidebar_expansion_panel.expansion_panel.expansion_panel--expanded")[1];
		    $(labelContainer).find("li").not(".FilterListItemSortable").each(function(){ 
				var labelCounter = $(this).find(".counter_count"); 
				if(labelCounter.length==0){ $(this).hide(); }else{ $(this).show(); }
			});
		}
	};
	
	const observer = new MutationObserver(callback);
	
	observer.observe(targetNode, config);
	var favContainer = $(".sidebar_expansion_panel.expansion_panel.expansion_panel--expanded")[0];
	$(favContainer).find("li").not(".FilterListItemSortable").each(function(){ 
		var container = $(this).find($("."+escapedParam)); 
		if(container.length==0){ $(this).hide(); }else{ $(this).show(); }
	});
	if(AUTO_HIDE_EMPTY_LABELS){
		var labelContainer = $(".sidebar_expansion_panel.expansion_panel.expansion_panel--expanded")[1];
	    $(labelContainer).find("li").each(function(){ 
			var labelCounter = $(this).find(".counter_count"); 
			if(labelCounter.length==0){ $(this).hide(); }else{ $(this).show(); }
		});
	}
}

Then, to get it to run post-load, I just used:

$(document).ready(function(){ setTimeout(initiate_hide_filters, 3000); });

[mgsloan]

Nice! I definitely would like to auto-hide my favorite filters that have no tasks.

One trickiness with adding such functionality is that so far todoist-shortcuts has no options. So, would need to add an options page. Which isn't /that/ hard, but still I feel a bit of hesitance to do so. Might revisit this in the future!