mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-07-11 15:56:05 -07:00
b14fd36ecd
So currently if a series exists then we will correctly monitor the episodes selected. TODO: When the series doesn't exist in sonarr we need to add the series and then wait for the episode metadata to be populated. Also need to add in all of the regular checks and notification e.g. whitelist etc.
642 lines
20 KiB
JavaScript
Vendored
642 lines
20 KiB
JavaScript
Vendored
Handlebars.registerHelper('if_eq', function (a, b, opts) {
|
|
if (a == b)
|
|
return opts.fn(this);
|
|
else
|
|
return opts.inverse(this);
|
|
});
|
|
|
|
|
|
|
|
$(function () {
|
|
|
|
var searchSource = $("#search-template").html();
|
|
var seasonsSource = $("#seasons-template").html();
|
|
var musicSource = $("#music-template").html();
|
|
var seasonsNumberSource = $("#seasonNumber-template").html();
|
|
var episodeSource = $("#episode-template").html();
|
|
|
|
var searchTemplate = Handlebars.compile(searchSource);
|
|
var musicTemplate = Handlebars.compile(musicSource);
|
|
var seasonsTemplate = Handlebars.compile(seasonsSource);
|
|
var seasonsNumberTemplate = Handlebars.compile(seasonsNumberSource);
|
|
var episodesTemplate = Handlebars.compile(episodeSource);
|
|
|
|
var base = $('#baseUrl').text();
|
|
|
|
var searchTimer = 0;
|
|
|
|
// fix for selecting a default tab
|
|
var $tabs = $('#nav-tabs').children('li');
|
|
if ($tabs.filter(function (li) { return $(li).hasClass('active') }).length <= 0) {
|
|
$tabs.first().children('a:first-child').tab('show');
|
|
}
|
|
|
|
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
|
|
focusSearch($($(e.target).attr('href')));
|
|
});
|
|
focusSearch($('li.active a', '#nav-tabs').first().attr('href'));
|
|
|
|
// Get the user notification setting
|
|
var url = createBaseUrl(base, '/search/notifyuser/');
|
|
$.ajax({
|
|
type: "get",
|
|
url: url,
|
|
dataType: "json",
|
|
success: function (response) {
|
|
$('#notifyUser').prop("checked", response);
|
|
},
|
|
error: function (e) {
|
|
console.log(e);
|
|
generateNotify("Something went wrong!", "danger");
|
|
}
|
|
});
|
|
|
|
// Type in movie search
|
|
$("#movieSearchContent").on("input", function () {
|
|
if (searchTimer) {
|
|
clearTimeout(searchTimer);
|
|
}
|
|
searchTimer = setTimeout(movieSearch, 800);
|
|
|
|
});
|
|
|
|
$('#moviesComingSoon').on('click', function (e) {
|
|
e.preventDefault();
|
|
moviesComingSoon();
|
|
});
|
|
|
|
$('#moviesInTheaters').on('click', function (e) {
|
|
e.preventDefault();
|
|
moviesInTheaters();
|
|
});
|
|
|
|
// Type in TV search
|
|
$("#tvSearchContent").on("input", function () {
|
|
if (searchTimer) {
|
|
clearTimeout(searchTimer);
|
|
}
|
|
searchTimer = setTimeout(tvSearch, 400);
|
|
});
|
|
|
|
// Click TV dropdown option
|
|
$(document).on("click", ".dropdownTv", function (e) {
|
|
e.preventDefault();
|
|
var buttonId = e.target.id;
|
|
if ($("#" + buttonId).attr('disabled')) {
|
|
return;
|
|
}
|
|
|
|
$("#" + buttonId).prop("disabled", true);
|
|
loadingButton(buttonId, "primary");
|
|
|
|
|
|
var $form = $('#form' + buttonId);
|
|
var data = $form.serialize();
|
|
var seasons = $(this).attr("season-select");
|
|
if (seasons === "2") {
|
|
// Send over the latest
|
|
data = data + "&seasons=latest";
|
|
}
|
|
if (seasons === "1") {
|
|
// Send over the first season
|
|
data = data + "&seasons=first";
|
|
} if (seasons === "0") {
|
|
// Send over the first season
|
|
data = data + "&seasons=all";
|
|
}
|
|
|
|
var type = $form.prop('method');
|
|
var url = $form.prop('action');
|
|
|
|
sendRequestAjax(data, type, url, buttonId);
|
|
});
|
|
|
|
// Search Music
|
|
$("#musicSearchContent").on("input", function () {
|
|
if (searchTimer) {
|
|
clearTimeout(searchTimer);
|
|
}
|
|
searchTimer = setTimeout(musicSearch, 400);
|
|
|
|
});
|
|
|
|
// Click Request for movie
|
|
$(document).on("click", ".requestMovie", function (e) {
|
|
e.preventDefault();
|
|
var buttonId = e.target.id;
|
|
if ($("#" + buttonId).attr('disabled')) {
|
|
return;
|
|
}
|
|
|
|
$("#" + buttonId).prop("disabled", true);
|
|
loadingButton(buttonId, "primary");
|
|
|
|
|
|
var $form = $('#form' + buttonId);
|
|
|
|
var type = $form.prop('method');
|
|
var url = $form.prop('action');
|
|
var data = $form.serialize();
|
|
|
|
sendRequestAjax(data, type, url, buttonId);
|
|
|
|
});
|
|
|
|
// Click Request for album
|
|
$(document).on("click", ".requestAlbum", function (e) {
|
|
e.preventDefault();
|
|
var buttonId = e.target.id;
|
|
if ($("#" + buttonId).attr('disabled')) {
|
|
return;
|
|
}
|
|
|
|
$("#" + buttonId).prop("disabled", true);
|
|
loadingButton(buttonId, "primary");
|
|
|
|
|
|
var $form = $('#form' + buttonId);
|
|
|
|
var type = $form.prop('method');
|
|
var url = $form.prop('action');
|
|
var data = $form.serialize();
|
|
|
|
sendRequestAjax(data, type, url, buttonId);
|
|
});
|
|
|
|
// Enable/Disable user notifications
|
|
$('#saveNotificationSettings')
|
|
.click(function (e) {
|
|
e.preventDefault();
|
|
var url = createBaseUrl(base, '/search/notifyuser/');
|
|
var checked = $('#notifyUser').prop('checked');
|
|
$.ajax({
|
|
type: "post",
|
|
url: url,
|
|
data: { notify: checked },
|
|
dataType: "json",
|
|
success: function (response) {
|
|
console.log(response);
|
|
if (response.result === true) {
|
|
generateNotify(response.message || "Success!", "success");
|
|
} else {
|
|
generateNotify(response.message, "warning");
|
|
}
|
|
},
|
|
error: function (e) {
|
|
console.log(e);
|
|
generateNotify("Something went wrong!", "danger");
|
|
}
|
|
});
|
|
});
|
|
|
|
// Report Issue
|
|
$(document).on("click", ".dropdownIssue", function (e) {
|
|
var issue = $(this).attr("issue-select");
|
|
var id = e.target.id;
|
|
// Other issue so the modal is opening
|
|
if (issue == 4) {
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
|
|
var $form = $('#report' + id);
|
|
var data = $form.serialize();
|
|
data = data + "&issue=" + issue;
|
|
|
|
$.ajax({
|
|
type: $form.prop('method'),
|
|
url: $form.prop('action'),
|
|
data: data,
|
|
dataType: "json",
|
|
success: function (response) {
|
|
if (checkJsonResponse(response)) {
|
|
generateNotify("Successfully Reported Issue.", "success");
|
|
}
|
|
},
|
|
error: function (e) {
|
|
console.log(e);
|
|
generateNotify("Something went wrong!", "danger");
|
|
}
|
|
});
|
|
});
|
|
|
|
// Save Modal click
|
|
$(".theSaveButton").click(function (e) {
|
|
var comment = $("#commentArea").val();
|
|
e.preventDefault();
|
|
|
|
var $form = $("#commentForm");
|
|
var data = $form.serialize();
|
|
data = data + "&comment=" + comment;
|
|
|
|
$.ajax({
|
|
type: $form.prop("method"),
|
|
url: $form.prop("action"),
|
|
data: data,
|
|
dataType: "json",
|
|
success: function (response) {
|
|
if (checkJsonResponse(response)) {
|
|
generateNotify("Success! Added Issue.", "success");
|
|
$("#myModal").modal("hide");
|
|
}
|
|
},
|
|
error: function (e) {
|
|
console.log(e);
|
|
generateNotify("Something went wrong!", "danger");
|
|
}
|
|
});
|
|
});
|
|
|
|
// Update the modal
|
|
$('#issuesModal').on('show.bs.modal', function (event) {
|
|
var button = $(event.relatedTarget); // Button that triggered the modal
|
|
var id = button.data('identifier'); // Extract info from data-* attributes
|
|
var type = button.data('type'); // Extract info from data-* attributes
|
|
|
|
var modal = $(this);
|
|
modal.find('.theSaveButton').val(id); // Add ID to the button
|
|
|
|
|
|
$('#providerIdModal').val(id);
|
|
$('#typeModal').val(type);
|
|
});
|
|
|
|
|
|
function focusSearch($content) {
|
|
if ($content.length > 0) {
|
|
$('input[type=text].form-control', $content).first().focus();
|
|
}
|
|
}
|
|
|
|
function sendRequestAjax(data, type, url, buttonId) {
|
|
$.ajax({
|
|
type: type,
|
|
url: url,
|
|
data: data,
|
|
dataType: "json",
|
|
success: function (response) {
|
|
console.log(response);
|
|
if (response.result === true) {
|
|
generateNotify(response.message || "Success!", "success");
|
|
|
|
$('#' + buttonId).html("<i class='fa fa-check'></i> Requested");
|
|
$('#' + buttonId).removeClass("btn-primary-outline");
|
|
$('#' + buttonId).removeAttr("data-toggle");
|
|
$('#' + buttonId).addClass("btn-success-outline");
|
|
} else {
|
|
generateNotify(response.message, "warning");
|
|
$('#' + buttonId).html("<i class='fa fa-plus'></i> Request");
|
|
$('#' + buttonId).attr("data-toggle", "dropdown");
|
|
$("#" + buttonId).removeAttr("disabled");
|
|
}
|
|
},
|
|
error: function (e) {
|
|
console.log(e);
|
|
generateNotify("Something went wrong!", "danger");
|
|
}
|
|
});
|
|
}
|
|
|
|
function movieSearch() {
|
|
var query = $("#movieSearchContent").val();
|
|
var url = createBaseUrl(base, '/search/movie/');
|
|
query ? getMovies(url + query) : resetMovies();
|
|
}
|
|
|
|
function moviesComingSoon() {
|
|
var url = createBaseUrl(base, '/search/movie/upcoming');
|
|
getMovies(url);
|
|
}
|
|
|
|
function moviesInTheaters() {
|
|
var url = createBaseUrl(base, '/search/movie/playing');
|
|
getMovies(url);
|
|
}
|
|
|
|
function getMovies(url) {
|
|
resetMovies();
|
|
|
|
$('#movieSearchButton').attr("class", "fa fa-spinner fa-spin");
|
|
$.ajax(url).success(function (results) {
|
|
if (results.length > 0) {
|
|
results.forEach(function (result) {
|
|
var context = buildMovieContext(result);
|
|
|
|
var html = searchTemplate(context);
|
|
$("#movieList").append(html);
|
|
});
|
|
}
|
|
else {
|
|
$("#movieList").html(noResultsHtml);
|
|
}
|
|
$('#movieSearchButton').attr("class", "fa fa-search");
|
|
});
|
|
};
|
|
|
|
function resetMovies() {
|
|
$("#movieList").html("");
|
|
}
|
|
|
|
function tvSearch() {
|
|
var query = $("#tvSearchContent").val();
|
|
|
|
var url = createBaseUrl(base, '/search/tv/');
|
|
query ? getTvShows(url + query) : resetTvShows();
|
|
}
|
|
|
|
function getTvShows(url) {
|
|
resetTvShows();
|
|
|
|
$('#tvSearchButton').attr("class", "fa fa-spinner fa-spin");
|
|
$.ajax(url).success(function (results) {
|
|
if (results.length > 0) {
|
|
results.forEach(function (result) {
|
|
var context = buildTvShowContext(result);
|
|
var html = searchTemplate(context);
|
|
$("#tvList").append(html);
|
|
});
|
|
}
|
|
else {
|
|
$("#tvList").html(noResultsHtml);
|
|
}
|
|
$('#tvSearchButton').attr("class", "fa fa-search");
|
|
});
|
|
};
|
|
|
|
function resetTvShows() {
|
|
$("#tvList").html("");
|
|
}
|
|
|
|
function musicSearch() {
|
|
var url = createBaseUrl(base, '/search/music/');
|
|
var query = $("#musicSearchContent").val();
|
|
query ? getMusic(url + query) : resetMusic();
|
|
}
|
|
|
|
function getMusic(url) {
|
|
resetMusic();
|
|
|
|
$('#musicSearchButton').attr("class", "fa fa-spinner fa-spin");
|
|
$.ajax(url).success(function (results) {
|
|
if (results.length > 0) {
|
|
results.forEach(function (result) {
|
|
var context = buildMusicContext(result);
|
|
|
|
var html = musicTemplate(context);
|
|
$("#musicList").append(html);
|
|
getCoverArt(context.id);
|
|
});
|
|
}
|
|
else {
|
|
$("#musicList").html(noResultsMusic);
|
|
}
|
|
$('#musicSearchButton').attr("class", "fa fa-search");
|
|
});
|
|
};
|
|
|
|
function resetMusic() {
|
|
$("#musicList").html("");
|
|
}
|
|
|
|
function getCoverArt(artistId) {
|
|
|
|
var url = createBaseUrl(base, '/search/music/coverart/');
|
|
$.ajax(url + artistId).success(function (result) {
|
|
if (result) {
|
|
$('#' + artistId + "imageDiv").html(" <img class='img-responsive' src='" + result + "' width='150' alt='poster'>");
|
|
}
|
|
});
|
|
};
|
|
|
|
function buildMovieContext(result) {
|
|
var date = new Date(result.releaseDate);
|
|
var year = date.getFullYear();
|
|
var context = {
|
|
posterPath: result.posterPath,
|
|
id: result.id,
|
|
title: result.title,
|
|
overview: result.overview,
|
|
voteCount: result.voteCount,
|
|
voteAverage: result.voteAverage,
|
|
year: year,
|
|
type: "movie",
|
|
imdb: result.imdbId,
|
|
requested: result.requested,
|
|
approved: result.approved,
|
|
available: result.available
|
|
};
|
|
|
|
return context;
|
|
}
|
|
|
|
function buildTvShowContext(result) {
|
|
var date = new Date(result.firstAired);
|
|
var year = date.getFullYear();
|
|
var context = {
|
|
posterPath: result.banner,
|
|
id: result.id,
|
|
title: result.seriesName,
|
|
overview: result.overview,
|
|
year: year,
|
|
type: "tv",
|
|
imdb: result.imdbId,
|
|
requested: result.requested,
|
|
approved: result.approved,
|
|
available: result.available
|
|
};
|
|
return context;
|
|
}
|
|
|
|
function buildMusicContext(result) {
|
|
|
|
var context = {
|
|
id: result.id,
|
|
title: result.title,
|
|
overview: result.overview,
|
|
year: result.releaseDate,
|
|
type: "album",
|
|
trackCount: result.trackCount,
|
|
coverArtUrl: result.coverArtUrl,
|
|
artist: result.artist,
|
|
releaseType: result.releaseType,
|
|
country: result.country,
|
|
requested: result.requested,
|
|
approved: result.approved,
|
|
available: result.available
|
|
};
|
|
|
|
return context;
|
|
}
|
|
|
|
$('#seasonsModal').on('show.bs.modal', function (event) {
|
|
var button = $(event.relatedTarget); // Button that triggered the modal
|
|
var id = button.data('identifier'); // Extract info from data-* attributes
|
|
var url = createBaseUrl(base, '/search/seasons/');
|
|
|
|
$.ajax({
|
|
type: "get",
|
|
url: url,
|
|
data: { tvId: id },
|
|
dataType: "json",
|
|
success: function (results) {
|
|
var $content = $("#seasonsBody");
|
|
$content.html("");
|
|
$('#selectedSeasonsId').val(id);
|
|
results.forEach(function(result) {
|
|
var context = buildSeasonsContext(result);
|
|
$content.append(seasonsTemplate(context));
|
|
});
|
|
},
|
|
error: function (e) {
|
|
console.log(e);
|
|
generateNotify("Something went wrong!", "danger");
|
|
}
|
|
});
|
|
|
|
function buildSeasonsContext(result) {
|
|
var context = {
|
|
id: result
|
|
};
|
|
return context;
|
|
};
|
|
});
|
|
|
|
$('#seasonsRequest').click(function(e) {
|
|
e.preventDefault();
|
|
var tvId = $('#selectedSeasonsId').val();
|
|
var url = createBaseUrl(base, '/search/seasons/');
|
|
|
|
if ($("#" + tvId).attr('disabled')) {
|
|
return;
|
|
}
|
|
|
|
$("#" + tvId).prop("disabled", true);
|
|
loadingButton(tvId, "primary");
|
|
|
|
|
|
var $form = $('#form' + tvId);
|
|
var data = $form.serialize();
|
|
var seasonsParam = "&seasons=";
|
|
|
|
var $checkedSeasons = $('.selectedSeasons:checkbox:checked');
|
|
$checkedSeasons.each(function (index, element) {
|
|
if (index < $checkedSeasons.length -1) {
|
|
seasonsParam = seasonsParam + element.id + ",";
|
|
} else {
|
|
seasonsParam = seasonsParam + element.id;
|
|
}
|
|
});
|
|
|
|
|
|
data = data + seasonsParam;
|
|
|
|
var type = $form.prop('method');
|
|
var url = $form.prop('action');
|
|
|
|
sendRequestAjax(data, type, url, tvId);
|
|
|
|
});
|
|
|
|
$('#episodesModal').on('show.bs.modal', function (event) {
|
|
finishLoading("episodesRequest", "primary");
|
|
var button = $(event.relatedTarget); // Button that triggered the modal
|
|
var id = button.data('identifier'); // Extract info from data-* attributes
|
|
var url = createBaseUrl(base, '/search/episodes/');
|
|
var seenSeasons = [];
|
|
$.ajax({
|
|
type: "get",
|
|
url: url,
|
|
data: { tvId: id },
|
|
dataType: "json",
|
|
success: function (results) {
|
|
var $content = $("#episodesBody");
|
|
$content.html("");
|
|
$('#selectedEpisodeId').val(id);
|
|
results.forEach(function (result) {
|
|
var episodes = buildEpisodesView(result);
|
|
|
|
if (!seenSeasons.find(x => x === episodes.season)) {
|
|
// Create the seasons heading
|
|
seenSeasons.push(episodes.season);
|
|
var context = buildSeasonsCount(result);
|
|
$content.append(seasonsNumberTemplate(context));
|
|
}
|
|
var episodesResult = episodesTemplate(episodes);
|
|
$content.append(episodesResult);
|
|
});
|
|
},
|
|
error: function (e) {
|
|
console.log(e);
|
|
generateNotify("Something went wrong!", "danger");
|
|
}
|
|
});
|
|
|
|
// Save Modal click
|
|
$("#episodesRequest").click(function (e) {
|
|
e.preventDefault();
|
|
|
|
var tvId = $('#selectedEpisodeId').val();
|
|
|
|
$("#episodesRequest").prop("disabled", true);
|
|
loadingButton("episodesRequest", "primary");
|
|
|
|
|
|
var $form = $('#form' + tvId);
|
|
|
|
var model = [];
|
|
|
|
|
|
|
|
var $checkedEpisodes = $('.selectedEpisodes:checkbox:checked');
|
|
$checkedEpisodes.each(function (index, element) {
|
|
var $element = $('#' + element.id);
|
|
var tempObj = {};
|
|
tempObj.episodeNumber = $element.attr("epNumber");
|
|
tempObj.seasonNumber = $element.attr("epSeason");
|
|
model.push(tempObj);
|
|
});
|
|
|
|
var finalObj = {
|
|
ShowId: tvId,
|
|
Episodes: model
|
|
}
|
|
|
|
var url = createBaseUrl(mainBaseUrl, "search/request/tvEpisodes");
|
|
var type = $form.prop('method');
|
|
|
|
sendRequestAjax(JSON.stringify(finalObj), type, url, tvId);
|
|
});
|
|
|
|
function buildSeasonsContext(result) {
|
|
var context = {
|
|
id: result
|
|
};
|
|
return context;
|
|
};
|
|
|
|
function buildSeasonsCount(result) {
|
|
return {
|
|
seasonNumber: result.season
|
|
}
|
|
}
|
|
|
|
|
|
function buildEpisodesView(result) {
|
|
return {
|
|
id: result.id,
|
|
url: result.url,
|
|
name: result.name,
|
|
season: result.season,
|
|
number: result.number,
|
|
airdate: result.airdate,
|
|
airtime: result.airtime,
|
|
airstamp: result.airstamp,
|
|
runtime: result.runtime,
|
|
image: result.image,
|
|
summary: result.summary,
|
|
links : result._links
|
|
}
|
|
}
|
|
});
|
|
|
|
});
|