diff options
| author | Ajay Ramachandran <[email protected]> | 2020-01-28 22:16:48 -0500 |
|---|---|---|
| committer | Ajay Ramachandran <[email protected]> | 2020-01-28 22:16:48 -0500 |
| commit | 03836b69f296df8edef412fcb00876dc72fc6eb3 (patch) | |
| tree | 6243957ddfb787a34b77a928709757b9d79fb32d /public/popup.html | |
| parent | 5837205a9a47e364dc9038221f29b25e091a2ee3 (diff) | |
| download | SponsorBlock-03836b69f296df8edef412fcb00876dc72fc6eb3.tar.gz SponsorBlock-03836b69f296df8edef412fcb00876dc72fc6eb3.zip | |
Started conversion to TypeScript.
Diffstat (limited to 'public/popup.html')
| -rw-r--r-- | public/popup.html | 216 |
1 files changed, 216 insertions, 0 deletions
diff --git a/public/popup.html b/public/popup.html new file mode 100644 index 00000000..2c3c1f18 --- /dev/null +++ b/public/popup.html @@ -0,0 +1,216 @@ +<html> + <head> + <title>__MSG_openPopup__</title> + <script src="SB.js"></script> + <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 sponsorBlockPageBody"> + <h1 class="popupElement"> + <img src="icons/IconSponsorBlocker256px.png" height="32px" id="sponsorBlockPopupLogo"/> + __MSG_Name__ + </h1> + + <!-- Loading text --> + <p id="loadingIndicator" class="popupElement">__MSG_noVideoID__</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> + + <p class="popupElement"> + __MSG_recordTimesDescription__ + </p> + + <div> + <button id="sponsorStart" class="greenButton popupElement">__MSG_sponsorStart__</button> + </div> + + <sub class="popupElement">__MSG_popupHint__</sub> + + <div id="submissionSection" class="popupElement" style="display: none"> + <h3 class="popupElement">__MSG_lastTimes__</h3> + <b> + <div id="sponsorMessageTimes" class="popupElement"> + + </div> + </b> + + <br/> + + <button id="clearTimes" class="smallButton popupElement">__MSG_clearTimesButton__</button> + + <div id="submitTimesContainer" class="popupElement" style="display: none"> + + <br/> + <br/> + + <button id="submitTimes" class="smallButton popupElement">__MSG_submitTimesButton__</button> + + <div id="submitTimesInfoMessageContainer" class="popupElement" style="display: none"> + <h3 id="submitTimesInfoMessage" class="popupElement"> + + </h3> + </div> + + </div> + + </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/> + + __MSG_discordAdvert__ + + <br/> + + <span id="hideDiscordButton" class="smallLink popupElement">__MSG_hideThis__</span> + </div> + + <div> + <br/> + + <button id="whitelistChannel" class="whitelistButton popupElement">__MSG_whitelistChannel__</button> + <button id="unwhitelistChannel" class="whitelistButton popupElement" style="display: none">__MSG_removeFromWhitelist__</button> + </div> + + <br/> + + <button id="reportAnIssue" class="dangerButton popupElement">__MSG_voteOnTime__</button> + + <div id="issueReporterContainer" class="popupElement" style="display: none"> + + <h3 style="margin-top: 0px" class="popupElement">__MSG_voteOnTime__</h3> + + <div id="issueReporterTimeButtons" class="popupElement"> + + </div> + + </div> + + <br/> + <br/> + + </div> + + <div> + <button id="disableSkipping" class="greenButton popupElement">__MSG_disableSkipping__</button> + <button id="enableSkipping" class="whitelistButton popupElement" style="display: none">__MSG_enableSkipping__</button> + </div> + + <h2 class="recordingSubtitle popupElement">__MSG_yourWork__</h2> + + <p class="popupElement"> + <span id="sponsorTimesContributionsContainer" class="popupElement" style="display: none"> + __MSG_soFarUHSubmited__ + <span id="sponsorTimesContributionsDisplay" class="popupElement"> + 0 + </span> + <span id="sponsorTimesContributionsDisplayEndWord" class="popupElement">__MSG_Sponsors__</span>. + </span> + + <span id="sponsorTimesViewsContainer" class="popupElement" style="display: none"> + __MSG_savedPeopleFrom__ + <span id="sponsorTimesViewsDisplay" class="popupElement"> + 0 + </span> + <span id="sponsorTimesViewsDisplayEndWord" class="popupElement">__MSG_Segments__</span>. + </span> + + <span id="sponsorTimesOthersTimeSavedContainer" class="popupElement" style="display: none"> + __MSG_youHaveSavedTime__ + <span id="sponsorTimesOthersTimeSavedDisplay" class="popupElement"> + 0 + </span> + <span id="sponsorTimesOthersTimeSavedEndWord" class="popupElement">__MSG_minsLower__</span> + + <span class="popupElement">__MSG_youHaveSavedTimeEnd__</span> + </span> + + <div id="sponsorTimesSkipsDoneContainer" class="popupElement" style="display: none"> + __MSG_youHaveSkipped__ + <span id="sponsorTimesSkipsDoneDisplay" class="popupElement"> + 0 + </span> + <span id="sponsorTimesSkipsDoneEndWord" class="popupElement">__MSG_Segments__</span> (since December). + </div> + + <div id="sponsorTimeSavedContainer" class="popupElement" style="display: none"> + __MSG_youHaveSaved__ + <span id="sponsorTimeSavedDisplay" class="popupElement"> + 0 + </span> + <span id="sponsorTimeSavedEndWord" class="popupElement">__MSG_minsLower__</span> (since December). + + </br/> + </br/> + </div> + + <div class="popupElement"> + __MSG_viewLeaderboard__ <a class="popupElement discreteLink" href="https://sponsor.ajay.app/stats" target="_blank">__MSG_here__</a>. + </div> + </p> + + <div id="setUsernameContainer" class="popupElement"> + + <button id="setUsernameButton" class="warningButton popupElement">__MSG_setUsername__</button> + <br/> + <sub class="popupElement"> + __MSG_publicStats__ <a class="popupElement discreteLink" href="https://sponsor.ajay.app/stats" target="_blank">__MSG_here__</a>. + </sub> + </div> + + <div id="setUsername" class="popupElement" style="display: none"> + <h3>__MSG_setUsername__</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">__MSG_setUsername__</button> + </div> + + <div id="optionsButtonContainer" class="popupElement"> + <br/> + <br/> + + <button id="optionsButton" class="dangerButton popupElement">__MSG_Options__</button> + + <br/> + + <sub class="popupElement"> + __MSG_optionsInfo__ + </sub> + + <br/> + </div> + + <button id="showNoticeAgain" style="display: none" class="dangerButton popupElement">__MSG_showNotice__</button> + </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> |