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

Hide unused settings when unused (PT 2)

Browse Source
This commit is contained in:
TwistedUmbrellaX 2024-03-02 15:28:28 -05:00
parent f49bf50a5b
commit 4b104b82aa
1 changed files with 38 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -224,19 +224,6 @@
<fieldset class="verticalSection-extrabottompadding"> <fieldset class="verticalSection-extrabottompadding">
<legend>Playback</legend> <legend>Playback</legend>
<div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label">
<input id="SkipButtonVisible" type="checkbox" is="emby-checkbox" />
<span>Show skip intro button</span>
</label>
<div class="fieldDescription">
If checked, a skip button will be displayed at the start of an episode's introduction.
<strong>This setting only applies to the web interface.</strong>
<br />
</div>
</div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="AutoSkip" type="checkbox" is="emby-checkbox" /> <input id="AutoSkip" type="checkbox" is="emby-checkbox" />
@ -250,7 +237,7 @@
</div> </div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div id="divSkipFirstEpisode" class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="SkipFirstEpisode" type="checkbox" is="emby-checkbox" /> <input id="SkipFirstEpisode" type="checkbox" is="emby-checkbox" />
<span>Ignore intro in the first episode of a season</span> <span>Ignore intro in the first episode of a season</span>
@ -261,6 +248,19 @@
</div> </div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label">
<input id="SkipButtonVisible" type="checkbox" is="emby-checkbox" />
<span>Show skip intro button</span>
</label>
<div class="fieldDescription">
If checked, a skip button will be displayed at the start of an episode's introduction.
<strong>This setting only applies to the web interface.</strong>
<br />
</div>
</div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="PersistSkipButton" type="checkbox" is="emby-checkbox" /> <input id="PersistSkipButton" type="checkbox" is="emby-checkbox" />
@ -272,7 +272,7 @@
</div> </div>
</div> </div>
<div class="inputContainer"> <div id="divShowPromptAdjustment" class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="ShowPromptAdjustment"> <label class="inputLabel inputLabelUnfocused" for="ShowPromptAdjustment">
Skip prompt offset (in seoncds) Skip prompt offset (in seoncds)
</label> </label>
@ -282,7 +282,7 @@
</div> </div>
</div> </div>
<div class="inputContainer"> <div id="divHidePromptAdjustment" class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="HidePromptAdjustment"> <label class="inputLabel inputLabelUnfocused" for="HidePromptAdjustment">
Skip prompt timeout (in seconds) Skip prompt timeout (in seconds)
</label> </label>
@ -326,7 +326,7 @@
</div> </div>
</div> </div>
<div class="inputContainer"> <div id="divAutoSkipNotificationText" class="inputContainer">
<label class="inputLabel" for="AutoSkipNotificationText"> <label class="inputLabel" for="AutoSkipNotificationText">
Automatic skip notification message Automatic skip notification message
</label> </label>
@ -350,13 +350,13 @@
<legend>Advanced</legend> <legend>Advanced</legend>
<details id="support"> <details id="support">
<summary>Support Bundle</summary> <summary>Support Bundle (ffmpeg)</summary>
<textarea id="supportBundle" rows="20" cols="75" readonly></textarea> <textarea id="supportBundle" rows="20" cols="75" readonly></textarea>
</details> </details>
<details id="visualizer"> <details id="visualizer">
<summary>Fingerprint Editor</summary> <summary>Manage Fingerprints</summary>
<br /> <br />
<h3 style="margin:0">Select episodes to manage</h3> <h3 style="margin:0">Select episodes to manage</h3>
@ -528,9 +528,25 @@
var windowHashInterval = 0; var windowHashInterval = 0;
var autoSkip = document.querySelector("input#AutoSkip");
var skipFirstEpisode = document.querySelector("div#divSkipFirstEpisode");
var autoSkipNotificationText = document.querySelector("div#divAutoSkipNotificationText");
async function autoSkipChanged() {
if (autoSkip.checked) {
skipFirstEpisode.style.display = 'block';
autoSkipNotificationText.style.display = 'block';
} else {
skipFirstEpisode.style.display = 'none';
autoSkipNotificationText.style.display = 'none';
}
}
autoSkip.addEventListener("change", autoSkipChanged);
var persistSkip = document.querySelector("input#PersistSkipButton"); var persistSkip = document.querySelector("input#PersistSkipButton");
var showAdjustment = document.querySelector("input#ShowPromptAdjustment"); var showAdjustment = document.querySelector("div#divShowPromptAdjustment");
var hideAdjustment = document.querySelector("input#HidePromptAdjustment"); var hideAdjustment = document.querySelector("div#divHidePromptAdjustment");
// prevent setting unavailable options // prevent setting unavailable options
async function persistSkipChanged() { async function persistSkipChanged() {
@ -823,6 +839,7 @@
document.querySelector("#" + field).checked = config[field]; document.querySelector("#" + field).checked = config[field];
} }
autoSkipChanged();
persistSkipChanged(); persistSkipChanged();
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();