SponsorBlock/public/options/options.html

336 lines
7.6 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<head>
<title>Options - SponsorBlock</title>
<meta charset="utf-8">
<link href="options.css" rel="stylesheet"/>
2020-02-04 04:34:43 +01:00
<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>
2019-12-30 20:44:03 +01:00
<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>
2019-12-30 20:44:03 +01:00
<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/>
2019-12-30 20:44:03 +01:00
2020-02-09 03:58:50 +01:00
<div option-type="private-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>
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>
</div>
</div>
2020-01-24 00:02:23 +01:00
<br/>
<br/>
2019-12-30 07:20:20 +01:00
<div option-type="toggle" toggle-type="reverse" sync-option="disableAutoSkip">
<label class="switch-container" label-name="__MSG_autoSkip__">
<label class="switch">
2019-12-31 08:32:44 +01:00
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
</label>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div class="small-description">__MSG_autoSkipDescription__</div>
</div>
2019-12-30 22:41:33 +01:00
<br/>
<br/>
2020-02-07 01:40:01 +01:00
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>
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>
2020-02-09 01:23:48 +01:00
<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>
2020-02-09 03:34:26 +01:00
<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>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div option-type="toggle" toggle-type="reverse" sync-option="hideVideoPlayerControls">
<label class="switch-container" label-name="__MSG_showButtons__">
<label class="switch">
2019-12-31 08:32:44 +01:00
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
</label>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div class="small-description">__MSG_hideButtonsDescription__</div>
</div>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div option-type="toggle" toggle-type="reverse" sync-option="hideInfoButtonPlayerControls">
<label class="switch-container" label-name="__MSG_showInfoButton__">
<label class="switch">
2019-12-31 08:32:44 +01:00
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
</label>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div class="small-description">__MSG_whatInfoButton__</div>
</div>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div option-type="toggle" toggle-type="reverse" sync-option="hideDeleteButtonPlayerControls">
<label class="switch-container" label-name="__MSG_showDeleteButton__">
<label class="switch">
2019-12-31 08:32:44 +01:00
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
</label>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div class="small-description">__MSG_whatDeleteButton__</div>
</div>
2020-01-11 02:06:16 +01:00
<br/>
<br/>
<div option-type="toggle" toggle-type="reverse" sync-option="hideUploadButtonPlayerControls">
<label class="switch-container" label-name="__MSG_showUploadButton__">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
</label>
<br/>
<br/>
<div class="small-description">__MSG_whatUploadButton__</div>
</div>
<br/>
<br/>
2020-01-11 02:06:16 +01:00
<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>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<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>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div class="small-description">__MSG_whatViewTracking__</div>
</div>
<br/>
<br/>
<div option-type="toggle" sync-option="checkForUnlistedVideos">
<label class="switch-container" label-name="__MSG_unlistedCheck__">
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
</label>
<br/>
<br/>
<div class="small-description">__MSG_whatUnlistedCheck__</div>
</div>
2019-12-30 20:44:03 +01:00
<br/>
<br/>
2019-12-30 20:44:03 +01:00
<div option-type="private-text-change" sync-option="userID" confirm-message="userIDChangeWarning">
2019-12-30 22:41:33 +01:00
<div class="option-button trigger-button">
2019-12-30 07:20:20 +01:00
__MSG_changeUserID__
</div>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<div class="small-description">__MSG_whatChangeUserID__</div>
2019-12-30 20:44:03 +01:00
2019-12-30 22:41:33 +01:00
<div class="option-hidden-section hidden">
2019-12-30 07:20:20 +01:00
<br/>
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<input class="option-text-box" type="text">
2019-12-30 20:44:03 +01:00
2019-12-30 07:20:20 +01:00
<br/>
<br/>
<div class="option-button text-change-set">
__MSG_setUserID__
</div>
</div>
</div>
2020-02-09 03:34:26 +01:00
2019-12-30 07:20:20 +01:00
<br/>
<br/>
2020-02-09 03:34:26 +01:00
<div option-type="text-change" sync-option="serverAddress">
<label class="text-label-container">
2020-02-09 03:34:26 +01:00
<div>__MSG_customServerAddress__</div>
<input class="option-text-box" type="text">
</label>
<div class="option-button text-change-set inline">
2020-02-09 04:03:45 +01:00
__MSG_save__
</div>
<div class="option-button text-change-reset inline">
__MSG_reset__
2020-02-09 03:34:26 +01:00
</div>
<br/>
<br/>
<div class="small-description">__MSG_customServerAddressDescription__</div>
</div>
2020-02-09 03:34:26 +01:00
</div>
2019-12-30 20:44:03 +01:00
</div>
</body>