mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

config page

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-02 02:40:16 -04:00
parent 471d0fbefc
commit cf91a36742
6 changed files with 219 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

3
dashboard-ui/components/tvproviders/schedulesdirect.js
View file

@ -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
View 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
View 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>

9
dashboard-ui/scripts/livetvstatus.js
View file

@ -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'

22
dashboard-ui/supporterkey.html
View file

@ -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">

8
dashboard-ui/thirdparty/paper-button-style.css vendored
View file

@ -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;
}