Merge branch 'advanced_mode' into groupings

1 files changed, 20 insertions, 0 deletions

diff --git a/js/advancedmode.js b/js/advancedmode.js
new file mode 100644
index 0000000..1567223
--- /dev/null
+++ b/js/advancedmode.js
@@ -0,0 +1,20 @@
+
+function advancedModeToggle(ev) {
+    ev.preventDefault();
+    let advancedModes = ['.groupings', '.arrows']
+    for (let mode of advancedModes) {
+        let advancedModeElement = el(mode);
+        let isElementHidden = advancedModeElement.classList.contains('hidden');
+        isElementHidden ? advancedModeElement.classList.remove('hidden') : advancedModeElement.classList.add('hidden');
+    }
+
+    let buttonText = el('#advanced-mode').textContent;
+    buttonText.contains('Show') ? el('#advanced-mode').textContent = 'Hide Advanced Mode' : el('#advanced-mode').textContent = 'Show Advanced Mode';
+}
+
+
+function setupAdvancedModeEventListener() {
+    el('#advanced-mode').addEventListener('click', advancedModeToggle);
+}
+
+setupAdvancedModeEventListener();
\ No newline at end of file