majomi/intro-skipper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hide skip button settings when disabled (#321)

Browse Source 
* Hide skip button settings when disabled

* let's include everyone
This commit is contained in:
TwistedUmbrellaX 2024-10-03 12:58:12 -04:00 committed by GitHub
parent af2f61b06c
commit e732a71de3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 58 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
ConfusedPolarBear.Plugin.IntroSkipper/Configuration/configPage.html
View File

@ -357,8 +357,8 @@
</label> </label>
<div class="fieldDescription"> <div class="fieldDescription">
If checked, intros will be automatically skipped for <strong>all</strong> clients. If checked, intros will be automatically skipped for <strong>all</strong> clients.
Individual clients can override this setting from the client player options.<br /> Individual clients can override this setting from the client player options.<br />
If you access Jellyfin through a reverse proxy, it must be configured to proxy websockets.<br /> If you access Jellyfin through a reverse proxy, it must be configured to proxy websockets.<br />
</div> </div>
</div> </div>
@ -393,8 +393,8 @@
</label> </label>
<div class="fieldDescription"> <div class="fieldDescription">
If checked, credits will be automatically skipped for <strong>all</strong> clients. If checked, credits will be automatically skipped for <strong>all</strong> clients.
Individual clients can override this setting from the client player options.<br /> Individual clients can override this setting from the client player options.<br />
If you access Jellyfin through a reverse proxy, it must be configured to proxy websockets.<br /> If you access Jellyfin through a reverse proxy, it must be configured to proxy websockets.<br />
</div> </div>
</div> </div>
@ -417,8 +417,8 @@
</label> </label>
<div class="fieldDescription"> <div class="fieldDescription">
If checked, a skip button will be displayed according to the settings below, while If checked, a skip button will be displayed according to the settings below, while
clients selected in the Auto Skip Client List will skip <strong>automatically</strong>. clients selected in the Auto Skip Client List will skip <strong>automatically</strong>.
<br /> <br />
</div> </div>
</div> </div>
@ -435,40 +435,44 @@
<input id="ClientList" type="hidden" is="emby-input" /> <input id="ClientList" type="hidden" is="emby-input" />
</details> </details>
<div id="PersistContainer" class="checkboxContainer checkboxContainer-withDescription"> <div id="SkipButtonSettings">
<label class="emby-checkbox-label">
<input id="PersistSkipButton" type="checkbox" is="emby-checkbox" />
<span>Display button for intro duration</span>
</label>
<div class="fieldDescription"> <div id="PersistContainer" class="checkboxContainer checkboxContainer-withDescription">
If checked, skip button will remain visible throught the intro (offset and timeout are ignored). <label class="emby-checkbox-label">
<br /> <input id="PersistSkipButton" type="checkbox" is="emby-checkbox" />
Note: If unchecked, button will only appear in the player controls after the set timeout. <span>Display button for intro duration</span>
</div> </label>
</div>
<div id="divShowPromptAdjustment" class="inputContainer"> <div class="fieldDescription">
<label class="inputLabel inputLabelUnfocused" for="ShowPromptAdjustment"> If checked, skip button will remain visible throught the intro (offset and timeout are ignored).
Skip prompt offset (in seconds) <br />
</label> Note: If unchecked, button will only appear in the player controls after the set timeout.
<input id="ShowPromptAdjustment" type="number" is="emby-input" min="0" /> </div>
<div class="fieldDescription"> </div>
Seconds to display skip prompt before introduction begins.
</div> <div id="divShowPromptAdjustment" class="inputContainer">
</div> <label class="inputLabel inputLabelUnfocused" for="ShowPromptAdjustment">
<br /> Skip prompt offset (in seconds)
</label>
<input id="ShowPromptAdjustment" type="number" is="emby-input" min="0" />
<div class="fieldDescription">
Seconds to display skip prompt before introduction begins.
</div>
</div>
<br />
<div id="divHidePromptAdjustment" class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="HidePromptAdjustment">
Skip prompt timeout (in seconds)
</label>
<input id="HidePromptAdjustment" type="number" is="emby-input" min="2" />
<div class="fieldDescription">
Seconds after introduction before skip prompt is hidden.
</div>
</div>
<br />
<div id="divHidePromptAdjustment" class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="HidePromptAdjustment">
Skip prompt timeout (in seconds)
</label>
<input id="HidePromptAdjustment" type="number" is="emby-input" min="2" />
<div class="fieldDescription">
Seconds after introduction before skip prompt is hidden.
</div>
</div> </div>
<br />
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="RemainingSecondsOfIntro"> <label class="inputLabel inputLabelUnfocused" for="RemainingSecondsOfIntro">
@ -818,7 +822,9 @@
var windowHashInterval = 0; var windowHashInterval = 0;
var autoSkip = document.querySelector("input#AutoSkip"); var autoSkip = document.querySelector("input#AutoSkip");
var skipButtonVisible = document.getElementById("SkipButtonVisible");
var skipButtonVisibleLabel = document.getElementById("SkipButtonVisibleLabel"); var skipButtonVisibleLabel = document.getElementById("SkipButtonVisibleLabel");
var skipButtonSettings = document.getElementById("SkipButtonSettings");
var selectAllLibraries = document.querySelector("input#SelectAllLibraries"); var selectAllLibraries = document.querySelector("input#SelectAllLibraries");
var librariesContainer = document.querySelector("div.folderAccessListContainer"); var librariesContainer = document.querySelector("div.folderAccessListContainer");
var skipFirstEpisode = document.querySelector("div#divSkipFirstEpisode"); var skipFirstEpisode = document.querySelector("div#divSkipFirstEpisode");
@ -829,10 +835,22 @@
var autoSkipCredits = document.querySelector("input#AutoSkipCredits"); var autoSkipCredits = document.querySelector("input#AutoSkipCredits");
var autoSkipCreditsNotificationText = document.querySelector("div#divAutoSkipCreditsNotificationText"); var autoSkipCreditsNotificationText = document.querySelector("div#divAutoSkipCreditsNotificationText");
function skipButtonVisibleChanged() {
if (autoSkip.checked && autoSkipCredits.checked) {
skipButtonSettings.style.display = 'none';
} else if (skipButtonVisible.checked) {
skipButtonSettings.style.display = 'unset';
} else {
skipButtonSettings.style.display = 'none';
}
}
skipButtonVisible.addEventListener("change", skipButtonVisibleChanged);
function skipButtonVisibleText() { function skipButtonVisibleText() {
if (autoSkip.checked && autoSkipCredits.checked) { if (autoSkip.checked && autoSkipCredits.checked) {
autoSkipClientList.style.display = 'none'; autoSkipClientList.style.display = 'none';
skipButtonVisibleLabel.textContent = "Button unavailable due to auto skip"; skipButtonVisibleLabel.textContent = "Button unavailable due to auto skip";
} else if (autoSkip.checked) { } else if (autoSkip.checked) {
autoSkipClientList.style.display = 'unset'; autoSkipClientList.style.display = 'unset';
autoSkipClientList.style.width = '100%'; autoSkipClientList.style.width = '100%';
@ -846,6 +864,7 @@
autoSkipClientList.style.width = '100%'; autoSkipClientList.style.width = '100%';
skipButtonVisibleLabel.textContent = "Show skip intro / credit button"; skipButtonVisibleLabel.textContent = "Show skip intro / credit button";
} }
skipButtonVisibleChanged()
} }
function autoSkipChanged() { function autoSkipChanged() {
@ -876,6 +895,8 @@
autoSkipCredits.addEventListener("change", autoSkipCreditsChanged); autoSkipCredits.addEventListener("change", autoSkipCreditsChanged);
skipButtonVisibleText(); // run once on launch for legacy installs
function selectAllLibrariesChanged() { function selectAllLibrariesChanged() {
if (selectAllLibraries.checked) { if (selectAllLibraries.checked) {
librariesContainer.style.display = 'none'; librariesContainer.style.display = 'none';