SponsorBlock/public/options/options.html

502 lines
14 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<head>
<title>Options - SponsorBlock</title>
<meta charset="utf-8">
2021-06-09 22:53:32 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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">
2021-12-12 23:31:09 +01:00
<div id="options-container">
2021-12-12 23:31:09 +01:00
<div id="navigation" class="center">
2021-12-12 23:31:09 +01:00
<div id="title" class="titleBar">
<img src="../icons/LogoSponsorBlocker256px.png" class="profilepic" alt="SponsorBlock logo"/>
SponsorBlock
</div>
2021-12-12 23:31:09 +01:00
<div class="tab-heading selected" data-for="segment-options">
__MSG_optionsTabCategories__
</div>
2020-04-03 03:26:13 +02:00
2021-12-12 23:31:09 +01:00
<div class="tab-heading" data-for="logic-options">
__MSG_optionsTabBehavior__
2020-04-03 03:26:13 +02:00
</div>
2021-12-12 23:31:09 +01:00
<div class="tab-heading" data-for="interface-options">
__MSG_optionsTabInterface__
</div>
2021-12-12 23:31:09 +01:00
<div class="tab-heading" data-for="keybind-options">
__MSG_optionsTabKeyBinds__
</div>
2021-12-12 23:31:09 +01:00
<div class="tab-heading" data-for="privacy-options">
__MSG_optionsTabPrivacy__
</div>
2021-09-02 03:11:51 +02:00
2021-12-12 23:31:09 +01:00
<div class="tab-heading" data-for="import-options">
__MSG_optionsTabBackup__
2021-09-02 03:11:51 +02:00
</div>
2021-12-12 23:31:09 +01:00
<div class="tab-heading" data-for="advanced-options">
__MSG_optionsTabAdvanced__
</div>
2020-04-03 03:26:13 +02:00
2021-12-12 23:31:09 +01:00
<p id="createdBy" class="titleBar">
<img src="../icons/newprofilepic.jpg" height="30" class="profilepiccircle" alt="profile picture of creator"/>
__MSG_createdBy__
<a href="https://ajay.app">Ajay Ramachandran</a>
<a href="https://sponsor.ajay.app/donate" target="_blank" rel="noopener" id="sbDonate">(__MSG_Donate__)</a>
</p>
2021-12-12 23:31:09 +01:00
</div>
2021-12-12 23:31:09 +01:00
<div id="options">
2020-01-10 01:52:20 +01:00
2021-12-12 23:31:09 +01:00
<div id="segment-options" class="option-group">
2021-12-12 23:31:09 +01:00
<div id="category-type" data-type="react-CategoryChooserComponent">
</div>
</div>
2021-12-12 23:31:09 +01:00
<div id="logic-options" class="option-group hidden">
<div data-type="toggle" data-sync="autoSkipOnMusicVideos">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_autoSkipOnMusicVideos__
</div>
</div>
2019-12-30 22:41:33 +01:00
</div>
2021-12-12 23:31:09 +01:00
<div data-type="toggle" data-sync="muteSegments">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_muteSegments__
</div>
2019-12-30 22:41:33 +01:00
</div>
</div>
2019-12-30 23:23:05 +01:00
2021-12-12 23:31:09 +01:00
<div data-type="number-change" data-sync="minDuration">
<span class="optionLabel">__MSG_minDuration__</span>
2021-12-12 23:31:09 +01:00
<label class="number-container">
<input type="number" step="0.1" min="0">
</label>
2019-12-30 23:23:05 +01:00
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_minDurationDescription__</div>
2019-12-30 23:23:05 +01:00
</div>
2021-12-12 23:31:09 +01:00
<div data-type="toggle" data-sync="forceChannelCheck">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_forceChannelCheck__
</div>
</div>
<div class="small-description">__MSG_whatForceChannelCheck__</div>
2019-12-30 23:23:05 +01:00
</div>
2021-12-12 23:31:09 +01:00
<div data-type="toggle" data-sync="refetchWhenNotFound">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_enableRefetchWhenNotFound__
</div>
</div>
2020-02-09 01:23:48 +01:00
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_whatRefetchWhenNotFound__</div>
</div>
2020-02-09 01:23:48 +01:00
</div>
2020-02-09 03:34:26 +01:00
2021-12-12 23:31:09 +01:00
<div id="interface-options" class="option-group hidden">
2021-12-12 23:31:09 +01:00
<div data-type="number-change" data-sync="skipNoticeDuration">
<span class="optionLabel">__MSG_skipNoticeDuration__</span>
2021-12-12 23:31:09 +01:00
<label class="number-container">
<input type="number" step="1" min="1">
</label>
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_skipNoticeDurationDescription__</div>
</div>
<div data-type="toggle" data-toggle-type="reverse" data-sync="dontShowNotice">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_showSkipNotice__
</div>
</div>
2021-12-12 23:31:09 +01:00
</div>
2021-12-12 23:31:09 +01:00
<div data-type="selector" data-sync="noticeVisibilityMode">
<span class="optionLabel">__MSG_noticeVisibilityLabel__</span>
2021-12-12 23:31:09 +01:00
<select class="selector-element optionsSelector" >
<option value="0">__MSG_noticeVisibilityMode0__</option>
<option value="1">__MSG_noticeVisibilityMode1__</option>
<option value="2">__MSG_noticeVisibilityMode2__</option>
<option value="3">__MSG_noticeVisibilityMode3__</option>
<option value="4">__MSG_noticeVisibilityMode4__</option>
</select>
</div>
2021-12-12 23:31:09 +01:00
<div data-type="toggle" data-toggle-type="reverse" data-sync="hideVideoPlayerControls">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_showButtons__
</div>
</div>
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_hideButtonsDescription__</div>
</div>
<div data-type="toggle" data-toggle-type="reverse" data-sync="hideDeleteButtonPlayerControls" data-dependent-on="hideVideoPlayerControls">
2021-12-12 23:31:09 +01:00
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_showDeleteButton__
2021-12-12 23:31:09 +01:00
</div>
</div>
2021-12-12 23:31:09 +01:00
</div>
2019-12-30 20:44:03 +01:00
<div data-type="toggle" data-toggle-type="reverse" data-sync="hideUploadButtonPlayerControls" data-dependent-on="hideVideoPlayerControls">
2021-12-12 23:31:09 +01:00
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_showUploadButton__
2021-12-12 23:31:09 +01:00
</div>
</div>
</div>
2019-12-30 20:44:03 +01:00
<div data-type="toggle" data-toggle-type="reverse" data-sync="hideSkipButtonPlayerControls">
2021-12-12 23:31:09 +01:00
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_showSkipButton__
2021-12-12 23:31:09 +01:00
</div>
</div>
2021-12-12 23:31:09 +01:00
</div>
2019-12-30 20:44:03 +01:00
<div data-type="toggle" data-toggle-type="reverse" data-sync="hideInfoButtonPlayerControls">
2021-12-12 23:31:09 +01:00
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_showInfoButton__
2021-12-12 23:31:09 +01:00
</div>
</div>
</div>
2019-12-30 20:44:03 +01:00
<div data-type="toggle" data-sync="autoHideInfoButton" data-dependent-on="hideInfoButtonPlayerControls">
2021-12-12 23:31:09 +01:00
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_autoHideInfoButton__
2021-12-12 23:31:09 +01:00
</div>
</div>
2021-12-12 23:31:09 +01:00
</div>
<div data-type="toggle" data-sync="audioNotificationOnSkip">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_audioNotification__
</div>
</div>
2019-12-30 20:44:03 +01:00
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_audioNotificationDescription__</div>
</div>
<div data-type="toggle" data-sync="showTimeWithSkips">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_showTimeWithSkips__
</div>
</div>
2020-01-11 02:06:16 +01:00
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_showTimeWithSkipsDescription__</div>
</div>
<div data-type="toggle" data-toggle-type="reverse" data-sync="showDonationLink" data-no-safari="true">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_hideDonationLink__
</div>
</div>
2021-12-12 23:31:09 +01:00
</div>
</div>
2021-12-12 23:31:09 +01:00
<div id="keybind-options" class="option-group hidden">
2020-04-05 05:26:09 +02:00
2021-12-12 23:31:09 +01:00
<div data-type="keybind-change" data-sync="skipKeybind">
<div class="option-button trigger-button">
__MSG_setSkipShortcut__
</div>
2020-04-05 05:26:09 +02:00
2021-12-12 23:31:09 +01:00
<div class="option-hidden-section hidden">
<div class="medium-description keybind-status">
__MSG_keybindDescription__
</div>
2020-04-05 05:26:09 +02:00
2021-12-12 23:31:09 +01:00
<span class="medium-description bold keybind-status-key">
</span>
</div>
2021-12-12 23:31:09 +01:00
</div>
2020-07-04 02:55:58 +02:00
2021-12-12 23:31:09 +01:00
<div data-type="keybind-change" data-sync="startSponsorKeybind">
<div class="option-button trigger-button">
__MSG_setStartSponsorShortcut__
</div>
2020-07-04 02:55:58 +02:00
2021-12-12 23:31:09 +01:00
<div class="option-hidden-section hidden">
<br/>
2021-12-12 23:31:09 +01:00
<div class="medium-description keybind-status">
__MSG_keybindDescription__
</div>
<span class="medium-description bold keybind-status-key">
</span>
</div>
2021-12-12 23:31:09 +01:00
</div>
2019-12-30 20:44:03 +01:00
2021-12-12 23:31:09 +01:00
<div data-type="keybind-change" data-sync="submitKeybind">
<div class="option-button trigger-button">
__MSG_setSubmitKeybind__
</div>
2019-12-30 20:44:03 +01:00
2021-12-12 23:31:09 +01:00
<div class="option-hidden-section hidden">
<div class="medium-description keybind-status">
__MSG_keybindDescription__
</div>
<span class="medium-description bold keybind-status-key">
</span>
</div>
2021-12-12 23:31:09 +01:00
</div>
</div>
2021-12-12 23:31:09 +01:00
<div id="privacy-options" class="option-group hidden">
<div data-type="toggle" data-sync="trackViewCount">
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_enableViewTracking__
</div>
</div>
2020-09-04 18:39:00 +02:00
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_whatViewTracking__</div>
</div>
2020-09-04 18:39:00 +02:00
<div data-type="toggle" data-sync="trackViewCountInPrivate" data-dependent-on="trackViewCount" data-private-only="true">
2021-12-12 23:31:09 +01:00
<div class="switch-container">
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_enableViewTrackingInPrivate__
</div>
</div>
</div>
2020-09-04 18:39:00 +02:00
</div>
2021-12-12 23:31:09 +01:00
<div id="import-options" class="option-group hidden">
2021-08-20 06:04:42 +02:00
2021-12-12 23:31:09 +01:00
<div data-type="private-text-change" data-sync="userID" data-confirm-message="userIDChangeWarning">
<div class="option-button trigger-button">
__MSG_changeUserID__
2021-08-20 06:04:42 +02:00
</div>
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_whatChangeUserID__</div>
2019-12-30 20:44:03 +01:00
2021-12-12 23:31:09 +01:00
<div class="option-hidden-section hidden">
<input class="option-text-box" type="text">
2019-12-30 20:44:03 +01:00
2021-12-12 23:31:09 +01:00
<div class="option-button text-change-set">
__MSG_setUserID__
</div>
</div>
</div>
2019-12-30 20:44:03 +01:00
2021-12-12 23:31:09 +01:00
<div data-type="private-text-change" data-sync="*" data-confirm-message="exportOptionsWarning">
<div class="option-button trigger-button">
__MSG_exportOptions__
</div>
2019-12-30 20:44:03 +01:00
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_whatExportOptions__</div>
2019-12-30 20:44:03 +01:00
2021-12-12 23:31:09 +01:00
<div class="option-hidden-section hidden">
<input class="option-text-box" type="text">
2019-12-30 07:20:20 +01:00
2021-12-12 23:31:09 +01:00
<div class="option-button text-change-set">
__MSG_setOptions__
</div>
2019-12-30 07:20:20 +01:00
</div>
</div>
2021-12-12 23:31:09 +01:00
2019-12-30 07:20:20 +01:00
</div>
2020-02-09 03:34:26 +01:00
2021-12-12 23:31:09 +01:00
<div id="advanced-options" class="option-group hidden">
<div id="support-invidious" data-type="toggle" data-sync="supportInvidious" data-no-safari="true">
<div class="switch-container">
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_supportOtherSites__
</div>
</div>
2020-03-10 05:33:50 +01:00
2021-12-12 23:31:09 +01:00
<div class="small-description">(__MSG_supportedSites__ Invidious, CloudTube)</div>
<br/>
<span class="small-description">__MSG_supportOtherSitesDescription__ </span>
2020-03-10 05:33:50 +01:00
</div>
2021-12-12 23:31:09 +01:00
<div data-type="private-text-change" data-sync="invidiousInstances" data-no-safari="true">
<div class="option-button trigger-button">
__MSG_addInvidiousInstance__
</div>
2020-03-10 05:33:50 +01:00
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_addInvidiousInstanceDescription__</div>
2020-03-10 05:33:50 +01:00
2021-12-12 23:31:09 +01:00
<div class="option-hidden-section hidden">
<input class="option-text-box" type="text">
2020-03-10 05:33:50 +01:00
2021-12-12 23:31:09 +01:00
<div>
<div class="option-button text-change-set inline">
__MSG_add__
</div>
<div class="option-button invidious-instance-reset inline">
__MSG_resetInvidiousInstance__
</div>
</div>
<div>
<span class="small-description">__MSG_currentInstances__</span>
<span class="small-description" data-type="display" data-sync="invidiousInstances"></span>
</div>
</div>
</div>
2020-03-10 05:33:50 +01:00
2021-12-12 23:31:09 +01:00
<div data-type="button-press" data-sync="copyDebugInformation" data-confirm-message="copyDebugInformation">
<div class="option-button trigger-button">
__MSG_copyDebugInformation__
2020-03-10 05:33:50 +01:00
</div>
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_copyDebugInformationOptions__</div>
2020-03-10 05:33:50 +01:00
</div>
2021-12-12 23:31:09 +01:00
<div data-type="toggle" data-sync="testingServer" data-confirm-message="testingServerWarning" data-no-safari="true">
<div class="switch-container">
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
<div class="switch-label">
__MSG_enableTestingServer__
</div>
</div>
<div class="small-description">__MSG_whatEnableTestingServer__</div>
</div>
<div data-type="text-change" data-sync="serverAddress" data-dependent-on="testingServer" data-dependent-on-inverted="true">
2021-12-12 23:31:09 +01:00
<div class="text-label-container inline">
<span class="optionLabel">__MSG_customServerAddress__:</span>
<input class="option-text-box" type="text" style="margin-right:10px">
2021-12-12 23:31:09 +01:00
</div>
2020-04-09 06:40:11 +02:00
<div class="option-button text-change-set inline low-profile">
2021-12-12 23:31:09 +01:00
__MSG_save__
</div>
2020-04-09 06:40:11 +02:00
<div class="option-button text-change-reset inline low-profile">
2021-12-12 23:31:09 +01:00
__MSG_reset__
</div>
2020-04-09 06:40:11 +02:00
2021-12-12 23:31:09 +01:00
<div class="small-description">__MSG_customServerAddressDescription__</div>
2020-02-09 04:03:45 +01:00
</div>
</div>
2021-12-12 23:31:09 +01:00
</div>
2021-12-12 23:31:09 +01:00
2019-12-30 20:44:03 +01:00
</div>
</body>