diff options
| author | Nick Colletti <gnomish@gmail.com> | 2020-02-04 16:12:11 -0500 |
|---|---|---|
| committer | Nick Colletti <gnomish@gmail.com> | 2020-02-04 16:12:11 -0500 |
| commit | fad802b39534f68c16dfe2d171d8ac29d5a131f2 (patch) | |
| tree | 7d5f101e97bb0c208cf41b4765adfef88e90a46c | |
| parent | 5a52a13850607443d8f76ecad92e498a66d13166 (diff) | |
initial commit for advanced mode button
| -rw-r--r-- | js/advancedmode.js | 20 | ||||
| -rw-r--r-- | redirector.html | 14 |
2 files changed, 28 insertions, 6 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 af11b6b..078cabf 100644 --- a/redirector.html +++ b/redirector.html @@ -10,7 +10,7 @@ <body> <div id="cover"> </div> - + <!-- Confirmation form for deleting redirects --> <div id="delete-redirect-form"> <h3>Are you sure you want to delete this redirect?</h3> @@ -39,7 +39,7 @@ <button id="cancel-delete" class="btn grey large">No, don't delete it</button> </div> </div> - + <!-- Form for creating and editing redirects --> <div id="edit-redirect-form"> @@ -124,20 +124,21 @@ <div id="blur-wrapper"> - + <h1>REDIRECTOR</h1> <h5>Go where <em>YOU</em> want!</h5> <div id="menu"> <a id="create-new-redirect" class="btn blue large">Create new redirect</a> - + <!-- Importing/Exporting of redirects --> <span> <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> </div> @@ -189,7 +190,7 @@ <footer> <small>Redirector is created by <a target="_blank" href="http://einaregilsson.com">Einar Egilsson</a></small> </footer> - + </div> <script src="js/stub.js"></script> @@ -198,5 +199,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> |