', html += '
', html += jobItem.ItemName, html += "
", "Failed" === jobItem.Status ? html += '
' : html += '
', html += globalize.translate("sharedcomponents#SyncJobItemStatus" + jobItem.Status), "Synced" === jobItem.Status && jobItem.IsMarkedForRemoval && (html += "
", html += globalize.translate("sharedcomponents#RemovingFromDevice")), html += "
", html += '
", html += "
";
return layoutManager.tv || ("retry" === nextAction ? html += '' : "cancel" === nextAction ? html += '' : "remove" === nextAction && (html += '')), html += ""
}
function renderJobItems(context, items, apiClient) {
var html = "";
html += "
" + globalize.translate("sharedcomponents#Items") + "
", html += '
';
var index = 0;
html += items.map(function(i) {
return getJobItemHtml(i, apiClient, index++)
}).join(""), html += "
";
var elem = context.querySelector(".jobItems");
elem.innerHTML = html, imageLoader.lazyChildren(elem)
}
function parentWithClass(elem, className) {
for (; !elem.classList || !elem.classList.contains(className);)
if (!(elem = elem.parentNode)) return null;
return elem
}
function showJobItemMenu(elem, jobId, apiClient) {
var action = elem.getAttribute("data-action"),
context = parentWithClass(elem, "formDialog"),
listItem = parentWithClass(elem, "listItem"),
jobItemId = listItem.getAttribute("data-itemid");
"retry" === action ? retryJobItem(context, jobId, jobItemId, apiClient) : "cancel" !== action && "remove" !== action || cancelJobItem(context, jobId, jobItemId, apiClient)
}
function cancelJobItem(context, jobId, jobItemId, apiClient) {
showRemoveConfirm(function() {
loading.show(), apiClient.ajax({
type: "DELETE",
url: apiClient.getUrl("Sync/JobItems/" + jobItemId)
}).then(function() {
appHost.supports("sync") && syncNow(), loadJob(context, jobId, apiClient)
})
})
}
function retryJobItem(context, jobId, jobItemId, apiClient) {
showRetryConfirm(function() {
apiClient.ajax({
type: "POST",
url: apiClient.getUrl("Sync/JobItems/" + jobItemId + "/Enable")
}).then(function() {
appHost.supports("sync") && syncNow(), loadJob(context, jobId, apiClient)
})
})
}
function showRetryConfirm(callback) {
require(["confirm"], function(confirm) {
confirm({
text: globalize.translate("sharedcomponents#ConfirmRemoveDownload"),
confirmText: globalize.translate("sharedcomponents#RemoveDownload"),
cancelText: globalize.translate("sharedcomponents#KeepDownload"),
primary: "cancel"
}).then(callback)
})
}
function showRemoveConfirm(callback) {
require(["confirm"], function(confirm) {
confirm({
text: globalize.translate("sharedcomponents#ConfirmRemoveDownload"),
confirmText: globalize.translate("sharedcomponents#RemoveDownload"),
cancelText: globalize.translate("sharedcomponents#KeepDownload"),
primary: "cancel"
}).then(callback)
})
}
function fillJobValues(context, job, editOptions) {
var selectProfile = context.querySelector("#selectProfile");
selectProfile && (selectProfile.value = job.Profile || "");
var selectQuality = context.querySelector("#selectQuality");
selectQuality && (selectQuality.value = job.Quality || "");
var chkUnwatchedOnly = context.querySelector("#chkUnwatchedOnly");
chkUnwatchedOnly && (chkUnwatchedOnly.checked = job.UnwatchedOnly);
var chkSyncNewContent = context.querySelector("#chkSyncNewContent");
chkSyncNewContent && (chkSyncNewContent.checked = job.SyncNewContent);
var txtItemLimit = context.querySelector("#txtItemLimit");
txtItemLimit && (txtItemLimit.value = job.ItemLimit);
var txtBitrate = context.querySelector("#txtBitrate");
job.Bitrate ? txtBitrate.value = job.Bitrate / 1e6 : txtBitrate.value = "";
var target = editOptions.Targets.filter(function(t) {
return t.Id === job.TargetId
})[0],
targetName = target ? target.Name : "",
selectSyncTarget = context.querySelector("#selectSyncTarget");
selectSyncTarget && (selectSyncTarget.value = targetName)
}
function loadJob(context, id, apiClient) {
loading.show(), apiClient.getJSON(apiClient.getUrl("Sync/Jobs/" + id)).then(function(job) {
apiClient.getJSON(apiClient.getUrl("Sync/Options", {
UserId: job.UserId,
ItemIds: job.RequestedItemIds && job.RequestedItemIds.length ? job.RequestedItemIds.join("") : null,
ParentId: job.ParentId,
Category: job.Category,
TargetId: job.TargetId
})).then(function(options) {
_jobOptions = options, renderJob(context, job, options), loading.hide()
})
}), apiClient.getJSON(apiClient.getUrl("Sync/JobItems", {
JobId: id,
AddMetadata: !0
})).then(function(result) {
renderJobItems(context, result.Items, apiClient), loading.hide()
})
}
function loadJobInfo(context, job, jobItems, apiClient) {
renderJobItems(context, jobItems, apiClient), loading.hide()
}
function saveJob(context, id, apiClient) {
loading.show(), apiClient.getJSON(apiClient.getUrl("Sync/Jobs/" + id)).then(function(job) {
require(["syncDialog"], function(syncDialog) {
syncDialog.setJobValues(job, context), apiClient.ajax({
url: apiClient.getUrl("Sync/Jobs/" + id),
type: "POST",
data: JSON.stringify(job),
contentType: "application/json"
}).then(function() {
appHost.supports("sync") && syncNow(), loading.hide(), dialogHelper.close(context)
})
})
})
}
function startListening(apiClient, jobId) {
var startParams = "0,1500";
startParams += "," + jobId, apiClient.sendMessage("SyncJobStart", startParams)
}
function stopListening(apiClient) {
apiClient.sendMessage("SyncJobStop", "")
}
function bindEvents(context, jobId, apiClient) {
context.querySelector(".jobItems").addEventListener("click", function(e) {
var btnJobItemMenu = dom.parentWithClass(e.target, "btnJobItemMenu");
btnJobItemMenu && showJobItemMenu(btnJobItemMenu, jobId, apiClient)
})
}
function showEditor(options) {
function onSyncJobMessage(e, apiClient, msg) {
loadJobInfo(dlg, msg.Job, msg.JobItems, apiClient)
}
var apiClient = connectionManager.getApiClient(options.serverId),
id = options.jobId,
dlgElementOptions = {
removeOnClose: !0,
scrollY: !1,
autoFocus: !1
};
layoutManager.tv ? dlgElementOptions.size = "fullscreen" : dlgElementOptions.size = "medium";
var dlg = dialogHelper.createDialog(dlgElementOptions);
dlg.classList.add("formDialog");
var html = "";
html += '", html += '
", dlg.innerHTML = html;
dlg.querySelector("form").addEventListener("submit", function(e) {
return saveJob(dlg, id, apiClient), e.preventDefault(), !1
}), dlg.querySelector(".btnCancel").addEventListener("click", function() {
dialogHelper.close(dlg)
}), layoutManager.tv && scrollHelper.centerFocus.on(dlg.querySelector(".formDialogContent"), !1), loadJob(dlg, id, apiClient), bindEvents(dlg, id, apiClient);
var promise = dialogHelper.open(dlg);
return startListening(apiClient, id), events.on(serverNotifications, "SyncJob", onSyncJobMessage), promise.then(function() {
return stopListening(apiClient), events.off(serverNotifications, "SyncJob", onSyncJobMessage), layoutManager.tv && scrollHelper.centerFocus.off(dlg.querySelector(".formDialogContent"), !1), Promise.reject()
})
}
var _jobOptions;
return {
show: showEditor
}
});