ClearURLs/Addon
1
1
Fork 0
mirror of https://github.com/ClearURLs/Addon.git synced 2024-10-04 23:27:18 +03:00
Code Issues Projects Releases Wiki Activity

Popup

Browse Source
This commit is contained in:
Kevin Röbert 2017-08-04 16:52:54 +02:00
parent 2f09f1bae1
commit 483b8d48d2
2 changed files with 76 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
popup.html
View File

@ -5,41 +5,68 @@
<style>
body {
overflow: hidden;
margin: 5px;
margin: 0;
padding: 5px;
background: #fff;
width: 150px;
}
div{
width: 150px;
}
div:first-child {
margin-top: 0px;
}
div {
button {
border: none;
border-radius: 5px;
text-align: center;
padding: 5px 3px;
font-family: sans-serif;
font-size: 1.4em;
width: 110px;
margin-top: 5px;
font-size: 1em;
width: 140px;
margin-bottom: 10px;
}
.enable {
color: #A43B00;
background: #FFE2BF;
}
div:hover {
.enable:hover {
background: #FFD19A;
}
#enable {
border: 5px solid #FF8B00;
color: #A43B00;
.disable {
color: #fcf9fa;
background: #b2aeaf;
}
#disable {
border: 5px solid #FF8B00;
color: #A43B00;
.disable:hover {
background: #4c4b4c;
}
#rule {
color: #4c4b4c;
background: #a5e569;
}
#rule:hover {
background: #96d160;
}
img {
margin-left: auto;
margin-right: auto;
display: block;
}
</style>
<script src="popup.js"></script>
</head>
<body>
<div id="enable"><b>Enable</b></div>
<div id="disable"><b>Disable</b></div><br>
<img src="icon128.png"></img>
<div>
<button id="status" class="enable" onclick="changeStatus()">Global Enable</button><br>
<button id="exception" class="enable" onclick="handleException()">Enable on page</button><br>
<button id="rule">Add rule</button><br>
<img src="icon96.png"></img>
</div>
</body>
</html>

30
popup.js Normal file
View File

@ -0,0 +1,30 @@
var status = "on";
var exception = "off";
function changeStatus(){
var element = document.getElementById('status');
var val = "Global Enable";
if(status == "on"){
val = " Global Disable";
status = "off";
element.className = "disable";
}else{
status = "on";
element.className = "enable";
}
element.innerHTML = val;
}
function handleException(){
var element = document.getElementById('exception');
var val = "Enable on page";
if(exception == "off"){
val = "Disable on page";
exception = "on";
element.className = "disable";
}else{
exception = "off";
element.className = "enable";
}
element.innerHTML = val;
}