diff options
Diffstat (limited to 'js')
| -rw-r--r-- | js/advancedmode.js | 20 | ||||
| -rw-r--r-- | js/organizemode.js | 42 | ||||
| -rw-r--r-- | js/redirectorpage.js | 4 |
3 files changed, 44 insertions, 22 deletions
diff --git a/js/advancedmode.js b/js/advancedmode.js deleted file mode 100644 index 1567223..0000000 --- a/js/advancedmode.js +++ /dev/null @@ -1,20 +0,0 @@ - -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/js/organizemode.js b/js/organizemode.js new file mode 100644 index 0000000..800a53f --- /dev/null +++ b/js/organizemode.js @@ -0,0 +1,42 @@ + +function displayOrganizeModeMessage() { + if(el('#message-box').classList.contains('visible')) { + hideMessage(); + } else { + showMessage("Use ⟱ to move a redirect to the bottom, ⟰ to move to the top, and use the checkboxes to select multiple redirects and move them together.", true) + } +} + +function organizeModeToggle(ev) { + ev.preventDefault(); + let organizeModes = ['.groupings', '.arrows'] + for (let mode of organizeModes) { + let organizeModeElms = document.querySelectorAll(mode); + for (i = 0; i < organizeModeElms.length; ++i) { + let elm = organizeModeElms[i]; + let isHidden = ''; + if(mode === '.arrows') { + // targeting parent span for arrows + elm = elm.parentElement; + } + isHidden = elm.classList.contains('hidden'); + isHidden ? elm.classList.remove('hidden') : elm.classList.add('hidden'); + } + } + + // let buttonText = el('#organize-mode').textContent; + // buttonText.includes('Show') ? el('#organize-mode').textContent = 'Hide Organize' : el('#organize-mode').textContent = 'Show Organize'; + + let buttonClasses = el('#organize-mode').classList; + console.log('NSC: organizeModeToggle -> buttonClasses', buttonClasses); + !buttonClasses.contains('active') ? el('#organize-mode').classList.add('active') : el('#organize-mode').classList.remove('active'); + + displayOrganizeModeMessage(); +} + + +function setupOrganizeModeToggleEventListener() { + el('#organize-mode').addEventListener('click', organizeModeToggle); +} + +setupOrganizeModeToggleEventListener();
\ No newline at end of file diff --git a/js/redirectorpage.js b/js/redirectorpage.js index 6d0db2e..959b73c 100644 --- a/js/redirectorpage.js +++ b/js/redirectorpage.js @@ -28,10 +28,10 @@ function toggleSyncSetting() { chrome.runtime.sendMessage({type:"toggle-sync", isSyncEnabled: !options.isSyncEnabled}, function(response) { if(response.message === "sync-enabled"){ options.isSyncEnabled = true; - showMessage('Sync is enabled!',true); + showMessage('Sync is enabled!', true); } else if(response.message === "sync-disabled"){ options.isSyncEnabled = false; - showMessage('Sync is disabled - local storage will be used!',true); + showMessage('Sync is disabled - local storage will be used!', true); } else if(response.message.indexOf("Sync Not Possible")>-1){ options.isSyncEnabled = false; chrome.storage.local.set({isSyncEnabled: $s.isSyncEnabled}, function(){ |