diff options
-rw-r--r-- | public/_locales/en/messages.json | 6 | ||||
-rw-r--r-- | public/popup.css | 10 | ||||
-rw-r--r-- | public/popup.html | 4 | ||||
-rw-r--r-- | src/popup.ts | 10 |
4 files changed, 29 insertions, 1 deletions
diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json index 1d3e9f15..c63626eb 100644 --- a/public/_locales/en/messages.json +++ b/public/_locales/en/messages.json @@ -929,5 +929,11 @@ }, "youtubeKeybindWarning": { "message": "This is a built-in YouTube shortcut. Are you sure you want to use it?" + }, + "betaServerWarning": { + "message": "BETA Server is enabled!" + }, + "openOptionsPage": { + "message": "Open options page" } } diff --git a/public/popup.css b/public/popup.css index 31b68092..48af762e 100644 --- a/public/popup.css +++ b/public/popup.css @@ -544,3 +544,13 @@ #sponsorBlockPopupBody .hidden { display: none !important; } + +#sbBetaServerWarning { + padding: 8px; + font-size: 1em; + font-weight: 700; + word-break: break-word; + color: var(--sb-main-fg-color); + background: var(--sb-red-bg-color); + cursor: pointer; +} diff --git a/public/popup.html b/public/popup.html index 78001e86..c94dddbc 100644 --- a/public/popup.html +++ b/public/popup.html @@ -11,6 +11,10 @@ <body id="sponsorBlockPopupBody"> <div id="sponsorblockPopup" class="sponsorBlockPageBody sb-preload"> + <div id="sbBetaServerWarning" class="hidden" title="__MSG_openOptionsPage__"> + __MSG_betaServerWarning__ + </div> + <header class="sbPopupLogo"> <img src="icons/IconSponsorBlocker256px.png" alt="SponsorBlock" width="40" height="40" id="sponsorBlockPopupLogo"> <p class="u-mZ">SponsorBlock</p> diff --git a/src/popup.ts b/src/popup.ts index cbf92917..e06db4d1 100644 --- a/src/popup.ts +++ b/src/popup.ts @@ -111,7 +111,8 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> { "sbDonate", "sponsorTimesDonateContainer", "sbConsiderDonateLink", - "sbCloseDonate" + "sbCloseDonate", + "sbBetaServerWarning" ].forEach(id => PageElements[id] = document.getElementById(id)); // Hide donate button if wanted (Safari, or user choice) @@ -120,6 +121,13 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> { } PageElements.sbDonate.addEventListener("click", () => Config.config.donateClicked = Config.config.donateClicked + 1); + if (Config.config.testingServer) { + PageElements.sbBetaServerWarning.classList.remove("hidden"); + PageElements.sbBetaServerWarning.addEventListener("click", function () { + openOptionsAt("advanced"); + }); + } + //setup click listeners PageElements.sponsorStart.addEventListener("click", sendSponsorStartMessage); PageElements.whitelistToggle.addEventListener("change", function () { |