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

Migration of guide and guide-settings to ES6 modules

Browse source
This commit is contained in:
Cameron 2020-08-05 09:00:24 +01:00
parent b5fab608c1
commit fbb98bdd2f
4 changed files with 1294 additions and 1266 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -111,6 +111,8 @@
"src/components/fetchhelper.js", "src/components/fetchhelper.js",
"src/components/filterdialog/filterdialog.js", "src/components/filterdialog/filterdialog.js",
"src/components/groupedcards.js", "src/components/groupedcards.js",
"src/components/guide/guide.js",
"src/components/guide/guide-settings.js",
"src/components/homeScreenSettings/homeScreenSettings.js", "src/components/homeScreenSettings/homeScreenSettings.js",
"src/components/homesections/homesections.js", "src/components/homesections/homesections.js",
"src/components/htmlMediaHelper.js", "src/components/htmlMediaHelper.js",

250
src/components/guide/guide-settings.js
View file

@ -1,147 +1,153 @@
define(['dialogHelper', 'globalize', 'userSettings', 'layoutManager', 'connectionManager', 'require', 'loading', 'scrollHelper', 'emby-checkbox', 'emby-radio', 'css!./../formdialog', 'material-icons'], function (dialogHelper, globalize, userSettings, layoutManager, connectionManager, require, loading, scrollHelper) { import dialogHelper from 'dialogHelper';
'use strict'; import globalize from 'globalize';
import * as userSettings from 'userSettings';
import layoutManager from 'layoutManager';
import scrollHelper from 'scrollHelper';
import 'emby-checkbox';
import 'emby-radio';
import 'css!./../formdialog';
import 'material-icons';
function saveCategories(context, options) { function saveCategories(context, options) {
var categories = []; const categories = [];
var chkCategorys = context.querySelectorAll('.chkCategory'); const chkCategorys = context.querySelectorAll('.chkCategory');
for (var i = 0, length = chkCategorys.length; i < length; i++) { for (let i = 0, length = chkCategorys.length; i < length; i++) {
var type = chkCategorys[i].getAttribute('data-type'); const type = chkCategorys[i].getAttribute('data-type');
if (chkCategorys[i].checked) { if (chkCategorys[i].checked) {
categories.push(type); categories.push(type);
}
}
if (categories.length >= 4) {
categories.push('series');
}
// differentiate between none and all
categories.push('all');
options.categories = categories;
}
function loadCategories(context, options) {
var selectedCategories = options.categories || [];
var chkCategorys = context.querySelectorAll('.chkCategory');
for (var i = 0, length = chkCategorys.length; i < length; i++) {
var type = chkCategorys[i].getAttribute('data-type');
chkCategorys[i].checked = !selectedCategories.length || selectedCategories.indexOf(type) !== -1;
} }
} }
function save(context) { if (categories.length >= 4) {
var i; categories.push('series');
var length; }
var chkIndicators = context.querySelectorAll('.chkIndicator'); // differentiate between none and all
for (i = 0, length = chkIndicators.length; i < length; i++) { categories.push('all');
var type = chkIndicators[i].getAttribute('data-type'); options.categories = categories;
userSettings.set('guide-indicator-' + type, chkIndicators[i].checked); }
function loadCategories(context, options) {
const selectedCategories = options.categories || [];
const chkCategorys = context.querySelectorAll('.chkCategory');
for (let i = 0, length = chkCategorys.length; i < length; i++) {
const type = chkCategorys[i].getAttribute('data-type');
chkCategorys[i].checked = !selectedCategories.length || selectedCategories.indexOf(type) !== -1;
}
}
function save(context) {
let i;
let length;
const chkIndicators = context.querySelectorAll('.chkIndicator');
for (i = 0, length = chkIndicators.length; i < length; i++) {
const type = chkIndicators[i].getAttribute('data-type');
userSettings.set('guide-indicator-' + type, chkIndicators[i].checked);
}
userSettings.set('guide-colorcodedbackgrounds', context.querySelector('.chkColorCodedBackgrounds').checked);
userSettings.set('livetv-favoritechannelsattop', context.querySelector('.chkFavoriteChannelsAtTop').checked);
const sortBys = context.querySelectorAll('.chkSortOrder');
for (i = 0, length = sortBys.length; i < length; i++) {
if (sortBys[i].checked) {
userSettings.set('livetv-channelorder', sortBys[i].value);
break;
} }
}
}
userSettings.set('guide-colorcodedbackgrounds', context.querySelector('.chkColorCodedBackgrounds').checked); function load(context) {
userSettings.set('livetv-favoritechannelsattop', context.querySelector('.chkFavoriteChannelsAtTop').checked); let i;
let length;
var sortBys = context.querySelectorAll('.chkSortOrder'); const chkIndicators = context.querySelectorAll('.chkIndicator');
for (i = 0, length = sortBys.length; i < length; i++) { for (i = 0, length = chkIndicators.length; i < length; i++) {
if (sortBys[i].checked) { const type = chkIndicators[i].getAttribute('data-type');
userSettings.set('livetv-channelorder', sortBys[i].value);
break; if (chkIndicators[i].getAttribute('data-default') === 'true') {
} chkIndicators[i].checked = userSettings.get('guide-indicator-' + type) !== 'false';
} else {
chkIndicators[i].checked = userSettings.get('guide-indicator-' + type) === 'true';
} }
} }
function load(context) { context.querySelector('.chkColorCodedBackgrounds').checked = userSettings.get('guide-colorcodedbackgrounds') === 'true';
var i; context.querySelector('.chkFavoriteChannelsAtTop').checked = userSettings.get('livetv-favoritechannelsattop') !== 'false';
var length;
var chkIndicators = context.querySelectorAll('.chkIndicator'); const sortByValue = userSettings.get('livetv-channelorder') || 'Number';
for (i = 0, length = chkIndicators.length; i < length; i++) {
var type = chkIndicators[i].getAttribute('data-type');
if (chkIndicators[i].getAttribute('data-default') === 'true') { const sortBys = context.querySelectorAll('.chkSortOrder');
chkIndicators[i].checked = userSettings.get('guide-indicator-' + type) !== 'false'; for (i = 0, length = sortBys.length; i < length; i++) {
sortBys[i].checked = sortBys[i].value === sortByValue;
}
}
function showEditor(options) {
return new Promise(function (resolve, reject) {
let settingsChanged = false;
import('text!./guide-settings.template.html').then(({default: template}) => {
const dialogOptions = {
removeOnClose: true,
scrollY: false
};
if (layoutManager.tv) {
dialogOptions.size = 'fullscreen';
} else { } else {
chkIndicators[i].checked = userSettings.get('guide-indicator-' + type) === 'true'; dialogOptions.size = 'small';
} }
}
context.querySelector('.chkColorCodedBackgrounds').checked = userSettings.get('guide-colorcodedbackgrounds') === 'true'; const dlg = dialogHelper.createDialog(dialogOptions);
context.querySelector('.chkFavoriteChannelsAtTop').checked = userSettings.get('livetv-favoritechannelsattop') !== 'false';
var sortByValue = userSettings.get('livetv-channelorder') || 'Number'; dlg.classList.add('formDialog');
var sortBys = context.querySelectorAll('.chkSortOrder'); let html = '';
for (i = 0, length = sortBys.length; i < length; i++) {
sortBys[i].checked = sortBys[i].value === sortByValue;
}
}
function showEditor(options) { html += globalize.translateHtml(template, 'core');
return new Promise(function (resolve, reject) {
var settingsChanged = false;
require(['text!./guide-settings.template.html'], function (template) { dlg.innerHTML = html;
var dialogOptions = {
removeOnClose: true,
scrollY: false
};
if (layoutManager.tv) { dlg.addEventListener('change', function () {
dialogOptions.size = 'fullscreen'; settingsChanged = true;
} else {
dialogOptions.size = 'small';
}
var dlg = dialogHelper.createDialog(dialogOptions);
dlg.classList.add('formDialog');
var html = '';
html += globalize.translateHtml(template, 'core');
dlg.innerHTML = html;
dlg.addEventListener('change', function () {
settingsChanged = true;
});
dlg.addEventListener('close', function () {
if (layoutManager.tv) {
scrollHelper.centerFocus.off(dlg.querySelector('.formDialogContent'), false);
}
save(dlg);
saveCategories(dlg, options);
if (settingsChanged) {
resolve();
} else {
reject();
}
});
dlg.querySelector('.btnCancel').addEventListener('click', function () {
dialogHelper.close(dlg);
});
if (layoutManager.tv) {
scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
}
load(dlg);
loadCategories(dlg, options);
dialogHelper.open(dlg);
}); });
});
}
return { dlg.addEventListener('close', function () {
show: showEditor if (layoutManager.tv) {
}; scrollHelper.centerFocus.off(dlg.querySelector('.formDialogContent'), false);
}); }
save(dlg);
saveCategories(dlg, options);
if (settingsChanged) {
resolve();
} else {
reject();
}
});
dlg.querySelector('.btnCancel').addEventListener('click', function () {
dialogHelper.close(dlg);
});
if (layoutManager.tv) {
scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
}
load(dlg);
loadCategories(dlg, options);
dialogHelper.open(dlg);
});
});
}
export default {
show: showEditor
};

2306
src/components/guide/guide.js
View file

File diff suppressed because it is too large Load diff

2
src/controllers/livetv/livetvguide.js
View file

@ -7,7 +7,7 @@ define(['tvguide'], function (tvguide) {
self.renderTab = function () { self.renderTab = function () {
if (!guideInstance) { if (!guideInstance) {
guideInstance = new tvguide({ guideInstance = new tvguide.default({
element: tabContent, element: tabContent,
serverId: ApiClient.serverId() serverId: ApiClient.serverId()
}); });