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

Reorganize config page

Browse Source
This commit is contained in:
ConfusedPolarBear 2022-07-17 02:13:02 -05:00
parent 4d3d252411
commit af2c43a8ae
1 changed files with 53 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -218,8 +218,45 @@
</details> </details>
<details id="visualizer"> <details id="visualizer">
<summary>Fingerprint Visualizer</summary> <summary>Advanced</summary>
<h3 style="margin:0">Select episodes to manage</h3>
<select id="troubleshooterShow"></select>
<select id="troubleshooterSeason"></select>
<br />
<select id="troubleshooterEpisode1"></select>
<select id="troubleshooterEpisode2"></select>
<br />
<br />
<div id="timestampEditor" style="display:none">
<h3 style="margin:0">Introduction timestamp editor</h3>
<p style="margin:0">All times are in seconds.</p>
<p id="editLeftEpisodeTitle" style="margin-bottom:0"></p>
<input style="width:4em" type="number" min="0" id="editLeftEpisodeStart"> to
<input style="width:4em;margin-bottom:10px" type="number" min="0" id="editLeftEpisodeEnd">
<p id="editRightEpisodeTitle" style="margin-top:0;margin-bottom:0"></p>
<input style="width:4em" type="number" min="0" id="editRightEpisodeStart"> to
<input style="width:4em;margin-bottom:10px" type="number" min="0" id="editRightEpisodeEnd">
<br />
<button id="btnUpdateTimestamps" type="button">
Update timestamps
</button>
<br />
<br />
<button id="btnEraseSeasonTimestamps" type="button">
Erase all timestamps for this season
</button>
</div>
<br />
<br />
<h3>Fingerprint Visualizer</h3>
<p> <p>
Interactively compare the audio fingerprints of two episodes. <br /> Interactively compare the audio fingerprints of two episodes. <br />
The blue and red bar to the right of the fingerprint diff turns blue The blue and red bar to the right of the fingerprint diff turns blue
@ -257,14 +294,6 @@
</table> </table>
<br /> <br />
<select id="troubleshooterShow"></select>
<select id="troubleshooterSeason"></select>
<br />
<select id="troubleshooterEpisode1"></select>
<select id="troubleshooterEpisode2"></select>
<br />
<span>Shift amount:</span> <span>Shift amount:</span>
<input type="number" min="-3000" max="3000" value="0" id="offset"> <input type="number" min="-3000" max="3000" value="0" id="offset">
<br /> <br />
@ -272,30 +301,6 @@
<br /> <br />
<br /> <br />
<button id="btnEraseSeasonTimestamps" type="button">
Erase Season Timestamps
</button>
<br />
<br />
<div id="timestampEditor" style="display:none">
<p>Introduction timestamp editor. All times are in seconds.</p>
<p id="editLeftEpisodeTitle" style="margin-bottom:0"></p>
<input style="width:4em" type="number" min="0" id="editLeftEpisodeStart"> to
<input style="width:4em;margin-bottom:10px" type="number" min="0" id="editLeftEpisodeEnd">
<p id="editRightEpisodeTitle" style="margin-top:0;margin-bottom:0"></p>
<input style="width:4em" type="number" min="0" id="editRightEpisodeStart"> to
<input style="width:4em;margin-bottom:10px" type="number" min="0" id="editRightEpisodeEnd">
<br />
<button id="btnUpdateTimestamps" type="button">
Update timestamps
</button>
</div>
<br />
<br />
<canvas id="troubleshooter"></canvas> <canvas id="troubleshooter"></canvas>
<span id="timestampContainer"> <span id="timestampContainer">
<span id="timestamps"></span> <br /> <span id="timestamps"></span> <br />
@ -682,13 +687,23 @@
e.preventDefault(); e.preventDefault();
}); });
btnSeasonEraseTimestamps.addEventListener("click", () => { btnSeasonEraseTimestamps.addEventListener("click", () => {
const show = selectShow.value; Dashboard.confirm(
const season = selectSeason.value; "Are you sure you want to erase all timestamps for this season?",
"Confirm timestamp erasure",
(result) => {
if (!result) {
return;
}
const url = "Intros/Show/" + encodeURIComponent(show) + "/" + encodeURIComponent(season); const show = selectShow.value;
getJson(url, "DELETE"); const season = selectSeason.value;
Dashboard.alert("Erased timestamps for " + season + " of " + show); const url = "Intros/Show/" + encodeURIComponent(show) + "/" + encodeURIComponent(season);
getJson(url, "DELETE");
Dashboard.alert("Erased timestamps for " + season + " of " + show);
}
);
}); });
btnUpdateTimestamps.addEventListener("click", () => { btnUpdateTimestamps.addEventListener("click", () => {
const lhsId = selectEpisode1.options[selectEpisode1.selectedIndex].value; const lhsId = selectEpisode1.options[selectEpisode1.selectedIndex].value;