mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2024-11-10 01:01:55 +01:00
159 lines
7.3 KiB
HTML
159 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html id="sponsorBlockPopupHTML">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>__MSG_openPopup__</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link id="sponsorBlockPopupFont" href="/libs/Source+Sans+Pro.css" rel="stylesheet">
|
|
<link id="sponsorBlockStyleSheet" href="popup.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body id="sponsorBlockPopupBody">
|
|
<div id="sponsorblockPopup" class="sponsorBlockPageBody sb-preload">
|
|
|
|
<header class="sbPopupLogo">
|
|
<img src="icons/IconSponsorBlocker256px.png" alt="SponsorBlock" width="40" height="40" id="sponsorBlockPopupLogo">
|
|
<p class="u-mZ">SponsorLock</p>
|
|
</header>
|
|
|
|
<div id="videoInfo">
|
|
<!-- Loading text -->
|
|
<p id="loadingIndicator" class="u-mZ">__MSG_noVideoID__</p>
|
|
<!-- If the video was found in the database -->
|
|
<p id="videoFound" class="u-mZ"></p>
|
|
<button id="refreshSegmentsButton" title="__MSG_refreshSegments__">
|
|
<img src="/icons/refresh.svg" alt="Refresh icon" id="refreshSegments" />
|
|
</button>
|
|
<div id="issueReporterContainer">
|
|
<div id="issueReporterTimeButtons"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sbControlsMenu">
|
|
<label style="display: none" id="whitelistButton" for="whitelistToggle" class="hidden sbControlsMenu-item" title="__MSG_forceChannelCheckPopup__">
|
|
<input type="checkbox" style="display:none;" id="whitelistToggle">
|
|
<svg viewBox="0 0 24 24" width="23" height="23" class="SBWhitelistIcon sbControlsMenu-itemIcon">
|
|
<path d="M24 10H14V0h-4v10H0v4h10v10h4V14h10z" />
|
|
</svg>
|
|
<span id="whitelistChannel">__MSG_whitelistChannel__</span>
|
|
<span id="unwhitelistChannel" style="display: none">__MSG_removeFromWhitelist__</span>
|
|
</label>
|
|
<!--github: mbledkowski/toggle-switch-->
|
|
<label id="disableExtension" for="toggleSwitch" class="toggleSwitchContainer sbControlsMenu-item">
|
|
<span class="toggleSwitchContainer-switch">
|
|
<input type="checkbox" style="display:none;" id="toggleSwitch" checked>
|
|
<span class="switchBg shadow"></span>
|
|
<span class="switchBg white"></span>
|
|
<span class="switchBg green"></span>
|
|
<span class="switchDot"></span>
|
|
</span>
|
|
<span id="disableSkipping">__MSG_disableSkipping__</span>
|
|
<span id="enableSkipping" style="display: none">__MSG_enableSkipping__</span>
|
|
</label>
|
|
<button id="optionsButton" class="sbControlsMenu-item" title="__MSG_optionsInfo__">
|
|
<img src="/icons/settings.svg" alt="Settings icon" width="23" height="23" class="sbControlsMenu-itemIcon" id="sbPopupIconSettings" />
|
|
__MSG_Options__
|
|
</button>
|
|
</div>
|
|
|
|
<p id="whitelistForceCheck" class="u-mZ hidden">
|
|
__MSG_forceChannelCheckPopup__
|
|
</p>
|
|
|
|
<div id="mainControls" style="display: none">
|
|
<p class="sbHeader">
|
|
__MSG_recordTimesDescription__
|
|
</p>
|
|
<sub style="margin-bottom: 12px;">__MSG_popupHint__</sub>
|
|
<div>
|
|
<button id="sponsorStart" class="sbMediumButton">__MSG_sponsorStart__</button>
|
|
</div>
|
|
<div id="submissionSection" style="display: none">
|
|
<b style="display: block; margin-top: 12px;">__MSG_submissionEditHint__</b>
|
|
<button id="submitTimes" class="sbMediumButton">__MSG_submitTimesButton__</button>
|
|
</div>
|
|
</div>
|
|
|
|
<h1 class="recordingSubtitle sbHeader" style="display: none">__MSG_yourWork__</h1>
|
|
<div class="sbYourWorkCols" style="display: none">
|
|
<div id="usernameElement">
|
|
<div>
|
|
<p class="u-mZ">__MSG_Username__:</p>
|
|
<div id="setUsernameContainer">
|
|
<p id="usernameValue" class="u-mZ"></p>
|
|
<button id="setUsernameButton" title="__MSG_setUsername__">
|
|
<img src="/icons/pencil.svg" alt="__MSG_setUsername__" width="16" height="16" id="sbPopupIconEdit">
|
|
</button>
|
|
<button id="copyUserID" title="__MSG_copyPublicID__">
|
|
<img src="/icons/clipboard.svg" alt="__MSG_copyPublicID__" width="16" height="16" id="sbPopupIconCopyUserID">
|
|
</button>
|
|
</div>
|
|
<div id="setUsername" style="display: none">
|
|
<div id="setUsernameStatusContainer" style="display: none">
|
|
<p id="setUsernameStatus" class="u-mZ"></p>
|
|
</div>
|
|
<input id="usernameInput" placeholder="Username">
|
|
<button id="submitUsername">
|
|
<img src="/icons/check.svg" alt="__MSG_setUsername__" width="16" height="16" id="sbPopupIconCheck">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="sponsorTimesContributionsContainer" class="hidden">
|
|
<div>
|
|
<p class="u-mZ">__MSG_Submissions__:</p>
|
|
<span id="sponsorTimesContributionsDisplay">
|
|
0
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p id="sponsorTimesViewsContainer" style="display: none" class="u-mZ">
|
|
__MSG_savedPeopleFrom__
|
|
<b><span id="sponsorTimesViewsDisplay">
|
|
0
|
|
</span></b>
|
|
<span id="sponsorTimesViewsDisplayEndWord">__MSG_Segments__</span>
|
|
<br>
|
|
(<b><span id="sponsorTimesOthersTimeSavedDisplay">0</span>
|
|
<span id="sponsorTimesOthersTimeSavedEndWord">__MSG_minsLower__</span></b>
|
|
<span>__MSG_youHaveSavedTimeEnd__</span>).
|
|
</p>
|
|
<p id="sponsorTimesSkipsDoneContainer" style="display: none" class="u-mZ">
|
|
__MSG_youHaveSkipped__
|
|
<b><span id="sponsorTimesSkipsDoneDisplay">
|
|
0
|
|
</span></b>
|
|
<span id="sponsorTimesSkipsDoneEndWord">__MSG_Segments__</span>
|
|
(<b><span id="sponsorTimeSavedDisplay">
|
|
0
|
|
</span>
|
|
<span id="sponsorTimeSavedEndWord">__MSG_minsLower__</span></b>).
|
|
</p>
|
|
|
|
<footer id="sbFooter" style="display: none">
|
|
<div id="sponsorTimesDonateContainer" style="display: none; align-items: center; justify-content: center;">
|
|
<img class="sbHeart" src="/icons/heart.svg" alt="Heart icon" />
|
|
<a id="sbConsiderDonateLink" href="https://sponsor.ajay.app/donate" target="_blank" rel="noopener">
|
|
__MSG_considerDonating__
|
|
</a>
|
|
<img id="sbCloseDonate" src="/icons/close.png" alt="Close icon" height="8" style="padding-left: 5px; cursor: pointer;" />
|
|
</div>
|
|
|
|
<a href="https://sponsor.ajay.app" target="_blank" rel="noopener">__MSG_website__</a> |
|
|
<a href="https://sponsor.ajay.app/stats" target="_blank" rel="noopener">__MSG_viewLeaderboard__</a> |
|
|
<a href="https://github.com/ajayyy/SponsorBlock" target="_blank" rel="noopener">GitHub</a>
|
|
<br/>
|
|
<a href="https://discord.gg/SponsorBlock" target="_blank" rel="noopener">Discord</a> |
|
|
<a href="https://matrix.to/#/#sponsor:ajay.app?via=ajay.app&via=matrix.org&via=mozilla.org" target="_blank" rel="noopener">Matrix</a> |
|
|
<a id="helpButton">__MSG_help__</a>
|
|
</footer>
|
|
|
|
<button id="showNoticeAgain" style="display: none">__MSG_showNotice__</button>
|
|
|
|
</div>
|
|
<!-- Scripts that need to load after the html -->
|
|
<script src="./js/popup.js" async></script>
|
|
</body>
|
|
</html>
|