mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
add more content to dlna profile editing page
This commit is contained in:
Luke Pulverenti
parent
14fa584289
commit
69a1c97630
2 changed files with 449 additions and 14 deletions
|
|
@ -1,11 +1,15 @@
|
|||
(function ($, document, window) {
|
||||
|
||||
var currentProfile;
|
||||
|
||||
function loadProfile(page) {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
getProfile().done(function (result) {
|
||||
|
||||
currentProfile = result;
|
||||
|
||||
renderProfile(page, result);
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
|
|
@ -33,8 +37,335 @@
|
|||
|
||||
$('.chkMediaType', page).each(function () {
|
||||
this.checked = (profile.SupportedMediaTypes || '').split(',').indexOf(this.getAttribute('data-value')) != -1;
|
||||
|
||||
|
||||
}).checkboxradio('refresh');
|
||||
|
||||
$('#chkEnableAlbumArtInDidl', page).checked(profile.EnableAlbumArtInDidl).checkboxradio('refresh');
|
||||
|
||||
var idInfo = profile.Identification || {};
|
||||
|
||||
$('#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 || '');
|
||||
|
||||
profile.DirectPlayProfiles = (profile.DirectPlayProfiles || []);
|
||||
profile.TranscodingProfiles = (profile.TranscodingProfiles || []);
|
||||
profile.ContainerProfiles = (profile.ContainerProfiles || []);
|
||||
profile.CodecProfiles = (profile.CodecProfiles || []);
|
||||
profile.MediaProfiles = (profile.MediaProfiles || []);
|
||||
|
||||
renderDirectPlayProfiles(page, profile.DirectPlayProfiles);
|
||||
renderTranscodingProfiles(page, profile.TranscodingProfiles);
|
||||
renderContainerProfiles(page, profile.ContainerProfiles);
|
||||
renderCodecProfiles(page, profile.CodecProfiles);
|
||||
renderMediaProfiles(page, profile.MediaProfiles);
|
||||
}
|
||||
|
||||
function renderDirectPlayProfiles(page, profiles) {
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
||||
|
||||
var currentType;
|
||||
|
||||
for (var i = 0, length = profiles.length; i < length; i++) {
|
||||
|
||||
var profile = profiles[i];
|
||||
|
||||
if (profile.Type !== currentType) {
|
||||
|
||||
html += '<li data-role="list-divider">' + profile.Type + '</li>';
|
||||
currentType = profile.Type;
|
||||
}
|
||||
|
||||
html += '<li>';
|
||||
html += '<a href="#">';
|
||||
|
||||
html += '<p>Container: ' + (profile.Container || 'All') + '</p>';
|
||||
|
||||
if (profile.Type == 'Video') {
|
||||
html += '<p>Video Codec: ' + (profile.VideoCodec || 'All') + '</p>';
|
||||
html += '<p>Audio Codec: ' + (profile.AudioCodec || 'All') + '</p>';
|
||||
}
|
||||
|
||||
else if (profile.Type == 'Audio') {
|
||||
html += '<p>Codec: ' + (profile.AudioCodec || 'All') + '</p>';
|
||||
}
|
||||
|
||||
html += '</a>';
|
||||
|
||||
html += '<a 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);
|
||||
});
|
||||
}
|
||||
|
||||
function deleteDirectPlayProfile(page, index) {
|
||||
|
||||
currentProfile.DirectPlayProfiles.splice(index, 1);
|
||||
|
||||
renderDirectPlayProfiles(page, currentProfile.DirectPlayProfiles);
|
||||
|
||||
}
|
||||
|
||||
function renderTranscodingProfiles(page, profiles) {
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
||||
|
||||
var currentType;
|
||||
|
||||
for (var i = 0, length = profiles.length; i < length; i++) {
|
||||
|
||||
var profile = profiles[i];
|
||||
|
||||
if (profile.Type !== currentType) {
|
||||
|
||||
html += '<li data-role="list-divider">' + profile.Type + '</li>';
|
||||
currentType = profile.Type;
|
||||
}
|
||||
|
||||
html += '<li>';
|
||||
html += '<a href="#">';
|
||||
|
||||
html += '<p>Container: ' + (profile.Container || 'All') + '</p>';
|
||||
|
||||
if (profile.Type == 'Video') {
|
||||
html += '<p>Video Codec: ' + (profile.VideoCodec || 'All') + '</p>';
|
||||
html += '<p>Audio Codec: ' + (profile.AudioCodec || 'All') + '</p>';
|
||||
}
|
||||
|
||||
else if (profile.Type == 'Audio') {
|
||||
html += '<p>Codec: ' + (profile.AudioCodec || 'All') + '</p>';
|
||||
}
|
||||
|
||||
html += '</a>';
|
||||
|
||||
html += '<a 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);
|
||||
});
|
||||
}
|
||||
|
||||
function deleteTranscodingProfile(page, index) {
|
||||
|
||||
currentProfile.TranscodingProfiles.splice(index, 1);
|
||||
|
||||
renderTranscodingProfiles(page, currentProfile.TranscodingProfiles);
|
||||
|
||||
}
|
||||
|
||||
function renderContainerProfiles(page, profiles) {
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
||||
|
||||
var currentType;
|
||||
|
||||
for (var i = 0, length = profiles.length; i < length; i++) {
|
||||
|
||||
var profile = profiles[i];
|
||||
|
||||
if (profile.Type !== currentType) {
|
||||
|
||||
html += '<li data-role="list-divider">' + profile.Type + '</li>';
|
||||
currentType = profile.Type;
|
||||
}
|
||||
|
||||
html += '<li>';
|
||||
html += '<a href="#">';
|
||||
|
||||
html += '<p>Container: ' + (profile.Container || 'All') + '</p>';
|
||||
|
||||
if (profile.Conditions && profile.Conditions.length) {
|
||||
|
||||
html += '<p>Conditions: ';
|
||||
html += profile.Conditions.map(function (c) {
|
||||
return c.Property;
|
||||
}).join(', ');
|
||||
html += '</p>';
|
||||
}
|
||||
|
||||
html += '</a>';
|
||||
|
||||
html += '<a 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);
|
||||
});
|
||||
}
|
||||
|
||||
function deleteContainerProfile(page, index) {
|
||||
|
||||
currentProfile.ContainerProfiles.splice(index, 1);
|
||||
|
||||
renderContainerProfiles(page, currentProfile.ContainerProfiles);
|
||||
|
||||
}
|
||||
|
||||
function renderCodecProfiles(page, profiles) {
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
||||
|
||||
var currentType;
|
||||
|
||||
for (var i = 0, length = profiles.length; i < length; i++) {
|
||||
|
||||
var profile = profiles[i];
|
||||
|
||||
var type = profile.Type.replace("VideoAudio", "Video Audio");
|
||||
|
||||
if (type !== currentType) {
|
||||
|
||||
html += '<li data-role="list-divider">' + type + '</li>';
|
||||
currentType = type;
|
||||
}
|
||||
|
||||
html += '<li>';
|
||||
html += '<a href="#">';
|
||||
|
||||
html += '<p>Codec: ' + (profile.Codec || 'All') + '</p>';
|
||||
|
||||
if (profile.Conditions && profile.Conditions.length) {
|
||||
|
||||
html += '<p>Conditions: ';
|
||||
html += profile.Conditions.map(function (c) {
|
||||
return c.Property;
|
||||
}).join(', ');
|
||||
html += '</p>';
|
||||
}
|
||||
|
||||
html += '</a>';
|
||||
|
||||
html += '<a 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);
|
||||
});
|
||||
}
|
||||
|
||||
function deleteCodecProfile(page, index) {
|
||||
|
||||
currentProfile.CodecProfiles.splice(index, 1);
|
||||
|
||||
renderCodecProfiles(page, currentProfile.CodecProfiles);
|
||||
|
||||
}
|
||||
|
||||
function renderMediaProfiles(page, profiles) {
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<ul data-role="listview" data-inset="true" data-split-icon="delete">';
|
||||
|
||||
var currentType;
|
||||
|
||||
for (var i = 0, length = profiles.length; i < length; i++) {
|
||||
|
||||
var profile = profiles[i];
|
||||
|
||||
if (profile.Type !== currentType) {
|
||||
|
||||
html += '<li data-role="list-divider">' + profile.Type + '</li>';
|
||||
currentType = profile.Type;
|
||||
}
|
||||
|
||||
html += '<li>';
|
||||
html += '<a href="#">';
|
||||
|
||||
html += '<p>Container: ' + (profile.Container || 'All') + '</p>';
|
||||
|
||||
if (profile.Type == 'Video') {
|
||||
html += '<p>Video Codec: ' + (profile.VideoCodec || 'All') + '</p>';
|
||||
html += '<p>Audio Codec: ' + (profile.AudioCodec || 'All') + '</p>';
|
||||
}
|
||||
|
||||
else if (profile.Type == 'Audio') {
|
||||
html += '<p>Codec: ' + (profile.AudioCodec || 'All') + '</p>';
|
||||
}
|
||||
|
||||
if (profile.Conditions && profile.Conditions.length) {
|
||||
|
||||
html += '<p>Conditions: ';
|
||||
html += profile.Conditions.map(function (c) {
|
||||
return c.Property;
|
||||
}).join(', ');
|
||||
html += '</p>';
|
||||
}
|
||||
|
||||
html += '</a>';
|
||||
|
||||
html += '<a 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');
|
||||
deleteMediaProfile(page, index);
|
||||
});
|
||||
}
|
||||
|
||||
function deleteMediaProfile(page, index) {
|
||||
|
||||
currentProfile.MediaProfiles.splice(index, 1);
|
||||
|
||||
renderMediaProfiles(page, currentProfile.MediaProfiles);
|
||||
|
||||
}
|
||||
|
||||
function saveProfile(page, profile) {
|
||||
|
|
@ -54,7 +385,6 @@
|
|||
}).done(function () {
|
||||
|
||||
Dashboard.alert('Settings saved.');
|
||||
|
||||
});
|
||||
|
||||
} else {
|
||||
|
|
@ -79,7 +409,23 @@
|
|||
function updateProfile(page, profile) {
|
||||
|
||||
profile.Name = $('#txtName', page).val();
|
||||
profile.EnableAlbumArtInDidl = $('#chkEnableAlbumArtInDidl', page).checked();
|
||||
|
||||
profile.SupportedMediaTypes = $('.chkMediaType:checked', page).get().map(function (c) {
|
||||
return c.getAttribute('data-value');
|
||||
}).join(',');
|
||||
|
||||
profile.Identification = profile.Identification || {};
|
||||
|
||||
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();
|
||||
}
|
||||
|
||||
$(document).on('pageinit', "#dlnaProfilePage", function () {
|
||||
|
|
@ -117,10 +463,7 @@
|
|||
var form = this;
|
||||
var page = $(form).parents('.page');
|
||||
|
||||
getProfile().done(function (profile) {
|
||||
|
||||
saveProfile(page, profile);
|
||||
});
|
||||
saveProfile(page, currentProfile);
|
||||
|
||||
return false;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue