make columns selectable

This commit is contained in:
2021-08-14 17:42:01 -07:00
parent 3eb9282438
commit 7c58e22aa8
12 changed files with 427 additions and 306 deletions

View File

@@ -1,5 +1,17 @@
function showSelectionOptionsButtons() {
[
"button-for-showing-sort-option",
"button-for-showing-columns",
"button-for-filter-by-tags",
"button-for-filter-by-features",
"button-for-filter-by-tags-and-features",
].forEach((x) => (document.getElementById(x).style.display = "inline-block"));
}
let closeableMenus = [
"sortByRow",
"columnSelectionHeadingRow",
"columnSelectionRow",
"tagSelectionHeadingRow",
"tagSelectionRow",
"featureSelectionHeadingRow",
@@ -43,19 +55,31 @@ document.getElementById("minus-button").onclick = function () {
document.getElementById("button-for-showing-sort-option").onclick =
function () {
closeMenus();
showSelectionOptionsButtons();
this.style.display = "none";
document.getElementById("sortByRow").style.display = "flex";
};
document.getElementById("button-for-showing-columns").onclick = function () {};
document.getElementById("button-for-showing-columns").onclick = function () {
closeMenus();
showSelectionOptionsButtons();
this.style.display = "none";
document.getElementById("columnSelectionHeadingRow").style.display = "flex";
document.getElementById("columnSelectionRow").style.display = "flex";
};
document.getElementById("button-for-filter-by-tags").onclick = function () {
closeMenus();
showSelectionOptionsButtons();
this.style.display = "none";
document.getElementById("tagSelectionHeadingRow").style.display = "flex";
document.getElementById("tagSelectionRow").style.display = "flex";
};
document.getElementById("button-for-filter-by-features").onclick = function () {
closeMenus();
showSelectionOptionsButtons();
this.style.display = "none";
document.getElementById("featureSelectionHeadingRow").style.display = "flex";
document.getElementById("featureSelectionRow").style.display = "flex";
};
@@ -63,6 +87,8 @@ document.getElementById("button-for-filter-by-features").onclick = function () {
document.getElementById("button-for-filter-by-tags-and-features").onclick =
function () {
closeMenus();
showSelectionOptionsButtons();
this.style.display = "none";
document.getElementById("tagSelectionHeadingRow").style.display = "flex";
document.getElementById("tagSelectionRow").style.display = "flex";
document.getElementById("featureSelectionHeadingRow").style.display =