LBRYFoundation/Watch-on-LBRY
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/Watch-on-LBRY.git synced 2025-09-01 09:45:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added new button to popup

Browse source
This commit is contained in:
kodxana 2020-07-14 13:27:58 +02:00 • committed by GitHub
parent 77d6476ea2
commit cc2d4f41eb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 42 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
popup/popup.css
View file

@ -13,6 +13,26 @@ body {
margin-bottom: 15px;
}
.container2 {
display: block;
text-align: center;
margin: 0 auto;
width: 80%;
margin-bottom: 15px;
}
.btn1 {
border-radius: 5px;
background-color: #075656;
border: 4px solid #075656;
color: whitesmoke;
font-weight: 400;
padding: 4px 15px;
margin-right: 25px;
text-align: center;
}
button {
border-radius: 5px;
background-color: #075656;
@ -36,3 +56,9 @@ label {
margin: 15px auto;
display: block;
}
.span {
width: 50px;
height: 50px;
background: black;
}

8
popup/popup.html
View file

@ -10,13 +10,19 @@
<button type="button" class="button" name="enable" value="1" > YES </button>
<button type="button" class="button" name="disable" value="0" > NO </button>
</div>
<label> Where would you like to redirect ? </label>
<div class="redirect">
<button type="button" class="button" name="site" value="lbry.tv" > LBRY.tv </button>
<button type="button" class="button" name="app" value="app" > LBRY App </button>
</div>
<label> Another usefull tools: </label>
<button type="button" class="btn1" id="btn1">Subscribtions Converter</button>
</div>
<script src="popup.js"></script>
</body>

13
popup/popup.js
View file

@ -9,7 +9,7 @@ chrome.storage.local.get(['enabled', 'redirect'], ({ enabled, redirect }) => {
const currentButton = enabled ? enable : disable;
currentButton.classList.add('active');
const currentRadio = !redirect ? lbrySite : redirect === 'lbry.tv' ? lbrySite : lbryApp;
currentRadio.classList.add('active');
});
@ -18,7 +18,7 @@ const checkElementForClass = (elToAdd, elToRemove) => {
if(!elToAdd.classList.contains('active')){
elToAdd.classList.add('active');
elToRemove.classList.remove('active');
elToRemove.classList.remove('active');
}
}
@ -27,12 +27,12 @@ const attachClick = (selector, handler) =>{
const element = event.target;
const name = event.target.getAttribute('name');
const value = event.target.getAttribute('value');
typeof handler==='function' ? handler(element, name, value): null;
typeof handler==='function' ? handler(element, name, value): null;
});
}
attachClick('.enable', (element, name, value) => {
const parsedValue = !!+value;
const parsedValue = !!+value;
if(name){
checkElementForClass(element, name === 'enable' ? disable : enable );
chrome.storage.local.set({ enabled: parsedValue });
@ -45,3 +45,8 @@ attachClick('.redirect', (element, name, value) => {
chrome.storage.local.set({ redirect: value });
}
});
var button = document.getElementById("btn1");
button.addEventListener("click", function(){
chrome.tabs.create({url:"/tools/YTtoLBRY.html"});
});