SponsorBlock/public/options/options.html

<!DOCTYPE html>

<head>
  <title>Options - SponsorBlock</title>
  <meta charset="utf-8">

  <link href="options.css" rel="stylesheet"/>

  <script src="../js/vendor.js"></script>
  <script src="../js/options.js"></script>
</head>

<body class="sponsorBlockPageBody">

	<div id="title">
		<img src="../icons/LogoSponsorBlocker256px.png" height="80" class="profilepic"/>
		SponsorBlock
	</div>

	<div class="center">
		<p class="createdBy">__MSG_createdBy__ <a href="https://ajay.app">Ajay Ramachandran</a> <img src="../icons/newprofilepic.jpg" height="30" class="profilepiccircle"/></p>

		<h1>__MSG_Options__</h1>
	
		<div id="options" class="hidden">

			<div id="support-invidious" option-type="toggle" sync-option="supportInvidious">
				<label class="switch-container" label-name="__MSG_supportInvidious__">
					<label class="switch">
						<input type="checkbox">
						<span class="slider round"></span>
					</label>
				</label>
	
				<br/>
				<br/>
	
				<div class="small-description">__MSG_supportInvidiousDescription__</div>
			</div>

			<br/>
			<br/>
	
			<div option-type="text-change" sync-option="invidiousInstances">
				<div class="option-button trigger-button">
					__MSG_addInvidiousInstance__
				</div>
	
				<br/>
	
				<div class="small-description">__MSG_addInvidiousInstanceDescription__</div>
	
				<div class="option-hidden-section hidden">
					<br/>
	
					<input class="option-text-box" type="text">
	
					<br/>
					<br/>
	
					<div class="option-button text-change-set inline">
						__MSG_add__
					</div>

					<div class="option-button invidious-instance-reset inline">
						__MSG_resetInvidiousInstance__
					</div>
					
					<br/>
					<br/>

					<span class="small-description">__MSG_currentInstances__</span>
					<span class="small-description" option-type="display" sync-option="invidiousInstances"></span>
				</div>
			</div>

			<br/>
			<br/>
	
			<div option-type="number-change" sync-option="minDuration">
				<label class="number-container" label-name="__MSG_minDuration__">
					<input type="number" step="0.1" min="0">
				</label>

				<br/>
				<br/>

				<div class="small-description">__MSG_minDurationDescription__</div>
			</div>

			<br/>
			<br/>

			<div option-type="toggle" toggle-type="reverse" sync-option="disableAutoSkip">
				<label class="switch-container" label-name="__MSG_autoSkip__">
					<label class="switch">
						<input type="checkbox" checked>
						<span class="slider round"></span>
					</label>
				</label>
	
				<br/>
				<br/>
	
				<div class="small-description">__MSG_autoSkipDescription__</div>
			</div>

			<br/>
			<br/>

			<div option-type="keybind-change" sync-option="startSponsorKeybind">
				<div class="option-button trigger-button">
					__MSG_setStartSponsorShortcut__
				</div>
	
				<div class="option-hidden-section hidden">
					<br/>
	
					<div class="medium-description keybind-status">
						__MSG_keybindDescription__
					</div>

					<span class="medium-description bold keybind-status-key">
						
					</span>
				</div>
			</div>

			<br/>
			<br/>
	
			<div option-type="keybind-change" sync-option="submitKeybind">
				<div class="option-button trigger-button">
						__MSG_setSubmitKeybind__
				</div>
	
				<div class="option-hidden-section hidden">
					<br/>
	
					<div class="medium-description keybind-status">
						__MSG_keybindDescription__
					</div>

					<span class="medium-description bold keybind-status-key">
						
					</span>
				</div>
			</div>
	
			<br/>
			<br/>
	
			<div option-type="toggle" toggle-type="reverse" sync-option="hideVideoPlayerControls">
				<label class="switch-container" label-name="__MSG_showButtons__">
					<label class="switch">
						<input type="checkbox" checked>
						<span class="slider round"></span>
					</label>
				</label>
	
				<br/>
				<br/>
	
				<div class="small-description">__MSG_hideButtonsDescription__</div>
			</div>
	
			<br/>
			<br/>
	
			<div option-type="toggle" toggle-type="reverse" sync-option="hideInfoButtonPlayerControls">
				<label class="switch-container" label-name="__MSG_showInfoButton__">
					<label class="switch">
						<input type="checkbox" checked>
						<span class="slider round"></span>
					</label>
				</label>
	
				<br/>
				<br/>
	
				<div class="small-description">__MSG_whatInfoButton__</div>
			</div>
	
			<br/>
			<br/>
	
			<div option-type="toggle" toggle-type="reverse" sync-option="hideDeleteButtonPlayerControls">
				<label class="switch-container" label-name="__MSG_showDeleteButton__">
					<label class="switch">
						<input type="checkbox" checked>
						<span class="slider round"></span>
					</label>
				</label>
	
				<br/>
				<br/>
	
				<div class="small-description">__MSG_whatDeleteButton__</div>
			</div>

			<br/>
			<br/>
	
			<div option-type="toggle" sync-option="autoUpvote">
				<label class="switch-container" label-name="__MSG_enableAutoUpvote__">
					<label class="switch">
						<input type="checkbox" checked>
						<span class="slider round"></span>
					</label>
				</label>
	
				<br/>
				<br/>
	
				<div class="small-description">__MSG_whatAutoUpvote__</div>
			</div>
	
			<br/>
			<br/>
	
			<div option-type="toggle" sync-option="trackViewCount">
				<label class="switch-container" label-name="__MSG_enableViewTracking__">
					<label class="switch">
						<input type="checkbox" checked>
						<span class="slider round"></span>
					</label>
				</label>
	
				<br/>
				<br/>
	
				<div class="small-description">__MSG_whatViewTracking__</div>
			</div>
	
			<br/>
			<br/>
	
			<div option-type="text-change" sync-option="userID" confirm-message="userIDChangeWarning">
				<div class="option-button trigger-button">
					__MSG_changeUserID__
				</div>
	
				<br/>
	
				<div class="small-description">__MSG_whatChangeUserID__</div>
	
				<div class="option-hidden-section hidden">
					<br/>
	
					<input class="option-text-box" type="text">
	
					<br/>
					<br/>
	
					<div class="option-button text-change-set">
						__MSG_setUserID__
					</div>
				</div>
			</div>
	
			<br/>
			<br/>
	
			<div option-type="toggle" toggle-type="reverse" sync-option="dontShowNotice">
				<label class="switch-container" label-name="__MSG_showSkipNotice__">
					<label class="switch">
						<input type="checkbox" checked>
						<span class="slider round"></span>
					</label>
				</label>
			</div>
			
		</div>
	</div>

</body>
Set options and help page to use html5 - Fix css when using html5 - Add encoding scheme to html - Remove font-size change on title on hover. It's jarring seeing the whole page move when trying to move your mouse to the options. - Remove center tags - Remove unnecessary styles - Fix some minor grammar 2020-01-16 02:30:07 +01:00			`<!DOCTYPE html>`

Added basic options panel. Co-authored-by: Official Noob <31563761+OfficialNoob@users.noreply.github.com> 2019-12-30 05:18:18 +01:00			`<head>`
			`<title>Options - SponsorBlock</title>`
Set options and help page to use html5 - Fix css when using html5 - Add encoding scheme to html - Remove font-size change on title on hover. It's jarring seeing the whole page move when trying to move your mouse to the options. - Remove center tags - Remove unnecessary styles - Fix some minor grammar 2020-01-16 02:30:07 +01:00			`<meta charset="utf-8">`
Added basic options panel. Co-authored-by: Official Noob <31563761+OfficialNoob@users.noreply.github.com> 2019-12-30 05:18:18 +01:00
			`<link href="options.css" rel="stylesheet"/>`

Converted options page to TypeScript 2020-02-04 04:34:43 +01:00			`<script src="../js/vendor.js"></script>`
			`<script src="../js/options.js"></script>`
Added basic options panel. Co-authored-by: Official Noob <31563761+OfficialNoob@users.noreply.github.com> 2019-12-30 05:18:18 +01:00			`</head>`

			`<body class="sponsorBlockPageBody">`

			`<div id="title">`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<img src="../icons/LogoSponsorBlocker256px.png" height="80" class="profilepic"/>`
Added basic options panel. Co-authored-by: Official Noob <31563761+OfficialNoob@users.noreply.github.com> 2019-12-30 05:18:18 +01:00			`SponsorBlock`
			`</div>`

Removed use of center tag. 2019-12-30 20:44:03 +01:00			`<div class="center">`
Added basic options panel. Co-authored-by: Official Noob <31563761+OfficialNoob@users.noreply.github.com> 2019-12-30 05:18:18 +01:00			`<p class="createdBy">__MSG_createdBy__ <a href="https://ajay.app">Ajay Ramachandran</a> <img src="../icons/newprofilepic.jpg" height="30" class="profilepiccircle"/></p>`

			`<h1>__MSG_Options__</h1>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
			`<div id="options" class="hidden">`
Added option to enable invidious support. 2019-12-31 05:15:29 +01:00
Made it reenable the permission when an invidious instance is added. Right now it throws an error 2020-01-01 18:55:35 +01:00			`<div id="support-invidious" option-type="toggle" sync-option="supportInvidious">`
Added option to enable invidious support. 2019-12-31 05:15:29 +01:00			`<label class="switch-container" label-name="__MSG_supportInvidious__">`
			`<label class="switch">`
			`<input type="checkbox">`
			`<span class="slider round"></span>`
			`</label>`
			`</label>`

			`<br/>`
			`<br/>`

			`<div class="small-description">__MSG_supportInvidiousDescription__</div>`
			`</div>`

			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added option for custom invidious instances. 2020-01-01 01:09:37 +01:00			`<div option-type="text-change" sync-option="invidiousInstances">`
			`<div class="option-button trigger-button">`
			`__MSG_addInvidiousInstance__`
			`</div>`

			`<br/>`

			`<div class="small-description">__MSG_addInvidiousInstanceDescription__</div>`

			`<div class="option-hidden-section hidden">`
			`<br/>`

			`<input class="option-text-box" type="text">`

			`<br/>`
			`<br/>`

			`<div class="option-button text-change-set inline">`
			`__MSG_add__`
			`</div>`

			`<div class="option-button invidious-instance-reset inline">`
			`__MSG_resetInvidiousInstance__`
			`</div>`
Added instance display 2020-01-10 01:52:20 +01:00
			`<br/>`
			`<br/>`

			`<span class="small-description">__MSG_currentInstances__</span>`
			`<span class="small-description" option-type="display" sync-option="invidiousInstances"></span>`
Added option for custom invidious instances. 2020-01-01 01:09:37 +01:00			`</div>`
			`</div>`

			`<br/>`
			`<br/>`

Add minimum duration option 2020-01-24 00:02:23 +01:00			`<div option-type="number-change" sync-option="minDuration">`
			`<label class="number-container" label-name="__MSG_minDuration__">`
			`<input type="number" step="0.1" min="0">`
			`</label>`

			`<br/>`
			`<br/>`

			`<div class="small-description">__MSG_minDurationDescription__</div>`
			`</div>`

			`<br/>`
			`<br/>`

Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div option-type="toggle" toggle-type="reverse" sync-option="disableAutoSkip">`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<label class="switch-container" label-name="__MSG_autoSkip__">`
			`<label class="switch">`
Added defaults to option page. 2019-12-31 08:32:44 +01:00			`<input type="checkbox" checked>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<span class="slider round"></span>`
			`</label>`
			`</label>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div class="small-description">__MSG_autoSkipDescription__</div>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`</div>`
Added keybind option. 2019-12-30 22:41:33 +01:00
			`<br/>`
			`<br/>`
Add minimum duration option 2020-01-24 00:02:23 +01:00
Added keybind option. 2019-12-30 22:41:33 +01:00			`<div option-type="keybind-change" sync-option="startSponsorKeybind">`
			`<div class="option-button trigger-button">`
			`__MSG_setStartSponsorShortcut__`
			`</div>`

			`<div class="option-hidden-section hidden">`
			`<br/>`

			`<div class="medium-description keybind-status">`
			`__MSG_keybindDescription__`
			`</div>`

			`<span class="medium-description bold keybind-status-key">`

			`</span>`
			`</div>`
			`</div>`
Added submission keybind option 2019-12-30 23:23:05 +01:00
			`<br/>`
			`<br/>`

			`<div option-type="keybind-change" sync-option="submitKeybind">`
			`<div class="option-button trigger-button">`
			`__MSG_setSubmitKeybind__`
			`</div>`

			`<div class="option-hidden-section hidden">`
			`<br/>`

			`<div class="medium-description keybind-status">`
			`__MSG_keybindDescription__`
			`</div>`

			`<span class="medium-description bold keybind-status-key">`

			`</span>`
			`</div>`
			`</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div option-type="toggle" toggle-type="reverse" sync-option="hideVideoPlayerControls">`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<label class="switch-container" label-name="__MSG_showButtons__">`
			`<label class="switch">`
Added defaults to option page. 2019-12-31 08:32:44 +01:00			`<input type="checkbox" checked>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<span class="slider round"></span>`
			`</label>`
			`</label>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div class="small-description">__MSG_hideButtonsDescription__</div>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div option-type="toggle" toggle-type="reverse" sync-option="hideInfoButtonPlayerControls">`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<label class="switch-container" label-name="__MSG_showInfoButton__">`
			`<label class="switch">`
Added defaults to option page. 2019-12-31 08:32:44 +01:00			`<input type="checkbox" checked>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<span class="slider round"></span>`
			`</label>`
			`</label>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div class="small-description">__MSG_whatInfoButton__</div>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div option-type="toggle" toggle-type="reverse" sync-option="hideDeleteButtonPlayerControls">`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<label class="switch-container" label-name="__MSG_showDeleteButton__">`
			`<label class="switch">`
Added defaults to option page. 2019-12-31 08:32:44 +01:00			`<input type="checkbox" checked>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<span class="slider round"></span>`
			`</label>`
			`</label>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div class="small-description">__MSG_whatDeleteButton__</div>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`</div>`
Added option for auto-vote. 2020-01-11 02:06:16 +01:00
			`<br/>`
			`<br/>`

			`<div option-type="toggle" sync-option="autoUpvote">`
			`<label class="switch-container" label-name="__MSG_enableAutoUpvote__">`
			`<label class="switch">`
			`<input type="checkbox" checked>`
			`<span class="slider round"></span>`
			`</label>`
			`</label>`

			`<br/>`
			`<br/>`

			`<div class="small-description">__MSG_whatAutoUpvote__</div>`
			`</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div option-type="toggle" sync-option="trackViewCount">`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<label class="switch-container" label-name="__MSG_enableViewTracking__">`
			`<label class="switch">`
			`<input type="checkbox" checked>`
			`<span class="slider round"></span>`
			`</label>`
			`</label>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div class="small-description">__MSG_whatViewTracking__</div>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added warning message when changing the userID. 2020-01-09 21:00:03 +01:00			`<div option-type="text-change" sync-option="userID" confirm-message="userIDChangeWarning">`
Added keybind option. 2019-12-30 22:41:33 +01:00			`<div class="option-button trigger-button">`
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`__MSG_changeUserID__`
			`</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div class="small-description">__MSG_whatChangeUserID__</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added keybind option. 2019-12-30 22:41:33 +01:00			`<div class="option-hidden-section hidden">`
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<input class="option-text-box" type="text">`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<br/>`
			`<br/>`

			`<div class="option-button text-change-set">`
			`__MSG_setUserID__`
			`</div>`
			`</div>`
			`</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<br/>`
			`<br/>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00
Added text set option (userID) 2019-12-30 07:20:20 +01:00			`<div option-type="toggle" toggle-type="reverse" sync-option="dontShowNotice">`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<label class="switch-container" label-name="__MSG_showSkipNotice__">`
			`<label class="switch">`
Added defaults to option page. 2019-12-31 08:32:44 +01:00			`<input type="checkbox" checked>`
Added all toggle buttons and made them set to their values. 2019-12-30 06:39:02 +01:00			`<span class="slider round"></span>`
			`</label>`
			`</label>`
			`</div>`

Added basic options panel. Co-authored-by: Official Noob <31563761+OfficialNoob@users.noreply.github.com> 2019-12-30 05:18:18 +01:00			`</div>`
Removed use of center tag. 2019-12-30 20:44:03 +01:00			`</div>`
Added basic options panel. Co-authored-by: Official Noob <31563761+OfficialNoob@users.noreply.github.com> 2019-12-30 05:18:18 +01:00
			`</body>`