mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2024-11-10 09:07:45 +01:00
233 lines
9.5 KiB
HTML
233 lines
9.5 KiB
HTML
<html>
|
|
<head>
|
|
<title>SponsorBlock Popup</title>
|
|
<link id="sponorBlockPopupFont" rel="stylesheet" type="text/css" href="/libs/Source+Sans+Pro.css"/>
|
|
<link id="sponorBlockStyleSheet" rel="stylesheet" type="text/css" href="popup.css"/>
|
|
</head>
|
|
|
|
<body class="popupBody">
|
|
<center>
|
|
<div id="app" class="popupBody">
|
|
<img src="icons/LogoSponsorBlocker256px.png" height="64px" id="sponsorBlockPopupLogo"/>
|
|
|
|
<h1 class="popupElement">SponsorBlock</h1>
|
|
|
|
<!-- Loading text -->
|
|
<p id="loadingIndicator" class="popupElement">Loading...</p>
|
|
|
|
<!-- Hidden until loading complete -->
|
|
<div id="mainControls" class="main popupElement" style="display: none">
|
|
<!-- If the video was found in the database -->
|
|
<div id="videoFound">
|
|
|
|
</div>
|
|
|
|
<div id="downloadedSponsorMessageTimes" class="popupElement">
|
|
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div>
|
|
<button id="whitelistChannel" class="whitelistButton popupElement">Whitelist Channel</button>
|
|
<button id="unwhitelistChannel" class="whitelistButton popupElement" style="display: none">Remove Channel From Whitelist</button>
|
|
</div>
|
|
<sub class="popupElement">
|
|
Whitelist the channels who do sponsorships ethically to encourage good behavior, or maybe if they are just entertaining and funny. Or don't, that's your call.
|
|
</sub>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<button id="reportAnIssue" class="dangerButton popupElement">Vote On A Sponsor Time</button>
|
|
|
|
<div id="issueReporterContainer" class="popupElement" style="display: none">
|
|
|
|
<h3 style="margin-top: 0px" class="popupElement">Vote On A Sponsor Time</h3>
|
|
|
|
<div id="issueReporterTimeButtons" class="popupElement">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h2 class="recordingSubtitle popupElement">Record the times of a sponsorship</h2>
|
|
|
|
<p class="popupElement">
|
|
<span id=sponsorTimesContributionsContainer class="popupElement" style="display: none">
|
|
So far, you've submitted
|
|
<span id="sponsorTimesContributionsDisplay" class="popupElement">
|
|
0
|
|
</span>
|
|
<span id="sponsorTimesContributionsDisplayEndWord" class="popupElement">
|
|
sponsors.
|
|
</span>
|
|
</span>
|
|
|
|
<span id=sponsorTimesViewsContainer class="popupElement" style="display: none">
|
|
You have saved people from
|
|
<span id="sponsorTimesViewsDisplay" class="popupElement">
|
|
0
|
|
</span>
|
|
<span id="sponsorTimesViewsDisplayEndWord" class="popupElement">
|
|
sponsor segments.
|
|
</span>
|
|
</span>
|
|
|
|
<div class="popupElement">
|
|
View the leaderboard <a class="popupElement discreteLink" href="https://sponsor.ajay.app/stats" target="_blank">here</a>.
|
|
</div>
|
|
</p>
|
|
|
|
<p class="popupElement">
|
|
Click the button below when the sponsorship starts and ends to record and
|
|
submit it to the database.
|
|
</p>
|
|
|
|
<div>
|
|
<button id="sponsorStart" class="greenButton popupElement">Sponsorship Starts Now</button>
|
|
</div>
|
|
|
|
<sub class="popupElement">Hint: Press the semicolon key while focused on a video report the start/end of a sponsor and quote to submit.</sub>
|
|
|
|
<div id="submissionSection" class="popupElement" style="display: none">
|
|
<h3 class="popupElement">Latest Sponsor Message Times Chosen</h3>
|
|
<b>
|
|
<div id="sponsorMessageTimes" class="popupElement">
|
|
|
|
</div>
|
|
</b>
|
|
|
|
<br/>
|
|
|
|
<button id="clearTimes" class="smallButton popupElement">Clear Times</button>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div id="submitTimesContainer" class="popupElement" style="display: none">
|
|
<button id="submitTimes" class="smallButton popupElement">Submit Times</button>
|
|
|
|
<div id="submitTimesInfoMessageContainer" class="popupElement" style="display: none">
|
|
<h3 id="submitTimesInfoMessage" class="popupElement">
|
|
|
|
</h3>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="setUsernameContainer" class="popupElement">
|
|
<br/>
|
|
<br/>
|
|
|
|
<button id="setUsernameButton" class="warningButton popupElement">Set Username</button>
|
|
<br/>
|
|
<sub class="popupElement">
|
|
This is used on the public stats page to show off how much you've contributed. See it <a class="popupElement discreteLink" href="https://sponsor.ajay.app/stats" target="_blank">here</a>.
|
|
</sub>
|
|
</div>
|
|
|
|
<div id="setUsername" class="popupElement" style="display: none">
|
|
<br/>
|
|
|
|
<h3>Set Username</h3>
|
|
|
|
<div id="setUsernameStatusContainer" style="display: none">
|
|
<h2 id="setUsernameStatus"></h2>
|
|
</div>
|
|
|
|
|
|
<input id="usernameInput" hint="Username"></input>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<button id="submitUsername" class="warningButton popupElement">Submit Username</button>
|
|
</div>
|
|
|
|
<div id="discordButtonContainer" class="popupElement" style="display: none">
|
|
<br/>
|
|
|
|
<a href="https://discord.gg/QnmVMpU" class="popupElement" target="_blank"><img src="https://www.logolynx.com/images/logolynx/1b/1bcc0f0aefe71b2c8ce66ffe8645d365.png" height="32px"/></a>
|
|
|
|
<br/>
|
|
|
|
Come join the official discord server to give suggestions and feedback!
|
|
|
|
<br/>
|
|
|
|
<span id="hideDiscordButton" class="smallLink popupElement">Hide this</span>
|
|
</div>
|
|
|
|
<div id="optionsButtonContainer" class="popupElement">
|
|
<br/>
|
|
<br/>
|
|
|
|
<button id="optionsButton" class="dangerButton popupElement">Options</button>
|
|
</div>
|
|
|
|
<div id="options" class="popupElement" style="display: none">
|
|
<br/>
|
|
|
|
<h3>Options</h3>
|
|
|
|
<button id="hideVideoPlayerControls" class="warningButton popupElement">Hide Buttons On YouTube Player</button>
|
|
<button id="showVideoPlayerControls" style="display: none" class="warningButton popupElement">Show Buttons On YouTube Player</button>
|
|
<br/>
|
|
<sub class="popupElement">
|
|
This hides the buttons that appear on the YouTube player to submit sponsors. I can see this being annoying for some
|
|
people. Instead of using the button there, this popup can be used to submit sponsors. To hide the notice that appears,
|
|
use the button that appears on the notice saying "Don't show this again". You can always enable these settings again
|
|
later.
|
|
</sub>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<button id="hideInfoButtonPlayerControls" class="warningButton popupElement">Hide Info Button On YouTube Player</button>
|
|
<button id="showInfoButtonPlayerControls" style="display: none" class="warningButton popupElement">Show Info Button On YouTube Player</button>
|
|
<br/>
|
|
<sub class="popupElement">
|
|
This is the button that opens up a popup in the YouTube page.
|
|
</sub>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<button id="hideDeleteButtonPlayerControls" class="warningButton popupElement">Hide Delete Button On YouTube Player</button>
|
|
<button id="showDeleteButtonPlayerControls" style="display: none" class="warningButton popupElement">Show Delete Button On YouTube Player</button>
|
|
<br/>
|
|
<sub class="popupElement">
|
|
This is the button that allows you to clear all sponsors on the YouTube player.
|
|
</sub>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<button id="disableSponsorViewTracking" class="warningButton popupElement">Disable Sponsor View Tracking</button>
|
|
<button id="enableSponsorViewTracking" style="display: none" class="warningButton popupElement">Enable Sponsor View Tracking</button>
|
|
<br/>
|
|
<sub class="popupElement">
|
|
This feature tracks which sponsors you have skipped to let users know how much their submission has helped others and
|
|
used as a metric along with upvotes to ensure that spam doesn't get into the database. The extension sends a message
|
|
to the server each time you skip a sponsor. Hopefully most people don't change this setting so that the view numbers
|
|
are accurate. :)
|
|
</sub>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<button id="showNoticeAgain" style="display: none" class="dangerButton popupElement">Show Notice Again</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
</body>
|
|
|
|
<!-- Scripts that need to load after the html -->
|
|
<script src="config.js"></script>
|
|
<script src="utils.js"></script>
|
|
<script src="popup.js"></script>
|
|
</html>
|