Merge branch 'advanced_mode' into groupings

2 files changed, 22 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
diff --git a/redirector.html b/redirector.html
index c4cfdc7..047a463 100644
--- a/redirector.html
+++ b/redirector.html
@@ -136,6 +136,7 @@
 					<input type="file" id="import-file" accept=".rjson,.json,.txt"  />
 					<label for="import-file" class="btn blue large">Import</label>
 					<a class="btn blue large" id="export-link" download="Redirector.json">Export</a>
+					<button class="btn blue large" id="advanced-mode">Show Advanced Mode</button>
 				</span>
 
 				<a class="btn blue large" href="help.html" target="_blank">Help</a>
@@ -202,5 +203,6 @@
 		<script src="js/redirectorpage.js"></script>
 		<script src="js/editredirect.js"></script>
 		<script src="js/importexport.js"></script>
+		<script src="js/advancedmode.js"></script>
 	</body>
 </html>