diff options
Diffstat (limited to 'js/main.js')
| -rw-r--r-- | js/main.js | 593 |
1 files changed, 593 insertions, 0 deletions
diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..6fcd43c --- /dev/null +++ b/js/main.js @@ -0,0 +1,593 @@ +var plexUrl; +var plexToken; +var libraryNumber = ""; // The Library ID that was clicked +var showId = ""; // Stores the Id for the most recently clicked series +var seasonsList = []; // Stores the Ids for all seasons of the most recently clicked series +var seasonId = ""; // Store the Id of the most recently clicked season +var episodeId = ""; // Stores the Id of the most recently clicked episode + +function connectToPlex() { + plexUrl = $("#plexUrl").val(); + plexToken = $("#plexToken").val(); + + $.ajax({ + "url": `${plexUrl}/library/sections/`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => displayLibraries(data), + "error": (data) => { + console.log("ERROR L22"); + console.log(data); + } + }); +} + +function displayLibraries(data) { + const libraries = data.MediaContainer.Directory; + // console.log(libraries); + + $("#tvShowsTable tbody").empty(); + $("#seasonsTable tbody").empty(); + $("#episodesTable tbody").empty(); + $("#audioTable tbody").empty(); + $("#subtitleTable tbody").empty(); + + for (let i = 0; i < libraries.length; i++) { + let rowHTML = `<tr onclick="getAlphabet(${libraries[i].key}, this)"> + <th scope="row">${libraries[i].key}</th> + <td>${libraries[i].title}</td> + </tr>`; + $("#libraryTable tbody").append(rowHTML); + } +} + +function getAlphabet(uid, row) { + $.ajax({ + "url": `${plexUrl}/library/sections/${uid}/firstCharacter`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => { + libraryNumber = uid; + displayAlphabet(data, row); + }, + "error": (data) => { + console.log("ERROR L60"); + console.log(data); + } + }); +} + +function displayAlphabet(data, row) { + const availableAlphabet = data.MediaContainer.Directory; + // console.log(availableAlphabet); + + $("#tvShowsTable tbody").empty(); + $("#seasonsTable tbody").empty(); + $("#episodesTable tbody").empty(); + $("#audioTable tbody").empty(); + $("#subtitleTable tbody").empty(); + + $(row).siblings().removeClass("table-active"); + $(row).addClass("table-active"); + $('#alphabetGroup').children().removeClass("btn-dark").addClass("btn-outline-dark").prop("disabled", true); + + for (let i = 0; i < availableAlphabet.length; i++) { + if (availableAlphabet[i].title == "#") { + $(`#btnHash`).prop("disabled", false); + } + else { + $(`#btn${availableAlphabet[i].title}`).prop("disabled", false); + } + } +} + +function getLibraryByLetter(element) { + let letter = $(element).text(); + if (letter == "#") letter = "%23"; + // console.log("getLibraryByLetter: " + letter); + + $(element).siblings().removeClass("btn-dark").addClass("btn-outline-dark"); + $(element).removeClass("btn-outline-dark").addClass("btn-dark"); + + $.ajax({ + "url": `${plexUrl}/library/sections/${libraryNumber}/firstCharacter/${letter}`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => displayTitles(data), + "error": (data) => { + console.log("ERROR L107"); + console.log(data); + } + }); +} + +function displayTitles(titles) { + const tvShows = titles.MediaContainer.Metadata; + // console.log(tvShows); + $("#tvShowsTable tbody").empty(); + $("#seasonsTable tbody").empty(); + $("#episodesTable tbody").empty(); + $("#audioTable tbody").empty(); + $("#subtitleTable tbody").empty(); + + for (let i = 0; i < tvShows.length; i++) { + let rowHTML = `<tr onclick="getTitleInfo(${tvShows[i].ratingKey}, this)"> + <th scope="row">${tvShows[i].ratingKey}</th> + <td>${tvShows[i].title}</td> + <td>${tvShows[i].year}</td> + </tr>`; + $("#tvShowsTable tbody").append(rowHTML); + } +} + +function getTitleInfo(uid, row) { + showId = uid; + $.ajax({ + "url": `${plexUrl}/library/metadata/${uid}/children`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => showTitleInfo(data, row), + "error": (data) => { + console.log("ERROR L143"); + console.log(data); + } + }); +} + +function showTitleInfo(data, row) { + const seasons = data.MediaContainer.Metadata; + seasonsList.length = 0; + // console.log(seasons); + + $(row).siblings().removeClass("table-active"); + $(row).addClass("table-active"); + + $("#seasonsTable tbody").empty(); + $("#episodesTable tbody").empty(); + $("#audioTable tbody").empty(); + $("#subtitleTable tbody").empty(); + + for (let i = 0; i < seasons.length; i++) { + seasonsList.push(seasons[i].ratingKey); + let rowHTML = `<tr onclick="getSeasonInfo(${seasons[i].ratingKey}, this)"> + <th scope="row">${seasons[i].ratingKey}</th> + <td>${seasons[i].title}</td> + </tr>`; + $("#seasonsTable tbody").append(rowHTML); + } +} + +function getSeasonInfo(uid, row) { + seasonId = uid; + $.ajax({ + "url": `${plexUrl}/library/metadata/${uid}/children`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => showSeasonInfo(data, row), + "error": (data) => { + console.log("ERROR L183"); + console.log(data); + } + }); +} + +function showSeasonInfo(data, row) { + const episodes = data.MediaContainer.Metadata; + // console.log(episodes); + + $(row).siblings().removeClass("table-active"); + $(row).addClass("table-active"); + + $("#episodesTable tbody").empty(); + $("#audioTable tbody").empty(); + $("#subtitleTable tbody").empty(); + + for (let i = 0; i < episodes.length; i++) { + let rowHTML = `<tr onclick="getEpisodeInfo(${episodes[i].ratingKey}, this)"> + <th scope="row">${episodes[i].ratingKey}</th> + <td>${episodes[i].title}</td> + </tr>`; + $("#episodesTable tbody").append(rowHTML); + } +} + +function getEpisodeInfo(uid, row) { + episodeId = uid; + $.ajax({ + "url": `${plexUrl}/library/metadata/${uid}`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => showEpisodeInfo(data, row), + "error": (data) => { + console.log("ERROR L220"); + console.log(data); + } + }); +} + +function showEpisodeInfo(data, row) { + const streams = data.MediaContainer.Metadata[0].Media[0].Part[0].Stream; + const partId = data.MediaContainer.Metadata[0].Media[0].Part[0].id; + // console.log(partId); + // console.log(streams); + + $(row).siblings().removeClass("table-active"); + $(row).addClass("table-active"); + + $("#audioTable tbody").empty(); + $("#subtitleTable tbody").empty(); + + for (let i = 0; i < streams.length; i++) { + if (streams[i].streamType == 2) { + let rowHTML = `<tr ${streams[i].selected ? "class='table-active'" : ""} onclick="setAudioStream(${partId}, ${streams[i].id}, this)"> + <th class="uid" scope="row">${streams[i].id}</th> + <td class="name">${streams[i].displayTitle}</td> + <td class="title">${streams[i].title}</td> + <td class="language">${streams[i].language}</td> + <td class="code">${streams[i].languageCode}</td> + </tr>`; + $("#audioTable tbody").append(rowHTML); + } + else if (streams[i].streamType == 3) { + let rowHTML = `<tr ${streams[i].selected ? "class='table-active'" : ""} onclick="setSubtitleStream(${partId}, ${streams[i].id}, this)"> + <th class="uid" scope="row">${streams[i].id}</th> + <td class="name">${streams[i].displayTitle}</td> + <td class="title">${streams[i].title}</td> + <td class="language">${streams[i].language}</td> + <td class="code">${streams[i].languageCode}</td> + </tr>`; + $("#subtitleTable tbody").append(rowHTML); + } + } +} + +async function setAudioStream(partsId, streamId, row) { + let singleEpisode = $("#singleEpisode").prop("checked"); + + if (singleEpisode) { + //console.log("Apply Audio Stream to single episode"); + $.ajax({ + "url": `${plexUrl}/library/parts/${partsId}?audioStreamID=${streamId}&allParts=1`, + "method": "POST", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => { + //console.log("success"); + $(row).siblings().removeClass("table-active").removeClass("table-success"); + $(row).addClass("table-active").addClass("success-transition"); + setTimeout(function() { + $(row).removeClass('success-transition'); + }, 100); + }, + "error": (data) => { + console.log("ERROR L283"); + console.log(data); + } + }); + } + else { + //console.log("Apply Audio Stream to whole series"); + // Show the modal to set progress + $('#progressModal #progressModalTitle').empty(); + $('#progressModal #progressModalTitle').text(`Processing Audio Changes`); + $('#progressModal #modalBodyText').empty(); + $('#progressModal #modalBodyText').append(`<div class="alert alert-warning" role="alert"> + <div class="d-flex align-items-center"> + <span id="modalTitleText">Please do not close this tab or refresh until the process is complete</span> + <div class="spinner-border text-warning ml-auto" role="status" aria-hidden="true"></div> + </div> + </div>`); + $('#progressModal').modal(); + + let matchPromises = []; // This will store the promises to change the audio for given files. It means we can run in parallel and await them all + let searchTitle = $(".title", row).text(); + let searchName = $(".name", row).text(); + let searchLanguage = $(".language", row).text(); + let searchCode = $(".code", row).text(); + + // We have the Seasons Ids stored in seasonsList, so iterate over them to get all the episodes + let episodeList = []; + for (let i = 0; i < seasonsList.length; i++) { + let seasonEpisodes = await $.ajax({ + "url": `${plexUrl}/library/metadata/${seasonsList[i]}/children`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + } + }); + for (let j = 0; j < seasonEpisodes.MediaContainer.Metadata.length; j++) { + episodeList.push(seasonEpisodes.MediaContainer.Metadata[j].ratingKey); + } + } + //console.log(episodeList); + + // We have the episodes in episodeList, now we need to go through each one and see what streams are available + for (let i = 0; i < episodeList.length; i++) { + let episodeData = await $.ajax({ + "url": `${plexUrl}/library/metadata/${episodeList[i]}`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + } + }); + const episodePartId = episodeData.MediaContainer.Metadata[0].Media[0].Part[0].id; + const episodeStreams = episodeData.MediaContainer.Metadata[0].Media[0].Part[0].Stream; + //console.log(episodePartId); + //console.log(episodeStreams); + + // Loop through each audio stream and check for any matches using the searchTitle, searchName, searchLanguage, searchCode + let hasMatch = false; + let newStreamId = ""; + let matchType = ""; + + for (let j = 0; j < episodeStreams.length; j++) { + // Audio streams are streamType 2, so we only care about that, we also don't care if the track is already selected + if ((episodeStreams[j].streamType == "2") && (episodeStreams[j].selected == true)) { + + } + else if (episodeStreams[j].streamType == "2") { + // If the displayTitle and title are the same, we have an instant match (also rule out any undefined matches) + if ((episodeStreams[j].title == searchTitle) && (episodeStreams[j].displayTitle == searchName) && (episodeStreams[j].title != "undefined") && (episodeStreams[j].displayTitle != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Name and Title"; + break; + } + // If the titles are the same (rule out undefined match) + else if ((episodeStreams[j].title == searchTitle) && (episodeStreams[j].title != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Title"; + break; + } + // If the names are the same (rule out undefined match) + else if ((episodeStreams[j].displayTitle == searchName) && (episodeStreams[j].displayTitle != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Name"; + break; + } + // If the languages are the same (rule out undefined match) + else if ((episodeStreams[j].language == searchLanguage) && (episodeStreams[j].language != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Language"; + break; + } + // If the language codes are the same (rule out undefined match) + else if ((episodeStreams[j].languageCode == searchCode) && (episodeStreams[j].languageCode != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Language Code"; + break; + } + } + } + + if (hasMatch) { + // There is a match, so update the audio track using the newStreamId and episodePartId + //console.log(`Episode: ${episodeData.MediaContainer.Metadata[0].title} has a match on the type: ${matchType}, and will set the new Audio Track to: ${newStreamId}`); + matchPromises.push(await $.ajax({ + "url": `${plexUrl}/library/parts/${episodePartId}?audioStreamID=${newStreamId}&allParts=1`, + "method": "POST", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => { + //console.log(`Episode: ${episodeData.MediaContainer.Metadata[0].title} updated with Audio Track: ${newStreamId} because of a match on ${matchType}`); + $('#progressModal #modalBodyText').append(`<span><strong>${episodeData.MediaContainer.Metadata[0].title}</strong> updated with Audio Track: <strong>${newStreamId}</strong> because of a match on <strong>${matchType}</strong></span><br />`); + $(row).siblings().removeClass("table-active"); + $(row).addClass("table-active"); + }, + "error": (data) => { + console.log("ERROR L406"); + console.log(data); + } + })); + } + else { + //console.log(`Episode: ${episodeData.MediaContainer.Metadata[0].title} has no match, or there is only 1 audio track`); + } + } + try { + await Promise.all(matchPromises.map(p => p.catch(e => e))); + } + catch (e) { + console.log("ERROR L419"); + console.log(e); + } + //console.log("Completed all Updates"); + $('#modalBodyText .alert').removeClass("alert-warning").addClass("alert-success"); + $("#modalBodyText #modalTitleText").text("Processing Complete!"); + $('#modalBodyText .spinner-border').css('visibility','hidden'); + } +} + +async function setSubtitleStream(partsId, streamId, row) { + let singleEpisode = $("#singleEpisode").prop("checked"); + + if (singleEpisode) { + $.ajax({ + "url": `${plexUrl}/library/parts/${partsId}?subtitleStreamID=${streamId}&allParts=1`, + "method": "POST", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => { + //console.log("success"); + $(row).siblings().removeClass("table-active").removeClass("table-success"); + $(row).addClass("table-active").addClass("success-transition"); + setTimeout(function() { + $(row).removeClass('success-transition'); + }, 100); + }, + "error": (data) => { + console.log("ERROR L449"); + console.log(data); + } + }); + } + else { + //console.log("Apply Subtitle Stream to whole series"); + // Show the modal to set progress + $('#progressModal #progressModalTitle').empty(); + $('#progressModal #progressModalTitle').text(`Processing Subtitle Changes`); + $('#progressModal #modalBodyText').empty(); + $('#progressModal #modalBodyText').append(`<div class="alert alert-warning" role="alert"> + <div class="d-flex align-items-center"> + <span id="modalTitleText">Please do not close this tab or refresh until the process is complete</span> + <div class="spinner-border text-warning ml-auto" role="status" aria-hidden="true"></div> + </div> + </div>`); + $('#progressModal').modal(); + + let matchPromises = []; // This will store the promises to change the audio for given files. It means we can run in parallel and await them all + let searchTitle = $(".title", row).text(); + let searchName = $(".name", row).text(); + let searchLanguage = $(".language", row).text(); + let searchCode = $(".code", row).text(); + + // We have the Seasons Ids stored in seasonsList, so iterate over them to get all the episodes + let episodeList = []; + for (let i = 0; i < seasonsList.length; i++) { + let seasonEpisodes = await $.ajax({ + "url": `${plexUrl}/library/metadata/${seasonsList[i]}/children`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + } + }); + for (let j = 0; j < seasonEpisodes.MediaContainer.Metadata.length; j++) { + episodeList.push(seasonEpisodes.MediaContainer.Metadata[j].ratingKey); + } + } + //console.log(episodeList); + + // We have the episodes in episodeList, now we need to go through each one and see what streams are available + for (let i = 0; i < episodeList.length; i++) { + let episodeData = await $.ajax({ + "url": `${plexUrl}/library/metadata/${episodeList[i]}`, + "method": "GET", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + } + }); + const episodePartId = episodeData.MediaContainer.Metadata[0].Media[0].Part[0].id; + const episodeStreams = episodeData.MediaContainer.Metadata[0].Media[0].Part[0].Stream; + //console.log(episodePartId); + //console.log(episodeStreams); + + // Loop through each subtitle stream and check for any matches using the searchTitle, searchName, searchLanguage, searchCode + let hasMatch = false; + let newStreamId = ""; + let matchType = ""; + + for (let j = 0; j < episodeStreams.length; j++) { + // Sudio streams are streamType 3, so we only care about that, we also don't care if the track is already selected + if ((episodeStreams[j].streamType == "3") && (episodeStreams[j].selected == true)) { + + } + else if (episodeStreams[j].streamType == "3") { + // If the displayTitle and title are the same, we have an instant match (also rule out any undefined matches) + if ((episodeStreams[j].title == searchTitle) && (episodeStreams[j].displayTitle == searchName) && (episodeStreams[j].title != "undefined") && (episodeStreams[j].displayTitle != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Name and Title"; + break; + } + // If the titles are the same (rule out undefined match) + else if ((episodeStreams[j].title == searchTitle) && (episodeStreams[j].title != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Title"; + break; + } + // If the names are the same (rule out undefined match) + else if ((episodeStreams[j].displayTitle == searchName) && (episodeStreams[j].displayTitle != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Name"; + break; + } + // If the languages are the same (rule out undefined match) + else if ((episodeStreams[j].language == searchLanguage) && (episodeStreams[j].language != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Language"; + break; + } + // If the language codes are the same (rule out undefined match) + else if ((episodeStreams[j].languageCode == searchCode) && (episodeStreams[j].languageCode != "undefined")) { + hasMatch = true; + newStreamId = episodeStreams[j].id; + matchType = "Language Code"; + break; + } + } + } + + if (hasMatch) { + // There is a match, so update the subtitle track using the newStreamId and episodePartId + //console.log(`Episode: ${episodeData.MediaContainer.Metadata[0].title} has a match on the type: ${matchType}, and will set the new Subtitle Track to: ${newStreamId}`); + matchPromises.push(await $.ajax({ + "url": `${plexUrl}/library/parts/${episodePartId}?subtitleStreamID=${newStreamId}&allParts=1`, + "method": "POST", + "headers": { + "X-Plex-Token": plexToken, + "Accept": "application/json" + }, + "success": (data) => { + //console.log(`Episode: ${episodeData.MediaContainer.Metadata[0].title} updated with Subtitle Track: ${newStreamId} because of a match on ${matchType}`); + $('#progressModal #modalBodyText').append(`<span><strong>${episodeData.MediaContainer.Metadata[0].title}</strong> updated with Subtitle Track: <strong>${newStreamId}</strong> because of a match on <strong>${matchType}</strong></span><br />`); + $(row).siblings().removeClass("table-active"); + $(row).addClass("table-active"); + }, + "error": (data) => { + console.log("ERROR L572"); + console.log(data); + } + })); + } + else { + //console.log(`Episode: ${episodeData.MediaContainer.Metadata[0].title} has no match, or there is only 1 subtitle track`); + } + } + try { + await Promise.all(matchPromises.map(p => p.catch(e => e))); + } + catch (e) { + console.log("ERROR 585"); + console.log(e); + } + //console.log("Completed all Updates"); + $('#modalBodyText .alert').removeClass("alert-warning").addClass("alert-success"); + $("#modalBodyText #modalTitleText").text("Processing Complete!"); + $('#modalBodyText .spinner-border').css('visibility','hidden'); + } +}
\ No newline at end of file |