achmizs/AlwaysKillSticky
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added whitelist mode support in popup UI

Browse Source
This commit is contained in:
Said Achmiz 2019-01-31 02:28:14 -05:00
parent 136e3234c0
commit 649d7b0773
2 changed files with 60 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
popup.css
View File

@ -1,3 +1,7 @@
/***********/
/* GENERAL */
/***********/
html { html {
font-size: 16px; font-size: 16px;
box-sizing: border-box; box-sizing: border-box;
@ -9,6 +13,11 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
/***********/
/* BUTTONS */
/***********/
button { button {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
@ -25,6 +34,11 @@ button:focus {
button::selection { button::selection {
background-color: transparent; background-color: transparent;
} }
/***************/
/* MAIN BUTTON */
/***************/
.main-button-container { .main-button-container {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
@ -70,6 +84,18 @@ button.main-button::after {
button.main-button.active::after { button.main-button.active::after {
opacity: 1.0; opacity: 1.0;
} }
button.main-button.whitelist::after {
opacity: 0.15;
}
button.main-button.whitelist.active::after {
opacity: 0.0;
}
/*********************/
/* AUXILIARY BUTTONS */
/*********************/
.aux-button-container { .aux-button-container {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
@ -96,6 +122,15 @@ button.options-button::after {
content: "Options"; content: "Options";
margin: 0 3px 0 0; margin: 0 3px 0 0;
} }
/********/
/* MISC */
/********/
.misc {
height: 4rem;
position: relative;
}
button.reload-button { button.reload-button {
background-color: #ffd; background-color: #ffd;
margin: 4px; margin: 4px;
@ -123,8 +158,3 @@ button.reload-button::before {
font-size: 2rem; font-size: 2rem;
font-weight: 900; font-weight: 900;
} }
.misc {
height: 4rem;
position: relative;
}

38
popup.js
View File

@ -49,7 +49,17 @@ function toggleState() {
); );
} }
} else { // if whitelist mode } else { // if whitelist mode
// TODO: code this! if (ASK.pageExcluded) {
/* In this case, stickies are NOT being killed. We must remove all
applicable exclusion patterns. */
ASK.exclusionPatterns = ASK.exclusionPatterns.filter(pattern =>
!ASK.activeTabLocation.match(new RegExp(pattern))
);
} else {
/* In this case, stickies ARE being killed. We must add an exclusion
pattern. */
ASK.exclusionPatterns.push(regExpForCurrentTab());
}
} }
recalculatePatternEffects(); recalculatePatternEffects();
} }
@ -91,18 +101,20 @@ function updateState(result) {
function updateUIState() { function updateUIState() {
let button = document.querySelector("button.main-button"); let button = document.querySelector("button.main-button");
if (ASK.mode == "blacklist" && ASK.pageMatched && !ASK.pageExcluded) { if (ASK.mode == "blacklist") {
button.classList.toggle("active", true); if (ASK.pageMatched && !ASK.pageExcluded) {
// button.innerHTML = "X"; button.classList.toggle("active", true);
} else if (ASK.mode == "blacklist" && (!ASK.pageMatched || ASK.pageExcluded)) { } else {
button.classList.toggle("active", false); button.classList.toggle("active", false);
// button.innerHTML = "O"; }
} else if (ASK.mode == "whitelist" && !ASK.pageExcluded) { button.classList.toggle("whitelist", false);
button.classList.toggle("active", false); } else {
// button.innerHTML = "X"; if (!ASK.pageExcluded) {
} else if (ASK.mode == "whitelist" && ASK.pageExcluded) { button.classList.toggle("active", false);
button.classList.toggle("active", true); } else {
// button.innerHTML = "O"; button.classList.toggle("active", true);
}
button.classList.toggle("whitelist", true);
} }
} }