Add beta server warning to popup

#1275
This commit is contained in:
Nanobyte
2022-04-09 16:22:39 +02:00
parent 42eceb3efd
commit d353f3b677
4 changed files with 29 additions and 1 deletions

View File

@@ -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"
}
}

View File

@@ -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;
}

View File

@@ -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>

View File

@@ -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 === true) {
PageElements.sbBetaServerWarning.classList.toggle("hidden", false);
PageElements.sbBetaServerWarning.addEventListener("click", function () {
openOptionsAt("advanced");
});
}
//setup click listeners
PageElements.sponsorStart.addEventListener("click", sendSponsorStartMessage);
PageElements.whitelistToggle.addEventListener("change", function () {