Inputs DashBoard

const current_folder = dv.current().file.folder
const files_in_current_folder = dv.pages(`"${current_folder}"`).file
const tags_in_current_folder = files_in_current_folder.etags.distinct().array()
const show_class_name = "result-class"
const folder = ["Inputs", "Outputs", "Summary"]
const base_tags = ["#夫妻"]
const full_tags = files_in_current_folder.etags.distinct().array()
const container = this.container
 
var parent_element = container.createEl('div');
parent_element
 
full_tags.forEach(item => {
	let button = document.createElement("button");
	button.textContent = item;
	button.addEventListener("click", renderTable);
	parent_element.appendChild(button);
});
 
 
function renderTable() {
	container.querySelectorAll(`.${show_class_name}`).forEach((e) => e.remove());
	var selectedValue = this.textContent;
 
	var divElement = container.createEl('div', {cls:[show_class_name]});
	divElement.style.display = 'flex';
 
	for (var i = 0; i < 3; i++) {
		var input_paragraph = container.createEl('paragraph');
		input_paragraph.style.width="33.33%";
		var h2_header = dv.header(2, `${folder[i]}`);
		var list_span = dv.span(dv.pages(`"${folder[i]}" and ${selectedValue}`).file.link);
		input_paragraph.appendChild(h2_header);
		input_paragraph.appendChild(list_span);
		divElement.appendChild(input_paragraph);
	}
 
	divElement
}
 
dv.paragraph("----")