external/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2024-11-10 09:07:45 +01:00
Code Issues Projects Releases Packages Wiki Activity
SponsorBlock/public/popup.html

149 lines
6.3 KiB
HTML
Raw Normal View History

Pop-up design update (WIP)
2020-08-08 01:43:04 +02:00
<head>
<title>__MSG_openPopup__</title>
<link id="sponsorBlockPopupFont" rel="stylesheet" type="text/css" href="/libs/Source+Sans+Pro.css">
<link id="sponsorBlockStyleSheet" rel="stylesheet" type="text/css" href="popup.css">
Make popup work better on mobile
2020-12-22 07:20:22 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Pop-up design update (WIP)
2020-08-08 01:43:04 +02:00
</head>
Make popup work better on mobile
2020-12-22 07:20:22 +01:00
<body id="sponsorBlockPopupBody">
Don't show animations before loading
2020-12-14 06:35:49 +01:00
<div id="sponsorblockPopup" class="sponsorBlockPageBody preload">
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<div class="logoText bottomSpace">
<img src="icons/IconSponsorBlocker256px.png" height="40px" id="sponsorBlockPopupLogo">
<p>SponsorBlock</p>
</div>
<div id="videoInfo" class="bottomSpace">
<div class="bottomSpace">
<!-- Loading text -->
<p id="loadingIndicator">__MSG_noVideoID__</p>
<!-- If the video was found in the database -->
<p id="videoFound"></p>
</div>
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
<div id="issueReporterContainer">
<div id="issueReporterTimeButtons"></div>
</div>
</div>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<div class="sidebyside">
<div id="disableExtension">
<!--github: mbledkowski/toggle-switch-->
Popup.html redesign
2020-08-19 05:15:22 +02:00
<label for="toggleSwitch" class="toggleSwitchContainer">
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<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>
Pop-up design update (WIP)
2020-08-08 01:43:04 +02:00
</label>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<p id="disableSkipping">__MSG_disableSkipping__</p>
<p id="enableSkipping" style="display: none">__MSG_enableSkipping__</p>
</div>
<div id="additionalButtons">
<!-- grayedOut until loading complete -->
Hide whitelist button when not necessary and changed size of username
2020-10-15 02:42:06 +02:00
<div id="whitelistButton" class="hidden bottomSpace" title="__MSG_forceChannelCheckPopup__">
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<input type="checkbox" style="display:none;" id="whitelistToggle">
<label for="whitelistToggle" class="whitelistToggleText">
Move whitelisting warning
2020-12-14 04:41:59 +01:00
<div class="SBWhitelistIconContainer">
<svg viewBox="0 0 24 24" width="16" height="16" class="SBWhitelistIcon">
<path d="M24 10H14V0h-4v10H0v4h10v10h4V14h10z" />
</svg>
</div>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<p id="whitelistChannel">__MSG_whitelistChannel__</p>
<p id="unwhitelistChannel" style="display: none">__MSG_removeFromWhitelist__</p>
</label>
</div>
<button id="optionsButton" title="__MSG_optionsInfo__">
Fixed icons for popup.html embeded in YouTube
2020-08-19 16:57:43 +02:00
<img src="/icons/settings.svg" alt="Settings icon" width="16" height="16" id="sbPopupIconSettings">
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
__MSG_Options__
</button>
</div>
</div>
Move whitelisting warning
2020-12-14 04:41:59 +01:00
<div id="whitelistForceCheck" class="hidden">
__MSG_forceChannelCheckPopup__
</div>
Merge branch 'master' of github.com:ajayyy/SponsorBlock
2020-09-07 17:36:42 +02:00
<div id="mainControls" style="display: none">
Shrink submit header
2020-10-15 05:07:17 +02:00
<p class="sbHeader sbSubHeader">
Merge branch 'master' of github.com:ajayyy/SponsorBlock
2020-09-07 17:36:42 +02:00
__MSG_recordTimesDescription__
</p>
Small changes
2020-09-23 20:17:26 +02:00
<sub style="margin-bottom: 12px;">__MSG_popupHint__</sub>
Small changes
2020-09-23 21:29:49 +02:00
<div>
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
<button id="sponsorStart" class="mediumButton">__MSG_sponsorStart__</button>
Merge branch 'master' of github.com:ajayyy/SponsorBlock
2020-09-07 17:36:42 +02:00
</div>
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
<div id="submissionSection" style="display: none">
Convert hint from hardcoded string
2020-10-15 05:09:16 +02:00
<b style="display: block; margin-top: 12px;">__MSG_submissionEditHint__</b>
Clean up segment creation code Noteworthy changes: - Adds ability to cancel creating a segment - Makes segment creation fully the responsibility of the content script, with the popup script buttons simply doing RPC - Adds types to the Utils.wait function - Fixes segment timestamps backwards if user marks segment end earlier than the start - Makes the info menu (in-page popup) workaround clearer and easier to remove in the future.
2020-11-15 02:36:16 +01:00
<div id="submitTimesContainer" style="margin-top: 12px;">
Small changes
2020-09-23 20:18:20 +02:00
<button id="submitTimes" class="mediumButton">__MSG_submitTimesButton__</button>
Merge branch 'master' of github.com:ajayyy/SponsorBlock
2020-09-07 17:36:42 +02:00
</div>
</div>
</div>
Shrink submit header
2020-10-15 05:07:17 +02:00
<h1 class="recordingSubtitle sbHeader sbSubHeader">__MSG_yourWork__</h1>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<div class="sidebyside">
<div id="usernameElement">
Popup.html redesign
2020-08-19 05:15:22 +02:00
<div>
Popup code cleanup
2020-12-14 06:57:15 +01:00
<p>__MSG_Username__:</p>
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
<div id="setUsernameContainer">
<p id="usernameValue"></p>
<button id="setUsernameButton" title="__MSG_setUsername__">
<img src="/icons/pencil.svg" alt="__MSG_setUsername__" width="16" height="16" id="sbPopupIconEdit">
</button>
</div>
<div id="setUsername" style="display: none">
<div id="setUsernameStatusContainer" style="display: none">
<p id="setUsernameStatus"></p>
</div>
<input id="usernameInput" hint="Username"></input>
<button id="submitUsername">
<img src="/icons/check.svg" alt="__MSG_setUsername__" width="16" height="16" id="sbPopupIconCheck">
</button>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
</div>
Popup.html redesign
2020-08-19 05:15:22 +02:00
</div>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
</div>
Expand username textbox when editing.
2020-12-14 05:52:38 +01:00
<div id="sponsorTimesContributionsContainer" class="hidden">
Popup.html redesign
2020-08-19 05:15:22 +02:00
<div>
Popup code cleanup
2020-12-14 06:57:15 +01:00
<p>__MSG_Submissions__:</p>
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
<span id="sponsorTimesContributionsDisplay">
0
</span>
Popup.html redesign
2020-08-19 05:15:22 +02:00
</div>
Pop-up design update (WIP)
2020-08-08 01:43:04 +02:00
</div>
</div>
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
<span id="sponsorTimesViewsContainer" style="display: none">
__MSG_savedPeopleFrom__
<b><span id="sponsorTimesViewsDisplay">
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
0
Numbers of skipped segments in popup window are now bolded.
2020-08-19 17:50:36 +02:00
</span></b>
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
<span id="sponsorTimesViewsDisplayEndWord">__MSG_Segments__</span>
<br>
(<b><span id="sponsorTimesOthersTimeSavedDisplay">0</span>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<span id="sponsorTimesOthersTimeSavedEndWord">__MSG_minsLower__</span></b>
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
<span>__MSG_youHaveSavedTimeEnd__</span>).
</span>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<div id="sponsorTimesSkipsDoneContainer" style="display: none">
__MSG_youHaveSkipped__
Numbers of skipped segments in popup window are now bolded.
2020-08-19 17:50:36 +02:00
<b><span id="sponsorTimesSkipsDoneDisplay">
Popup - Vote buttons, Creating sponsor segments
2020-09-22 19:24:34 +02:00
0
</span></b>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<span id="sponsorTimesSkipsDoneEndWord">__MSG_Segments__</span>
(<b><span id="sponsorTimeSavedDisplay">
0
</span>
<span id="sponsorTimeSavedEndWord">__MSG_minsLower__</span></b>).
Pop-up design update (WIP)
2020-08-08 01:43:04 +02:00
</div>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<footer id="sbFooter">
Fix website text not using strings in popup
2020-12-15 20:02:08 +01:00
<a href="https://sponsor.ajay.app" target="_blank" rel="noopener">__MSG_website__</a> |
Change leaderboard to link
2020-10-15 04:45:09 +02:00
<a href="https://sponsor.ajay.app/stats" target="_blank" rel="noopener">__MSG_viewLeaderboard__</a> |
Add matrix link and fix help button
2020-12-13 01:07:15 +01:00
<a href="https://github.com/ajayyy/SponsorBlock" target="_blank" rel="noopener">GitHub</a>
<br/>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
<a href="https://discord.gg/QnmVMpU" target="_blank" rel="noopener">Discord</a> |
Add matrix link and fix help button
2020-12-13 01:07:15 +01:00
<a href="https://matrix.to/#/+sponsorblock:ajay.app" target="_blank" rel="noopener">Matrix</a> |
$
2021-01-27 03:04:03 +01:00
<a id="helpButton" style="cursor: pointer;">__MSG_help__</a> |
<a href="https://sponsor.ajay.app/donate" target="_blank" rel="noopener">$</a>
Popup.html redesign - almost done
2020-08-16 04:09:14 +02:00
</footer>
Add back show notice button
2020-12-14 06:44:21 +01:00
<button id="showNoticeAgain" style="display: none" class="dangerButton popupElement">__MSG_showNotice__</button>
Pop-up design update (WIP)
2020-08-08 01:43:04 +02:00
</div>
Made it display how many views your submissions have received.
2019-07-24 00:32:05 +02:00
<!-- Scripts that need to load after the html -->
Pop-up design update (WIP)
2020-08-08 01:43:04 +02:00
<script src="./js/vendor.js" async></script>
<script src="./js/popup.js" async></script>
Fix background colour in popup
2020-10-26 05:08:32 +01:00
</body>
Reference in a new issue Copy permalink