mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
config page
This commit is contained in:
Luke Pulverenti
parent
471d0fbefc
commit
cf91a36742
6 changed files with 219 additions and 12 deletions
|
|
@ -259,7 +259,8 @@
|
|||
|
||||
html += '<paper-icon-item>';
|
||||
|
||||
var isChecked = providerInfo.EnableAllTuners || providerInfo.EnabledTuners.indexOf(device.Id) != -1;
|
||||
var enabledTuners = providerInfo.EnableAllTuners || [];
|
||||
var isChecked = providerInfo.EnableAllTuners || enabledTuners.indexOf(device.Id) != -1;
|
||||
var checkedAttribute = isChecked ? ' checked' : '';
|
||||
html += '<paper-checkbox data-id="' + device.Id + '" class="chkTuner" item-icon ' + checkedAttribute + '></paper-checkbox>';
|
||||
|
||||
|
|
|
|||
163
dashboard-ui/components/tvproviders/xmltv.js
Normal file
163
dashboard-ui/components/tvproviders/xmltv.js
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
define(['jQuery', 'paper-checkbox', 'paper-button', 'paper-input', 'paper-item-body', 'paper-icon-item'], function ($) {
|
||||
|
||||
return function (page, providerId, options) {
|
||||
|
||||
var self = this;
|
||||
|
||||
function reload() {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
ApiClient.getNamedConfiguration("livetv").then(function (config) {
|
||||
|
||||
var info = config.ListingProviders.filter(function (i) {
|
||||
return i.Id == providerId;
|
||||
})[0] || {};
|
||||
|
||||
page.querySelector('.txtPath').value = info.Path || '';
|
||||
|
||||
page.querySelector('.chkAllTuners').checked = info.EnableAllTuners;
|
||||
|
||||
if (page.querySelector('.chkAllTuners').checked) {
|
||||
page.querySelector('.selectTunersSection').classList.add('hide');
|
||||
} else {
|
||||
page.querySelector('.selectTunersSection').classList.remove('hide');
|
||||
}
|
||||
|
||||
refreshTunerDevices(page, info, config.TunerHosts);
|
||||
Dashboard.hideLoadingMsg();
|
||||
});
|
||||
}
|
||||
|
||||
function submitListingsForm() {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
var id = providerId;
|
||||
|
||||
ApiClient.getNamedConfiguration("livetv").then(function (config) {
|
||||
|
||||
var info = config.ListingProviders.filter(function (i) {
|
||||
return i.Id == id;
|
||||
})[0] || {};
|
||||
|
||||
info.Type = 'xmltv';
|
||||
info.Path = page.querySelector('.txtPath').value;
|
||||
info.EnableAllTuners = page.querySelector('.chkAllTuners').checked;
|
||||
info.EnabledTuners = info.EnableAllTuners ? [] : $('.chkTuner', page).get().filter(function (i) {
|
||||
return i.checked;
|
||||
}).map(function (i) {
|
||||
return i.getAttribute('data-id');
|
||||
});
|
||||
|
||||
ApiClient.ajax({
|
||||
type: "POST",
|
||||
url: ApiClient.getUrl('LiveTv/ListingProviders', {
|
||||
ValidateListings: true
|
||||
}),
|
||||
data: JSON.stringify(info),
|
||||
contentType: "application/json"
|
||||
|
||||
}).then(function (result) {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
if (options.showConfirmation !== false) {
|
||||
Dashboard.processServerConfigurationUpdateResult();
|
||||
}
|
||||
Events.trigger(self, 'submitted');
|
||||
|
||||
}, function () {
|
||||
Dashboard.hideLoadingMsg();
|
||||
Dashboard.alert({
|
||||
message: Globalize.translate('ErrorAddingListingsToSchedulesDirect')
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
function getTunerName(providerId) {
|
||||
|
||||
providerId = providerId.toLowerCase();
|
||||
|
||||
switch (providerId) {
|
||||
|
||||
case 'm3u':
|
||||
return 'M3U Playlist';
|
||||
case 'hdhomerun':
|
||||
return 'HDHomerun';
|
||||
case 'satip':
|
||||
return 'DVB';
|
||||
default:
|
||||
return 'Unknown';
|
||||
}
|
||||
}
|
||||
|
||||
function refreshTunerDevices(page, providerInfo, devices) {
|
||||
|
||||
var html = '';
|
||||
|
||||
for (var i = 0, length = devices.length; i < length; i++) {
|
||||
|
||||
var device = devices[i];
|
||||
|
||||
html += '<paper-icon-item>';
|
||||
|
||||
var enabledTuners = providerInfo.EnableAllTuners || [];
|
||||
var isChecked = providerInfo.EnableAllTuners || enabledTuners.indexOf(device.Id) != -1;
|
||||
var checkedAttribute = isChecked ? ' checked' : '';
|
||||
html += '<paper-checkbox data-id="' + device.Id + '" class="chkTuner" item-icon ' + checkedAttribute + '></paper-checkbox>';
|
||||
|
||||
html += '<paper-item-body two-line>';
|
||||
html += '<div>';
|
||||
html += device.FriendlyName || getTunerName(device.Type);
|
||||
html += '</div>';
|
||||
|
||||
html += '<div secondary>';
|
||||
html += device.Url;
|
||||
html += '</div>';
|
||||
html += '</paper-item-body>';
|
||||
|
||||
html += '</paper-icon-item>';
|
||||
}
|
||||
|
||||
page.querySelector('.tunerList').innerHTML = html;
|
||||
}
|
||||
|
||||
self.submit = function () {
|
||||
page.querySelector('.btnSubmitListingsContainer').click();
|
||||
};
|
||||
|
||||
self.init = function () {
|
||||
|
||||
options = options || {};
|
||||
|
||||
if (options.showCancelButton !== false) {
|
||||
page.querySelector('.btnCancel').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.btnCancel').classList.add('hide');
|
||||
}
|
||||
|
||||
if (options.showSubmitButton !== false) {
|
||||
page.querySelector('.btnSubmitListings').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.btnSubmitListings').classList.add('hide');
|
||||
}
|
||||
|
||||
$('form', page).on('submit', function () {
|
||||
submitListingsForm();
|
||||
return false;
|
||||
});
|
||||
|
||||
page.querySelector('.chkAllTuners').addEventListener('change', function (e) {
|
||||
if (e.target.checked) {
|
||||
page.querySelector('.selectTunersSection').classList.add('hide');
|
||||
} else {
|
||||
page.querySelector('.selectTunersSection').classList.remove('hide');
|
||||
}
|
||||
});
|
||||
|
||||
reload();
|
||||
};
|
||||
}
|
||||
});
|
||||
26
dashboard-ui/components/tvproviders/xmltv.template.html
Normal file
26
dashboard-ui/components/tvproviders/xmltv.template.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<h1>Xml TV</h1>
|
||||
|
||||
<form>
|
||||
<div>
|
||||
<div>
|
||||
<paper-input class="txtPath" label="${LabelPath}" required="required" autocomplete="off"></paper-input>
|
||||
</div>
|
||||
<div>
|
||||
<br />
|
||||
<paper-checkbox class="chkAllTuners">${OptionEnableForAllTuners}</paper-checkbox>
|
||||
<div class="selectTunersSection hide">
|
||||
<br /><br />
|
||||
<div class="paperListLabel">${HeaderTuners}</div>
|
||||
<div class="paperCheckboxList paperList tunerList">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br /><br />
|
||||
<div>
|
||||
<button type="submit" data-role="none" class="clearButton btnSubmitListingsContainer">
|
||||
<paper-button raised class="submit block btnSubmitListings hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
|
||||
</button>
|
||||
<paper-button raised class="cancel block btnCancel hide" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -386,6 +386,8 @@
|
|||
|
||||
case 'schedulesdirect':
|
||||
return 'Schedules Direct';
|
||||
case 'xmltv':
|
||||
return 'Xml TV';
|
||||
case 'emby':
|
||||
return 'Emby Guide';
|
||||
default:
|
||||
|
|
@ -399,6 +401,8 @@
|
|||
|
||||
switch (providerId) {
|
||||
|
||||
case 'xmltv':
|
||||
return 'livetvguideprovider.html?type=xmltv';
|
||||
case 'schedulesdirect':
|
||||
return 'livetvguideprovider.html?type=schedulesdirect';
|
||||
case 'emby':
|
||||
|
|
@ -422,6 +426,11 @@
|
|||
// id: 'emby'
|
||||
//});
|
||||
|
||||
menuItems.push({
|
||||
name: 'Xml TV',
|
||||
id: 'xmltv'
|
||||
});
|
||||
|
||||
menuItems.push({
|
||||
name: Globalize.translate('ButtonOther'),
|
||||
id: 'other'
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div id="supporterKeyPage" data-role="page" class="page type-interior withTabs" data-require="jqmcollapsible,scripts/supporterkeypage,paper-input,paper-button">
|
||||
<div id="supporterKeyPage" data-role="page" class="page type-interior withTabs" data-require="jqmcollapsible,scripts/supporterkeypage,emby-input,paper-button">
|
||||
|
||||
<div data-role="content">
|
||||
<div class="content-primary">
|
||||
|
|
@ -26,8 +26,8 @@
|
|||
<div style="margin: 3em 0 1em;">
|
||||
|
||||
<h1>${TabSupporterKey}</h1>
|
||||
<div>
|
||||
<paper-input type="password" id="txtSupporterKey" label="${LabelSupporterKey}" autocomplete="off"></paper-input>
|
||||
<div class="inputContainer">
|
||||
<input is="emby-input" type="password" id="txtSupporterKey" label="${LabelSupporterKey}" autocomplete="off"/>
|
||||
<div class="fieldDescription">
|
||||
${LabelSupporterKeyHelp}
|
||||
</div>
|
||||
|
|
@ -54,8 +54,8 @@
|
|||
<h3>${HeaderForgotKey}</h3>
|
||||
<div>
|
||||
<form id="lostKeyForm">
|
||||
<div style="margin: 1em 0;">
|
||||
<paper-input type="email" required id="txtEmail" label="${LabelEmailAddress}"></paper-input>
|
||||
<div style="margin: 1em 0;" class="inputContainer">
|
||||
<input is="emby-input" type="email" required id="txtEmail" label="${LabelEmailAddress}"/>
|
||||
<div class="fieldDescription">${LabelSupporterEmailAddress}</div>
|
||||
</div>
|
||||
<p>
|
||||
|
|
@ -75,17 +75,17 @@
|
|||
<p>
|
||||
${MultipleKeyLinkingHelp}
|
||||
</p>
|
||||
<div style="margin: 1em 0;">
|
||||
<paper-input type="email" required id="txtNewEmail" label="${LabelCurrentEmailAddress}"></paper-input>
|
||||
<div style="margin: 1em 0;" class="inputContainer">
|
||||
<input is="emby-input" type="email" required id="txtNewEmail" label="${LabelCurrentEmailAddress}"/>
|
||||
<div class="fieldDescription">
|
||||
${LabelCurrentEmailAddressHelp}
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<paper-input type="password" required id="txtNewKey" label="${LabelNewSupporterKey}"></paper-input>
|
||||
<div class="inputContainer">
|
||||
<input is="emby-input" type="password" required id="txtNewKey" label="${LabelNewSupporterKey}" />
|
||||
</div>
|
||||
<div>
|
||||
<paper-input type="password" required id="txtOldKey" label="${LabelOldSupporterKey}"></paper-input>
|
||||
<div class="inputContainer">
|
||||
<input is="emby-input" type="password" required id="txtOldKey" label="${LabelOldSupporterKey}"/>
|
||||
</div>
|
||||
<p>
|
||||
<button type="submit" id="mbLinkKeysBtn" class="clearButton">
|
||||
|
|
|
|||
|
|
@ -400,6 +400,14 @@ paper-input label, paper-textarea label {
|
|||
color: #ccc;
|
||||
}
|
||||
|
||||
.ui-body-a .inputLabel {
|
||||
color: #656565;
|
||||
}
|
||||
|
||||
.ui-body-a .inputLabel.focused:not(.blank) {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.ui-body-b .selectLabelUnfocused, .ui-body-b .inputLabel {
|
||||
color: #ccc;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue