Update options/popup layout (+ mobile)
parent
fc46a96dbb
commit
22276235fd
@ -1,9 +1,30 @@
|
||||
var ext_api = chrome || browser;
|
||||
document.getElementById("site_switch").addEventListener('click', function() {
|
||||
ext_api.extension.getBackgroundPage().site_switch();
|
||||
window.close();
|
||||
});
|
||||
document.getElementById("clear_cookies").addEventListener('click', function() {
|
||||
|
||||
function popup_show_toggle(domain) {
|
||||
if (domain) {
|
||||
var site_switch_span = document.getElementById('site_switch_span');
|
||||
let labelEl = document.createElement('label');
|
||||
labelEl.setAttribute('class', 'switch');
|
||||
let inputEl = document.createElement('input');
|
||||
inputEl.setAttribute('id', 'site_switch');
|
||||
inputEl.setAttribute('type', 'checkbox');
|
||||
if (ext_api.extension.getBackgroundPage().enabledSites.includes(domain))
|
||||
inputEl.setAttribute('checked', true);
|
||||
labelEl.appendChild(inputEl);
|
||||
let spanEl = document.createElement('span');
|
||||
spanEl.setAttribute('class', 'slider round');
|
||||
spanEl.setAttribute('title', 'en/disable current site in BPC');
|
||||
labelEl.appendChild(spanEl);
|
||||
site_switch_span.appendChild(labelEl);
|
||||
document.getElementById("site_switch").addEventListener('click', function () {
|
||||
ext_api.extension.getBackgroundPage().site_switch();
|
||||
window.close();
|
||||
});
|
||||
}
|
||||
};
|
||||
ext_api.extension.getBackgroundPage().popup_show_toggle_tab(popup_show_toggle);
|
||||
|
||||
document.getElementById("clear_cookies").addEventListener('click', function () {
|
||||
ext_api.extension.getBackgroundPage().clear_cookies();
|
||||
window.close();
|
||||
});
|
||||
});
|
@ -0,0 +1,58 @@
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
.switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: blue;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
left: 2px;
|
||||
bottom: 2px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked + .slider {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
input:focus + .slider {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked + .slider:before {
|
||||
-webkit-transform: translateX(13px);
|
||||
-ms-transform: translateX(13px);
|
||||
transform: translateX(13px);
|
||||
}
|
||||
|
||||
.slider.round {
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
.slider.round:before {
|
||||
border-radius: 50%;
|
||||
}
|
Loading…
Reference in New Issue