2018-10-23 01:05:09 +03:00
|
|
|
define(["jQuery", "loading", "fnchecked", "emby-select", "emby-button", "emby-input", "emby-checkbox", "listViewStyle", "emby-linkbutton"], function($, loading) {
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
function loadProfile(page) {
|
|
|
|
|
loading.show();
|
|
|
|
|
var promise1 = getProfile(),
|
|
|
|
|
promise2 = ApiClient.getUsers();
|
|
|
|
|
Promise.all([promise1, promise2]).then(function(responses) {
|
|
|
|
|
currentProfile = responses[0], renderProfile(page, currentProfile, responses[1]), loading.hide()
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function getProfile() {
|
|
|
|
|
var id = getParameterByName("id"),
|
|
|
|
|
url = id ? "Dlna/Profiles/" + id : "Dlna/Profiles/Default";
|
|
|
|
|
return ApiClient.getJSON(ApiClient.getUrl(url))
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderProfile(page, profile, users) {
|
|
|
|
|
$("#txtName", page).val(profile.Name), $(".chkMediaType", page).each(function() {
|
|
|
|
|
this.checked = -1 != (profile.SupportedMediaTypes || "").split(",").indexOf(this.getAttribute("data-value"))
|
|
|
|
|
}), $("#chkEnableAlbumArtInDidl", page).checked(profile.EnableAlbumArtInDidl), $("#chkEnableSingleImageLimit", page).checked(profile.EnableSingleAlbumArtLimit), renderXmlDocumentAttributes(page, profile.XmlRootAttributes || []);
|
|
|
|
|
var idInfo = profile.Identification || {};
|
|
|
|
|
renderIdentificationHeaders(page, idInfo.Headers || []), renderSubtitleProfiles(page, profile.SubtitleProfiles || []), $("#txtInfoFriendlyName", page).val(profile.FriendlyName || ""), $("#txtInfoModelName", page).val(profile.ModelName || ""), $("#txtInfoModelNumber", page).val(profile.ModelNumber || ""), $("#txtInfoModelDescription", page).val(profile.ModelDescription || ""), $("#txtInfoModelUrl", page).val(profile.ModelUrl || ""), $("#txtInfoManufacturer", page).val(profile.Manufacturer || ""), $("#txtInfoManufacturerUrl", page).val(profile.ManufacturerUrl || ""), $("#txtInfoSerialNumber", page).val(profile.SerialNumber || ""), $("#txtIdFriendlyName", page).val(idInfo.FriendlyName || ""), $("#txtIdModelName", page).val(idInfo.ModelName || ""), $("#txtIdModelNumber", page).val(idInfo.ModelNumber || ""), $("#txtIdModelDescription", page).val(idInfo.ModelDescription || ""), $("#txtIdModelUrl", page).val(idInfo.ModelUrl || ""), $("#txtIdManufacturer", page).val(idInfo.Manufacturer || ""), $("#txtIdManufacturerUrl", page).val(idInfo.ManufacturerUrl || ""), $("#txtIdSerialNumber", page).val(idInfo.SerialNumber || ""), $("#txtIdDeviceDescription", page).val(idInfo.DeviceDescription || ""), $("#txtAlbumArtPn", page).val(profile.AlbumArtPn || ""), $("#txtAlbumArtMaxWidth", page).val(profile.MaxAlbumArtWidth || ""), $("#txtAlbumArtMaxHeight", page).val(profile.MaxAlbumArtHeight || ""), $("#txtIconMaxWidth", page).val(profile.MaxIconWidth || ""), $("#txtIconMaxHeight", page).val(profile.MaxIconHeight || ""), $("#chkIgnoreTranscodeByteRangeRequests", page).checked(profile.IgnoreTranscodeByteRangeRequests), $("#txtMaxAllowedBitrate", page).val(profile.MaxStreamingBitrate || ""), $("#txtMusicStreamingTranscodingBitrate", page).val(profile.MusicStreamingTranscodingBitrate || ""), $("#chkRequiresPlainFolders", page).checked(profile.RequiresPlainFolders), $("#chkRequiresPlainVideoItems", page).checked(profile.RequiresPlainVideoItems), $("#txtProtocolInfo", page).val(profile.ProtocolInfo || ""), $("#txtXDlnaCap", page).val(profile.XDlnaCap || ""), $("#txtXDlnaDoc", page).val(profile.XDlnaDoc || ""), $("#txtSonyAggregationFlags", page).val(profile.SonyAggregationFlags || ""), profile.DirectPlayProfiles = profile.DirectPlayProfiles || [], profile.TranscodingProfiles = profile.TranscodingProfiles || [], profile.ContainerProfiles = profile.ContainerProfiles || [], profile.CodecProfiles = profile.CodecProfiles || [], profile.ResponseProfiles = profile.ResponseProfiles || [];
|
|
|
|
|
var usersHtml = "<option></option>" + users.map(function(u) {
|
|
|
|
|
return '<option value="' + u.Id + '">' + u.Name + "</option>"
|
|
|
|
|
}).join("");
|
|
|
|
|
$("#selectUser", page).html(usersHtml).val(profile.UserId || ""), renderSubProfiles(page, profile)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderIdentificationHeaders(page, headers) {
|
|
|
|
|
var index = 0,
|
|
|
|
|
html = '<div class="paperList">' + headers.map(function(h) {
|
|
|
|
|
var li = '<div class="listItem">';
|
|
|
|
|
return li += '<i class="md-icon listItemIcon">info</i>', li += '<div class="listItemBody">', li += '<h3 class="listItemBodyText">' + h.Name + ": " + (h.Value || "") + "</h3>", li += '<div class="listItemBodyText secondary">' + (h.Match || "") + "</div>", li += "</div>", li += '<button type="button" is="paper-icon-button-light" class="btnDeleteIdentificationHeader listItemButton" data-index="' + index + '"><i class="md-icon">delete</i></button>', li += "</div>", index++, li
|
|
|
|
|
}).join("") + "</div>",
|
|
|
|
|
elem = $(".httpHeaderIdentificationList", page).html(html).trigger("create");
|
|
|
|
|
$(".btnDeleteIdentificationHeader", elem).on("click", function() {
|
|
|
|
|
var itemIndex = parseInt(this.getAttribute("data-index"));
|
|
|
|
|
currentProfile.Identification.Headers.splice(itemIndex, 1), renderIdentificationHeaders(page, currentProfile.Identification.Headers)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function openPopup(elem) {
|
|
|
|
|
elem.classList.remove("hide")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function closePopup(elem) {
|
|
|
|
|
elem.classList.add("hide")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function editIdentificationHeader(page, header) {
|
|
|
|
|
isSubProfileNew = null == header, header = header || {}, currentSubProfile = header;
|
|
|
|
|
var popup = $("#identificationHeaderPopup", page);
|
|
|
|
|
$("#txtIdentificationHeaderName", popup).val(header.Name || ""), $("#txtIdentificationHeaderValue", popup).val(header.Value || ""), $("#selectMatchType", popup).val(header.Match || "Equals"), openPopup(popup[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveIdentificationHeader(page) {
|
|
|
|
|
currentSubProfile.Name = $("#txtIdentificationHeaderName", page).val(), currentSubProfile.Value = $("#txtIdentificationHeaderValue", page).val(), currentSubProfile.Match = $("#selectMatchType", page).val(), isSubProfileNew && (currentProfile.Identification = currentProfile.Identification || {}, currentProfile.Identification.Headers = currentProfile.Identification.Headers || [], currentProfile.Identification.Headers.push(currentSubProfile)), renderIdentificationHeaders(page, currentProfile.Identification.Headers), currentSubProfile = null, closePopup($("#identificationHeaderPopup", page)[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderXmlDocumentAttributes(page, attribute) {
|
|
|
|
|
var html = '<div class="paperList">' + attribute.map(function(h) {
|
|
|
|
|
var li = '<div class="listItem">';
|
|
|
|
|
return li += '<i class="md-icon listItemIcon">info</i>', li += '<div class="listItemBody">', li += '<h3 class="listItemBodyText">' + h.Name + " = " + (h.Value || "") + "</h3>", li += "</div>", li += '<button type="button" is="paper-icon-button-light" class="btnDeleteXmlAttribute listItemButton" data-index="0"><i class="md-icon">delete</i></button>', li += "</div>"
|
|
|
|
|
}).join("") + "</div>",
|
|
|
|
|
elem = $(".xmlDocumentAttributeList", page).html(html).trigger("create");
|
|
|
|
|
$(".btnDeleteXmlAttribute", elem).on("click", function() {
|
|
|
|
|
var itemIndex = parseInt(this.getAttribute("data-index"));
|
|
|
|
|
currentProfile.XmlRootAttributes.splice(itemIndex, 1), renderXmlDocumentAttributes(page, currentProfile.XmlRootAttributes)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function editXmlDocumentAttribute(page, attribute) {
|
|
|
|
|
isSubProfileNew = null == attribute, attribute = attribute || {}, currentSubProfile = attribute;
|
|
|
|
|
var popup = $("#xmlAttributePopup", page);
|
|
|
|
|
$("#txtXmlAttributeName", popup).val(attribute.Name || ""), $("#txtXmlAttributeValue", popup).val(attribute.Value || ""), openPopup(popup[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveXmlDocumentAttribute(page) {
|
|
|
|
|
currentSubProfile.Name = $("#txtXmlAttributeName", page).val(), currentSubProfile.Value = $("#txtXmlAttributeValue", page).val(), isSubProfileNew && currentProfile.XmlRootAttributes.push(currentSubProfile), renderXmlDocumentAttributes(page, currentProfile.XmlRootAttributes), currentSubProfile = null, closePopup($("#xmlAttributePopup", page)[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderSubtitleProfiles(page, profiles) {
|
|
|
|
|
var index = 0,
|
|
|
|
|
html = '<div class="paperList">' + profiles.map(function(h) {
|
|
|
|
|
var li = '<div class="listItem lnkEditSubProfile" data-index="' + index + '">';
|
|
|
|
|
return li += '<i class="md-icon listItemIcon">info</i>', li += '<div class="listItemBody">', li += '<h3 class="listItemBodyText">' + (h.Format || "") + "</h3>", li += "</div>", li += '<button type="button" is="paper-icon-button-light" class="btnDeleteProfile listItemButton" data-index="' + index + '"><i class="md-icon">delete</i></button>', li += "</div>", index++, li
|
|
|
|
|
}).join("") + "</div>",
|
|
|
|
|
elem = $(".subtitleProfileList", page).html(html).trigger("create");
|
|
|
|
|
$(".btnDeleteProfile", elem).on("click", function() {
|
|
|
|
|
var itemIndex = parseInt(this.getAttribute("data-index"));
|
|
|
|
|
currentProfile.SubtitleProfiles.splice(itemIndex, 1), renderSubtitleProfiles(page, currentProfile.SubtitleProfiles)
|
|
|
|
|
}), $(".lnkEditSubProfile", elem).on("click", function() {
|
|
|
|
|
var itemIndex = parseInt(this.getAttribute("data-index"));
|
|
|
|
|
editSubtitleProfile(page, currentProfile.SubtitleProfiles[itemIndex])
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function editSubtitleProfile(page, profile) {
|
|
|
|
|
isSubProfileNew = null == profile, profile = profile || {}, currentSubProfile = profile;
|
|
|
|
|
var popup = $("#subtitleProfilePopup", page);
|
|
|
|
|
$("#txtSubtitleProfileFormat", popup).val(profile.Format || ""), $("#selectSubtitleProfileMethod", popup).val(profile.Method || ""), $("#selectSubtitleProfileDidlMode", popup).val(profile.DidlMode || ""), openPopup(popup[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveSubtitleProfile(page) {
|
|
|
|
|
currentSubProfile.Format = $("#txtSubtitleProfileFormat", page).val(), currentSubProfile.Method = $("#selectSubtitleProfileMethod", page).val(), currentSubProfile.DidlMode = $("#selectSubtitleProfileDidlMode", page).val(), isSubProfileNew && currentProfile.SubtitleProfiles.push(currentSubProfile), renderSubtitleProfiles(page, currentProfile.SubtitleProfiles), currentSubProfile = null, closePopup($("#subtitleProfilePopup", page)[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderSubProfiles(page, profile) {
|
|
|
|
|
renderDirectPlayProfiles(page, profile.DirectPlayProfiles), renderTranscodingProfiles(page, profile.TranscodingProfiles), renderContainerProfiles(page, profile.ContainerProfiles), renderCodecProfiles(page, profile.CodecProfiles), renderResponseProfiles(page, profile.ResponseProfiles)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveDirectPlayProfile(page) {
|
|
|
|
|
currentSubProfile.Type = $("#selectDirectPlayProfileType", page).val(), currentSubProfile.Container = $("#txtDirectPlayContainer", page).val(), currentSubProfile.AudioCodec = $("#txtDirectPlayAudioCodec", page).val(), currentSubProfile.VideoCodec = $("#txtDirectPlayVideoCodec", page).val(), isSubProfileNew && currentProfile.DirectPlayProfiles.push(currentSubProfile), renderSubProfiles(page, currentProfile), currentSubProfile = null, closePopup($("#popupEditDirectPlayProfile", page)[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderDirectPlayProfiles(page, profiles) {
|
|
|
|
|
var html = "";
|
|
|
|
|
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
|
|
|
|
for (var currentType, i = 0, length = profiles.length; i < length; i++) {
|
|
|
|
|
var profile = profiles[i];
|
|
|
|
|
profile.Type !== currentType && (html += '<li data-role="list-divider">' + profile.Type + "</li>", currentType = profile.Type), html += "<li>", html += '<a data-profileindex="' + i + '" class="lnkEditSubProfile" is="emby-linkbutton" href="#">', html += "<p>" + Globalize.translate("ValueContainer").replace("{0}", profile.Container || allText) + "</p>", "Video" == profile.Type ? (html += "<p>" + Globalize.translate("ValueVideoCodec").replace("{0}", profile.VideoCodec || allText) + "</p>", html += "<p>" + Globalize.translate("ValueAudioCodec").replace("{0}", profile.AudioCodec || allText) + "</p>") : "Audio" == profile.Type && (html += "<p>" + Globalize.translate("ValueCodec").replace("{0}", profile.AudioCodec || allText) + "</p>"), html += "</a>", html += '<a is="emby-linkbutton" href="#" data-icon="delete" class="btnDeleteProfile" data-profileindex="' + i + '">Delete</a>', html += "</li>"
|
|
|
|
|
}
|
|
|
|
|
html += "</ul>";
|
|
|
|
|
var elem = $(".directPlayProfiles", page).html(html).trigger("create");
|
|
|
|
|
$(".btnDeleteProfile", elem).on("click", function() {
|
|
|
|
|
var index = this.getAttribute("data-profileindex");
|
|
|
|
|
deleteDirectPlayProfile(page, index)
|
|
|
|
|
}), $(".lnkEditSubProfile", elem).on("click", function() {
|
|
|
|
|
var index = parseInt(this.getAttribute("data-profileindex"));
|
|
|
|
|
editDirectPlayProfile(page, currentProfile.DirectPlayProfiles[index])
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function deleteDirectPlayProfile(page, index) {
|
|
|
|
|
currentProfile.DirectPlayProfiles.splice(index, 1), renderDirectPlayProfiles(page, currentProfile.DirectPlayProfiles)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function editDirectPlayProfile(page, directPlayProfile) {
|
|
|
|
|
isSubProfileNew = null == directPlayProfile, directPlayProfile = directPlayProfile || {}, currentSubProfile = directPlayProfile;
|
|
|
|
|
var popup = $("#popupEditDirectPlayProfile", page);
|
|
|
|
|
$("#selectDirectPlayProfileType", popup).val(directPlayProfile.Type || "Video").trigger("change"), $("#txtDirectPlayContainer", popup).val(directPlayProfile.Container || ""), $("#txtDirectPlayAudioCodec", popup).val(directPlayProfile.AudioCodec || ""), $("#txtDirectPlayVideoCodec", popup).val(directPlayProfile.VideoCodec || ""), openPopup(popup[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderTranscodingProfiles(page, profiles) {
|
|
|
|
|
var html = "";
|
|
|
|
|
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
|
|
|
|
for (var currentType, i = 0, length = profiles.length; i < length; i++) {
|
|
|
|
|
var profile = profiles[i];
|
|
|
|
|
profile.Type !== currentType && (html += '<li data-role="list-divider">' + profile.Type + "</li>", currentType = profile.Type), html += "<li>", html += '<a data-profileindex="' + i + '" class="lnkEditSubProfile" is="emby-linkbutton" href="#">', html += "<p>Protocol: " + (profile.Protocol || "Http") + "</p>", html += "<p>" + Globalize.translate("ValueContainer").replace("{0}", profile.Container || allText) + "</p>", "Video" == profile.Type ? (html += "<p>" + Globalize.translate("ValueVideoCodec").replace("{0}", profile.VideoCodec || allText) + "</p>", html += "<p>" + Globalize.translate("ValueAudioCodec").replace("{0}", profile.AudioCodec || allText) + "</p>") : "Audio" == profile.Type && (html += "<p>" + Globalize.translate("ValueCodec").replace("{0}", profile.AudioCodec || allText) + "</p>"), html += "</a>", html += '<a is="emby-linkbutton" href="#" data-icon="delete" class="btnDeleteProfile" data-profileindex="' + i + '">Delete</a>', html += "</li>"
|
|
|
|
|
}
|
|
|
|
|
html += "</ul>";
|
|
|
|
|
var elem = $(".transcodingProfiles", page).html(html).trigger("create");
|
|
|
|
|
$(".btnDeleteProfile", elem).on("click", function() {
|
|
|
|
|
var index = this.getAttribute("data-profileindex");
|
|
|
|
|
deleteTranscodingProfile(page, index)
|
|
|
|
|
}), $(".lnkEditSubProfile", elem).on("click", function() {
|
|
|
|
|
var index = parseInt(this.getAttribute("data-profileindex"));
|
|
|
|
|
editTranscodingProfile(page, currentProfile.TranscodingProfiles[index])
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function editTranscodingProfile(page, transcodingProfile) {
|
|
|
|
|
isSubProfileNew = null == transcodingProfile, transcodingProfile = transcodingProfile || {}, currentSubProfile = transcodingProfile;
|
|
|
|
|
var popup = $("#transcodingProfilePopup", page);
|
|
|
|
|
$("#selectTranscodingProfileType", popup).val(transcodingProfile.Type || "Video").trigger("change"), $("#txtTranscodingContainer", popup).val(transcodingProfile.Container || ""), $("#txtTranscodingAudioCodec", popup).val(transcodingProfile.AudioCodec || ""), $("#txtTranscodingVideoCodec", popup).val(transcodingProfile.VideoCodec || ""), $("#selectTranscodingProtocol", popup).val(transcodingProfile.Protocol || "Http"), $("#chkEnableMpegtsM2TsMode", popup).checked(transcodingProfile.EnableMpegtsM2TsMode || !1), $("#chkEstimateContentLength", popup).checked(transcodingProfile.EstimateContentLength || !1), $("#chkReportByteRangeRequests", popup).checked("Bytes" == transcodingProfile.TranscodeSeekInfo), $(".radioTabButton:first", popup).trigger("click"), openPopup(popup[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function deleteTranscodingProfile(page, index) {
|
|
|
|
|
currentProfile.TranscodingProfiles.splice(index, 1), renderTranscodingProfiles(page, currentProfile.TranscodingProfiles)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveTranscodingProfile(page) {
|
|
|
|
|
currentSubProfile.Type = $("#selectTranscodingProfileType", page).val(), currentSubProfile.Container = $("#txtTranscodingContainer", page).val(), currentSubProfile.AudioCodec = $("#txtTranscodingAudioCodec", page).val(), currentSubProfile.VideoCodec = $("#txtTranscodingVideoCodec", page).val(), currentSubProfile.Protocol = $("#selectTranscodingProtocol", page).val(), currentSubProfile.Context = "Streaming", currentSubProfile.EnableMpegtsM2TsMode = $("#chkEnableMpegtsM2TsMode", page).checked(), currentSubProfile.EstimateContentLength = $("#chkEstimateContentLength", page).checked(), currentSubProfile.TranscodeSeekInfo = $("#chkReportByteRangeRequests", page).checked() ? "Bytes" : "Auto", isSubProfileNew && currentProfile.TranscodingProfiles.push(currentSubProfile), renderSubProfiles(page, currentProfile), currentSubProfile = null, closePopup($("#transcodingProfilePopup", page)[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderContainerProfiles(page, profiles) {
|
|
|
|
|
var html = "";
|
|
|
|
|
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
|
|
|
|
for (var currentType, i = 0, length = profiles.length; i < length; i++) {
|
|
|
|
|
var profile = profiles[i];
|
|
|
|
|
profile.Type !== currentType && (html += '<li data-role="list-divider">' + profile.Type + "</li>", currentType = profile.Type), html += "<li>", html += '<a data-profileindex="' + i + '" class="lnkEditSubProfile" is="emby-linkbutton" href="#">', html += "<p>" + Globalize.translate("ValueContainer").replace("{0}", profile.Container || allText) + "</p>", profile.Conditions && profile.Conditions.length && (html += "<p>", html += Globalize.translate("ValueConditions").replace("{0}", profile.Conditions.map(function(c) {
|
|
|
|
|
return c.Property
|
|
|
|
|
}).join(", ")), html += "</p>"), html += "</a>", html += '<a is="emby-linkbutton" href="#" data-icon="delete" class="btnDeleteProfile" data-profileindex="' + i + '">Delete</a>', html += "</li>"
|
|
|
|
|
}
|
|
|
|
|
html += "</ul>";
|
|
|
|
|
var elem = $(".containerProfiles", page).html(html).trigger("create");
|
|
|
|
|
$(".btnDeleteProfile", elem).on("click", function() {
|
|
|
|
|
var index = this.getAttribute("data-profileindex");
|
|
|
|
|
deleteContainerProfile(page, index)
|
|
|
|
|
}), $(".lnkEditSubProfile", elem).on("click", function() {
|
|
|
|
|
var index = parseInt(this.getAttribute("data-profileindex"));
|
|
|
|
|
editContainerProfile(page, currentProfile.ContainerProfiles[index])
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function deleteContainerProfile(page, index) {
|
|
|
|
|
currentProfile.ContainerProfiles.splice(index, 1), renderContainerProfiles(page, currentProfile.ContainerProfiles)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function editContainerProfile(page, containerProfile) {
|
|
|
|
|
isSubProfileNew = null == containerProfile, containerProfile = containerProfile || {}, currentSubProfile = containerProfile;
|
|
|
|
|
var popup = $("#containerProfilePopup", page);
|
|
|
|
|
$("#selectContainerProfileType", popup).val(containerProfile.Type || "Video").trigger("change"), $("#txtContainerProfileContainer", popup).val(containerProfile.Container || ""), $(".radioTabButton:first", popup).trigger("click"), openPopup(popup[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveContainerProfile(page) {
|
|
|
|
|
currentSubProfile.Type = $("#selectContainerProfileType", page).val(), currentSubProfile.Container = $("#txtContainerProfileContainer", page).val(), isSubProfileNew && currentProfile.ContainerProfiles.push(currentSubProfile), renderSubProfiles(page, currentProfile), currentSubProfile = null, closePopup($("#containerProfilePopup", page)[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderCodecProfiles(page, profiles) {
|
|
|
|
|
var html = "";
|
|
|
|
|
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
|
|
|
|
for (var currentType, i = 0, length = profiles.length; i < length; i++) {
|
|
|
|
|
var profile = profiles[i],
|
|
|
|
|
type = profile.Type.replace("VideoAudio", "Video Audio");
|
|
|
|
|
type !== currentType && (html += '<li data-role="list-divider">' + type + "</li>", currentType = type), html += "<li>", html += '<a data-profileindex="' + i + '" class="lnkEditSubProfile" is="emby-linkbutton" href="#">', html += "<p>" + Globalize.translate("ValueCodec").replace("{0}", profile.Codec || allText) + "</p>", profile.Conditions && profile.Conditions.length && (html += "<p>", html += Globalize.translate("ValueConditions").replace("{0}", profile.Conditions.map(function(c) {
|
|
|
|
|
return c.Property
|
|
|
|
|
}).join(", ")), html += "</p>"), html += "</a>", html += '<a is="emby-linkbutton" href="#" data-icon="delete" class="btnDeleteProfile" data-profileindex="' + i + '">Delete</a>', html += "</li>"
|
|
|
|
|
}
|
|
|
|
|
html += "</ul>";
|
|
|
|
|
var elem = $(".codecProfiles", page).html(html).trigger("create");
|
|
|
|
|
$(".btnDeleteProfile", elem).on("click", function() {
|
|
|
|
|
var index = this.getAttribute("data-profileindex");
|
|
|
|
|
deleteCodecProfile(page, index)
|
|
|
|
|
}), $(".lnkEditSubProfile", elem).on("click", function() {
|
|
|
|
|
var index = parseInt(this.getAttribute("data-profileindex"));
|
|
|
|
|
editCodecProfile(page, currentProfile.CodecProfiles[index])
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function deleteCodecProfile(page, index) {
|
|
|
|
|
currentProfile.CodecProfiles.splice(index, 1), renderCodecProfiles(page, currentProfile.CodecProfiles)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function editCodecProfile(page, codecProfile) {
|
|
|
|
|
isSubProfileNew = null == codecProfile, codecProfile = codecProfile || {}, currentSubProfile = codecProfile;
|
|
|
|
|
var popup = $("#codecProfilePopup", page);
|
|
|
|
|
$("#selectCodecProfileType", popup).val(codecProfile.Type || "Video").trigger("change"), $("#txtCodecProfileCodec", popup).val(codecProfile.Codec || ""), $(".radioTabButton:first", popup).trigger("click"), openPopup(popup[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveCodecProfile(page) {
|
|
|
|
|
currentSubProfile.Type = $("#selectCodecProfileType", page).val(), currentSubProfile.Codec = $("#txtCodecProfileCodec", page).val(), isSubProfileNew && currentProfile.CodecProfiles.push(currentSubProfile), renderSubProfiles(page, currentProfile), currentSubProfile = null, closePopup($("#codecProfilePopup", page)[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderResponseProfiles(page, profiles) {
|
|
|
|
|
var html = "";
|
|
|
|
|
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
|
|
|
|
for (var currentType, i = 0, length = profiles.length; i < length; i++) {
|
|
|
|
|
var profile = profiles[i];
|
|
|
|
|
profile.Type !== currentType && (html += '<li data-role="list-divider">' + profile.Type + "</li>", currentType = profile.Type), html += "<li>", html += '<a data-profileindex="' + i + '" class="lnkEditSubProfile" is="emby-linkbutton" href="#">', html += "<p>" + Globalize.translate("ValueContainer").replace("{0}", profile.Container || allText) + "</p>", "Video" == profile.Type ? (html += "<p>" + Globalize.translate("ValueVideoCodec").replace("{0}", profile.VideoCodec || allText) + "</p>", html += "<p>" + Globalize.translate("ValueAudioCodec").replace("{0}", profile.AudioCodec || allText) + "</p>") : "Audio" == profile.Type && (html += "<p>" + Globalize.translate("ValueCodec").replace("{0}", profile.AudioCodec || allText) + "</p>"), profile.Conditions && profile.Conditions.length && (html += "<p>", html += Globalize.translate("ValueConditions").replace("{0}", profile.Conditions.map(function(c) {
|
|
|
|
|
return c.Property
|
|
|
|
|
}).join(", ")), html += "</p>"), html += "</a>", html += '<a is="emby-linkbutton" href="#" data-icon="delete" class="btnDeleteProfile" data-profileindex="' + i + '">Delete</a>', html += "</li>"
|
|
|
|
|
}
|
|
|
|
|
html += "</ul>";
|
|
|
|
|
var elem = $(".mediaProfiles", page).html(html).trigger("create");
|
|
|
|
|
$(".btnDeleteProfile", elem).on("click", function() {
|
|
|
|
|
var index = this.getAttribute("data-profileindex");
|
|
|
|
|
deleteResponseProfile(page, index)
|
|
|
|
|
}), $(".lnkEditSubProfile", elem).on("click", function() {
|
|
|
|
|
var index = parseInt(this.getAttribute("data-profileindex"));
|
|
|
|
|
editResponseProfile(page, currentProfile.ResponseProfiles[index])
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function deleteResponseProfile(page, index) {
|
|
|
|
|
currentProfile.ResponseProfiles.splice(index, 1), renderResponseProfiles(page, currentProfile.ResponseProfiles)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function editResponseProfile(page, responseProfile) {
|
|
|
|
|
isSubProfileNew = null == responseProfile, responseProfile = responseProfile || {}, currentSubProfile = responseProfile;
|
|
|
|
|
var popup = $("#responseProfilePopup", page);
|
|
|
|
|
$("#selectResponseProfileType", popup).val(responseProfile.Type || "Video").trigger("change"), $("#txtResponseProfileContainer", popup).val(responseProfile.Container || ""), $("#txtResponseProfileAudioCodec", popup).val(responseProfile.AudioCodec || ""), $("#txtResponseProfileVideoCodec", popup).val(responseProfile.VideoCodec || ""), $(".radioTabButton:first", popup).trigger("click"), openPopup(popup[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveResponseProfile(page) {
|
|
|
|
|
currentSubProfile.Type = $("#selectResponseProfileType", page).val(), currentSubProfile.Container = $("#txtResponseProfileContainer", page).val(), currentSubProfile.AudioCodec = $("#txtResponseProfileAudioCodec", page).val(), currentSubProfile.VideoCodec = $("#txtResponseProfileVideoCodec", page).val(), isSubProfileNew && currentProfile.ResponseProfiles.push(currentSubProfile), renderSubProfiles(page, currentProfile), currentSubProfile = null, closePopup($("#responseProfilePopup", page)[0])
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function saveProfile(page, profile) {
|
|
|
|
|
updateProfile(page, profile);
|
|
|
|
|
var id = getParameterByName("id");
|
|
|
|
|
id ? ApiClient.ajax({
|
|
|
|
|
type: "POST",
|
|
|
|
|
url: ApiClient.getUrl("Dlna/Profiles/" + id),
|
|
|
|
|
data: JSON.stringify(profile),
|
|
|
|
|
contentType: "application/json"
|
|
|
|
|
}).then(function() {
|
|
|
|
|
require(["toast"], function(toast) {
|
|
|
|
|
toast("Settings saved.")
|
|
|
|
|
})
|
|
|
|
|
}, Dashboard.processErrorResponse) : ApiClient.ajax({
|
|
|
|
|
type: "POST",
|
|
|
|
|
url: ApiClient.getUrl("Dlna/Profiles"),
|
|
|
|
|
data: JSON.stringify(profile),
|
|
|
|
|
contentType: "application/json"
|
|
|
|
|
}).then(function() {
|
|
|
|
|
Dashboard.navigate("dlnaprofiles.html")
|
|
|
|
|
}, Dashboard.processErrorResponse), loading.hide()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function updateProfile(page, profile) {
|
|
|
|
|
profile.Name = $("#txtName", page).val(), profile.EnableAlbumArtInDidl = $("#chkEnableAlbumArtInDidl", page).checked(), profile.EnableSingleAlbumArtLimit = $("#chkEnableSingleImageLimit", page).checked(), profile.SupportedMediaTypes = $(".chkMediaType:checked", page).get().map(function(c) {
|
|
|
|
|
return c.getAttribute("data-value")
|
|
|
|
|
}).join(","), profile.Identification = profile.Identification || {}, profile.FriendlyName = $("#txtInfoFriendlyName", page).val(), profile.ModelName = $("#txtInfoModelName", page).val(), profile.ModelNumber = $("#txtInfoModelNumber", page).val(), profile.ModelDescription = $("#txtInfoModelDescription", page).val(), profile.ModelUrl = $("#txtInfoModelUrl", page).val(), profile.Manufacturer = $("#txtInfoManufacturer", page).val(), profile.ManufacturerUrl = $("#txtInfoManufacturerUrl", page).val(), profile.SerialNumber = $("#txtInfoSerialNumber", page).val(), profile.Identification.FriendlyName = $("#txtIdFriendlyName", page).val(), profile.Identification.ModelName = $("#txtIdModelName", page).val(), profile.Identification.ModelNumber = $("#txtIdModelNumber", page).val(), profile.Identification.ModelDescription = $("#txtIdModelDescription", page).val(), profile.Identification.ModelUrl = $("#txtIdModelUrl", page).val(), profile.Identification.Manufacturer = $("#txtIdManufacturer", page).val(), profile.Identification.ManufacturerUrl = $("#txtIdManufacturerUrl", page).val(), profile.Identification.SerialNumber = $("#txtIdSerialNumber", page).val(), profile.Identification.DeviceDescription = $("#txtIdDeviceDescription", page).val(), profile.AlbumArtPn = $("#txtAlbumArtPn", page).val(), profile.MaxAlbumArtWidth = $("#txtAlbumArtMaxWidth", page).val(), profile.MaxAlbumArtHeight = $("#txtAlbumArtMaxHeight", page).val(), profile.MaxIconWidth = $("#txtIconMaxWidth", page).val(), profile.MaxIconHeight = $("#txtIconMaxHeight", page).val(), profile.RequiresPlainFolders = $("#chkRequiresPlainFolders", page).checked(), profile.RequiresPlainVideoItems = $("#chkRequiresPlainVideoItems", page).checked(), profile.IgnoreTranscodeByteRangeRequests = $("#chkIgnoreTranscodeByteRangeRequests", page).checked(), profile.MaxStreamingBitrate = $("#txtMaxAllowedBitrate", page).val(), profile.MusicStreamingTranscodingBitrate = $("#txtMusicStreamingTranscodingBitrate", page).val(), profile.ProtocolInfo = $("#txtProtocolInfo", page).val(), profile.XDlnaCap = $("#txtXDlnaCap", page).val(), profile.XDlnaDoc = $("#txtXDlnaDoc", page).val(), profile.SonyAggregationFlags = $("#txtSonyAggregationFlags", page).val(), profile.UserId = $("#selectUser", page).val()
|
|
|
|
|
}
|
|
|
|
|
var currentProfile, currentSubProfile, isSubProfileNew, allText = Globalize.translate("LabelAll");
|
|
|
|
|
$(document).on("pageinit", "#dlnaProfilePage", function() {
|
|
|
|
|
var page = this;
|
|
|
|
|
$(".radioTabButton", page).on("click", function() {
|
|
|
|
|
$(this).siblings().removeClass("ui-btn-active"), $(this).addClass("ui-btn-active");
|
|
|
|
|
var value = "A" == this.tagName ? this.getAttribute("data-value") : this.value,
|
|
|
|
|
elem = $("." + value, page);
|
|
|
|
|
elem.siblings(".tabContent").hide(), elem.show()
|
|
|
|
|
}), $("#selectDirectPlayProfileType", page).on("change", function() {
|
|
|
|
|
"Video" == this.value ? $("#fldDirectPlayVideoCodec", page).show() : $("#fldDirectPlayVideoCodec", page).hide(), "Photo" == this.value ? $("#fldDirectPlayAudioCodec", page).hide() : $("#fldDirectPlayAudioCodec", page).show()
|
|
|
|
|
}), $("#selectTranscodingProfileType", page).on("change", function() {
|
|
|
|
|
"Video" == this.value ? ($("#fldTranscodingVideoCodec", page).show(), $("#fldTranscodingProtocol", page).show(), $("#fldEnableMpegtsM2TsMode", page).show()) : ($("#fldTranscodingVideoCodec", page).hide(), $("#fldTranscodingProtocol", page).hide(), $("#fldEnableMpegtsM2TsMode", page).hide()), "Photo" == this.value ? ($("#fldTranscodingAudioCodec", page).hide(), $("#fldEstimateContentLength", page).hide(), $("#fldReportByteRangeRequests", page).hide()) : ($("#fldTranscodingAudioCodec", page).show(), $("#fldEstimateContentLength", page).show(), $("#fldReportByteRangeRequests", page).show())
|
|
|
|
|
}), $("#selectResponseProfileType", page).on("change", function() {
|
|
|
|
|
"Video" == this.value ? $("#fldResponseProfileVideoCodec", page).show() : $("#fldResponseProfileVideoCodec", page).hide(), "Photo" == this.value ? $("#fldResponseProfileAudioCodec", page).hide() : $("#fldResponseProfileAudioCodec", page).show()
|
|
|
|
|
}), $(".btnAddDirectPlayProfile", page).on("click", function() {
|
|
|
|
|
editDirectPlayProfile(page)
|
|
|
|
|
}), $(".btnAddTranscodingProfile", page).on("click", function() {
|
|
|
|
|
editTranscodingProfile(page)
|
|
|
|
|
}), $(".btnAddContainerProfile", page).on("click", function() {
|
|
|
|
|
editContainerProfile(page)
|
|
|
|
|
}), $(".btnAddCodecProfile", page).on("click", function() {
|
|
|
|
|
editCodecProfile(page)
|
|
|
|
|
}), $(".btnAddResponseProfile", page).on("click", function() {
|
|
|
|
|
editResponseProfile(page)
|
|
|
|
|
}), $(".btnAddIdentificationHttpHeader", page).on("click", function() {
|
|
|
|
|
editIdentificationHeader(page)
|
|
|
|
|
}), $(".btnAddXmlDocumentAttribute", page).on("click", function() {
|
|
|
|
|
editXmlDocumentAttribute(page)
|
|
|
|
|
}), $(".btnAddSubtitleProfile", page).on("click", function() {
|
|
|
|
|
editSubtitleProfile(page)
|
|
|
|
|
}), $(".dlnaProfileForm").off("submit", DlnaProfilePage.onSubmit).on("submit", DlnaProfilePage.onSubmit), $(".editDirectPlayProfileForm").off("submit", DlnaProfilePage.onDirectPlayFormSubmit).on("submit", DlnaProfilePage.onDirectPlayFormSubmit), $(".transcodingProfileForm").off("submit", DlnaProfilePage.onTranscodingProfileFormSubmit).on("submit", DlnaProfilePage.onTranscodingProfileFormSubmit), $(".containerProfileForm").off("submit", DlnaProfilePage.onContainerProfileFormSubmit).on("submit", DlnaProfilePage.onContainerProfileFormSubmit), $(".codecProfileForm").off("submit", DlnaProfilePage.onCodecProfileFormSubmit).on("submit", DlnaProfilePage.onCodecProfileFormSubmit), $(".editResponseProfileForm").off("submit", DlnaProfilePage.onResponseProfileFormSubmit).on("submit", DlnaProfilePage.onResponseProfileFormSubmit), $(".identificationHeaderForm").off("submit", DlnaProfilePage.onIdentificationHeaderFormSubmit).on("submit", DlnaProfilePage.onIdentificationHeaderFormSubmit), $(".xmlAttributeForm").off("submit", DlnaProfilePage.onXmlAttributeFormSubmit).on("submit", DlnaProfilePage.onXmlAttributeFormSubmit), $(".subtitleProfileForm").off("submit", DlnaProfilePage.onSubtitleProfileFormSubmit).on("submit", DlnaProfilePage.onSubtitleProfileFormSubmit)
|
|
|
|
|
}).on("pageshow", "#dlnaProfilePage", function() {
|
|
|
|
|
var page = this;
|
|
|
|
|
$("#radioInfo", page).trigger("click"), loadProfile(page)
|
|
|
|
|
}), window.DlnaProfilePage = {
|
|
|
|
|
onSubmit: function() {
|
|
|
|
|
return loading.show(), saveProfile($(this).parents(".page"), currentProfile), !1
|
|
|
|
|
},
|
|
|
|
|
onDirectPlayFormSubmit: function() {
|
|
|
|
|
return saveDirectPlayProfile($(this).parents(".page")), !1
|
|
|
|
|
},
|
|
|
|
|
onTranscodingProfileFormSubmit: function() {
|
|
|
|
|
return saveTranscodingProfile($(this).parents(".page")), !1
|
|
|
|
|
},
|
|
|
|
|
onContainerProfileFormSubmit: function() {
|
|
|
|
|
return saveContainerProfile($(this).parents(".page")), !1
|
|
|
|
|
},
|
|
|
|
|
onCodecProfileFormSubmit: function() {
|
|
|
|
|
return saveCodecProfile($(this).parents(".page")), !1
|
|
|
|
|
},
|
|
|
|
|
onResponseProfileFormSubmit: function() {
|
|
|
|
|
return saveResponseProfile($(this).parents(".page")), !1
|
|
|
|
|
},
|
|
|
|
|
onIdentificationHeaderFormSubmit: function() {
|
|
|
|
|
return saveIdentificationHeader($(this).parents(".page")), !1
|
|
|
|
|
},
|
|
|
|
|
onXmlAttributeFormSubmit: function() {
|
|
|
|
|
return saveXmlDocumentAttribute($(this).parents(".page")), !1
|
|
|
|
|
},
|
|
|
|
|
onSubtitleProfileFormSubmit: function() {
|
|
|
|
|
return saveSubtitleProfile($(this).parents(".page")), !1
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
