From aa3dc447073509e982b43f41a0403f76f32bcaa8 Mon Sep 17 00:00:00 2001 From: Andrei O Date: Sun, 27 Mar 2022 18:36:48 +0300 Subject: [PATCH] minor: UI changes --- package.json | 2 +- popup.html | 17 ++++++++- popup.js | 103 --------------------------------------------------- 3 files changed, 17 insertions(+), 105 deletions(-) diff --git a/package.json b/package.json index 9d6efdf..022088b 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ "test": "echo \"Error: no test specified\" && exit 1", "release": "yarn config set version-tag-prefix brave-detection-blocker@v && yarn config set version-git-message 'brave-detection-blocker@v%s' && yarn version --patch && yarn postversion", "postversion": "git push", - "pub": "node ./scripts/create-release.js" + "pub": "yarn release && node ./scripts/create-release.js" }, "repository": { "type": "git", diff --git a/popup.html b/popup.html index da61116..9d17756 100644 --- a/popup.html +++ b/popup.html @@ -81,6 +81,21 @@ .container--tabs .tab-content > .active { display: block; } + + /* GitHub Link */ + .github-link { + color: #e6e6e6; + text-decoration: none; + font-size: 0.85rem; + font-weight: bold; + } + + .github-link:hover { + color: #f44336; + transform: scale(1.1); + transition: all 0.2s ease-in-out; + } + @@ -121,7 +136,7 @@ (Don't know why you would employ such effort but I'm just trying to be techincal.)

Check source at:

- + https://github.com/andrei0x309/Brave-Detection-Blocker-Chrome-Extension diff --git a/popup.js b/popup.js index 7e8e3f6..03864dd 100644 --- a/popup.js +++ b/popup.js @@ -1,6 +1,5 @@ 'use strict'; - window.addEventListener( 'message', (event) => { @@ -11,108 +10,6 @@ window.addEventListener( false, ); -// let btn_close_alert = document.getElementById('closeAlertBtn'); - -// const btnProxyStop = document.getElementById('btnProxyStop'); -// const btnProxyStart = document.getElementById('btnProxyStart'); - - - -// const proxyTypeGroup = document.getElementById('proxyTypeGroup'); - -// const btnProxyType = [ -// document.getElementById('btnProxyTypeHttp'), -// document.getElementById('btnProxyTypeHttps'), -// document.getElementById('btnProxyTypeSocks4'), -// document.getElementById('btnProxyTypeSocks5'), -// ]; - -// for (const btn of btnProxyType) { -// if (btn) { -// btn.onclick = async function () { -// const active = proxyTypeGroup.querySelector('.btn-green'); -// if (active) { -// active.classList.remove('btn-green'); -// } -// this.classList.add('btn-green'); -// bgP.window.extOptions.activeProxy.type = this.id.replace('btnProxyType', '').toLowerCase(); -// await bgP.window.setOptions(bgP.window.extOptions); -// }; -// } -// } - -// const spanProxyStatusOn = document.getElementById('spanProxyStatusOn'); -// const spanProxyStatusOff = document.getElementById('spanProxyStatusOff'); - -// const inputproxyHost = document.getElementById('proxyHost'); -// const inputproxyPort = document.getElementById('proxyPort'); - -// const updatePopup = function (options) { -// if (options.proxyEnabled) { -// spanProxyStatusOff.classList.add('hidden'); -// spanProxyStatusOn.classList.remove('hidden'); - -// btnProxyStart.classList.add('hidden'); -// btnProxyStop.classList.remove('hidden'); -// } else { -// spanProxyStatusOn.classList.add('hidden'); -// spanProxyStatusOff.classList.remove('hidden'); - -// btnProxyStart.classList.remove('hidden'); -// btnProxyStop.classList.add('hidden'); -// } - -// if (options.activeProxy) { -// const types = ['http', 'https', 'socks4', 'socks5']; -// if (options.activeProxy.type) btnProxyType[types.indexOf(options.activeProxy.type)].classList.add('btn-green'); -// inputproxyHost.value = options.activeProxy.host; -// inputproxyPort.value = options.activeProxy.port; -// } -// }; - -// updatePopup(bgP.window.extOptions); - -// btnProxyStop.onclick = function () { -// bgP.window.extOptions.proxyEnabled = false; -// bgP.window.setOptions(bgP.window.extOptions); -// bgP.window.disableProxy(); -// updatePopup(bgP.window.extOptions); -// }; - -// btnProxyStart.onclick = function () { -// bgP.window.extOptions.activeProxy.host = inputproxyHost.value; -// bgP.window.extOptions.activeProxy.port = inputproxyPort.value; -// bgP.window.extOptions.proxyEnabled = true; -// bgP.window.setOptions(bgP.window.extOptions); -// bgP.window.setProxy(bgP.window.extOptions.activeProxy); -// updatePopup(bgP.window.extOptions); -// }; - -// let displayAlert = (type, msg) => { -// if (type === 'error') { -// document.getElementById('exAlertBox').classList.remove('alert-success'); -// document.getElementById('exAlertBox').classList.add('alert-warning'); -// } else if (type === 'success') { -// document.getElementById('exAlertBox').classList.remove('alert-warning'); -// document.getElementById('exAlertBox').classList.add('alert-success'); -// } - -// document.getElementById('alertMsg').innerHTML = msg; -// document.getElementById('exAlert').classList.remove('hidden'); -// }; - -// let closeAlert = () => { -// const alert = document.getElementById('exAlert'); -// if (alert) { -// document.getElementById('exAlert').classList.add('hidden'); -// } -// }; -// closeAlert(); - -// btn_close_alert.addEventListener('click', function () { -// closeAlert(); -// }); - const myTabs = document.querySelectorAll('ul.nav-tabs > li'); function myTabClicks(tabClickEvent) { for (let i = 0; i < myTabs.length; i++) {