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

Merge pull request #6333 from viown/remove-jquery-part-1

Browse source 
Remove jQuery
This commit is contained in:
viown 2025-01-14 01:12:37 +03:00 • committed by GitHub
parent f1c49163c2
commit 3600426058
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
15 changed files with 177 additions and 152 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/mediaLibraryCreator/mediaLibraryCreator.js
View file

@ -8,7 +8,6 @@ import escapeHtml from 'escape-html';
import loading from '../loading/loading'; import loading from '../loading/loading';
import dialogHelper from '../dialogHelper/dialogHelper'; import dialogHelper from '../dialogHelper/dialogHelper';
import dom from '../../scripts/dom'; import dom from '../../scripts/dom';
import 'jquery';
import libraryoptionseditor from '../libraryoptionseditor/libraryoptionseditor'; import libraryoptionseditor from '../libraryoptionseditor/libraryoptionseditor';
import globalize from '../../lib/globalize'; import globalize from '../../lib/globalize';
import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/emby-button';
@ -43,8 +42,8 @@ function onAddLibrary(e) {
isCreating = true; isCreating = true;
loading.show(); loading.show();
const dlg = dom.parentWithClass(this, 'dlg-librarycreator'); const dlg = dom.parentWithClass(this, 'dlg-librarycreator');
const name = $('#txtValue', dlg).val(); const name = dlg.querySelector('#txtValue').value;
let type = $('#selectCollectionType', dlg).val(); let type = dlg.querySelector('#selectCollectionType').value;
if (type == 'mixed') { if (type == 'mixed') {
type = null; type = null;
@ -72,9 +71,12 @@ function getCollectionTypeOptionsHtml(collectionTypeOptions) {
} }
function initEditor(page, collectionTypeOptions) { function initEditor(page, collectionTypeOptions) {
$('#selectCollectionType', page).html(getCollectionTypeOptionsHtml(collectionTypeOptions)).val('').on('change', function () { const selectCollectionType = page.querySelector('#selectCollectionType');
selectCollectionType.innerHTML = getCollectionTypeOptionsHtml(collectionTypeOptions);
selectCollectionType.value = '';
selectCollectionType.addEventListener('change', function () {
const value = this.value; const value = this.value;
const dlg = $(this).parents('.dialog')[0]; const dlg = dom.parentWithClass(this, 'dialog');
libraryoptionseditor.setContentType(dlg.querySelector('.libraryOptions'), value); libraryoptionseditor.setContentType(dlg.querySelector('.libraryOptions'), value);
if (value) { if (value) {
@ -90,12 +92,12 @@ function initEditor(page, collectionTypeOptions) {
const name = this.options[index].innerHTML const name = this.options[index].innerHTML
.replaceAll('*', '') .replaceAll('*', '')
.replaceAll('&', '&'); .replaceAll('&', '&');
$('#txtValue', dlg).val(name); dlg.querySelector('#txtValue').value = name;
} }
} }
const folderOption = collectionTypeOptions.find(i => i.value === value); const folderOption = collectionTypeOptions.find(i => i.value === value);
$('.collectionTypeFieldDescription', dlg).html(folderOption?.message || ''); dlg.querySelector('.collectionTypeFieldDescription').innerHTML = folderOption?.message || '';
}); });
page.querySelector('.btnAddFolder').addEventListener('click', onAddButtonClick); page.querySelector('.btnAddFolder').addEventListener('click', onAddButtonClick);
page.querySelector('.addLibraryForm').addEventListener('submit', onAddLibrary); page.querySelector('.addLibraryForm').addEventListener('submit', onAddLibrary);
@ -184,7 +186,7 @@ function onDialogClosed() {
function initLibraryOptions(dlg) { function initLibraryOptions(dlg) {
libraryoptionseditor.embed(dlg.querySelector('.libraryOptions')).then(() => { libraryoptionseditor.embed(dlg.querySelector('.libraryOptions')).then(() => {
$('#selectCollectionType', dlg).trigger('change'); dlg.querySelector('#selectCollectionType').dispatchEvent(new Event('change'));
}); });
} }

30
src/components/tvproviders/schedulesdirect.js
View file

@ -57,7 +57,7 @@ export default function (page, providerId, options) {
return i.Id === providerId; return i.Id === providerId;
})[0] || {}; })[0] || {};
listingsId = info.ListingsId; listingsId = info.ListingsId;
$('#selectListing', page).val(info.ListingsId || ''); page.querySelector('#selectListing').value = info.ListingsId || '';
page.querySelector('.txtUser').value = info.Username || ''; page.querySelector('.txtUser').value = info.Username || '';
page.querySelector('.txtPass').value = ''; page.querySelector('.txtPass').value = '';
page.querySelector('.txtZipCode').value = info.ZipCode || ''; page.querySelector('.txtZipCode').value = info.ZipCode || '';
@ -114,7 +114,7 @@ export default function (page, providerId, options) {
$('#selectCountry', page).html(countryList.map(function (c) { $('#selectCountry', page).html(countryList.map(function (c) {
return '<option value="' + c.value + '">' + c.name + '</option>'; return '<option value="' + c.value + '">' + c.name + '</option>';
}).join('')).val(info.Country || ''); }).join('')).val(info.Country || '');
$(page.querySelector('.txtZipCode')).trigger('change'); page.querySelector('.txtZipCode').dispatchEvent(new Event('change'));
}, function () { // ApiClient.getJSON() error handler }, function () { // ApiClient.getJSON() error handler
Dashboard.alert({ Dashboard.alert({
message: globalize.translate('ErrorGettingTvLineups') message: globalize.translate('ErrorGettingTvLineups')
@ -157,7 +157,7 @@ export default function (page, providerId, options) {
} }
function submitListingsForm() { function submitListingsForm() {
const selectedListingsId = $('#selectListing', page).val(); const selectedListingsId = page.querySelector('#selectListing').value;
if (!selectedListingsId) { if (!selectedListingsId) {
Dashboard.alert({ Dashboard.alert({
@ -173,7 +173,7 @@ export default function (page, providerId, options) {
return i.Id === id; return i.Id === id;
})[0]; })[0];
info.ZipCode = page.querySelector('.txtZipCode').value; info.ZipCode = page.querySelector('.txtZipCode').value;
info.Country = $('#selectCountry', page).val(); info.Country = page.querySelector('#selectCountry').value;
info.ListingsId = selectedListingsId; info.ListingsId = selectedListingsId;
info.EnableAllTuners = page.querySelector('.chkAllTuners').checked; info.EnableAllTuners = page.querySelector('.chkAllTuners').checked;
info.EnabledTuners = info.EnableAllTuners ? [] : $('.chkTuner', page).get().filter(function (i) { info.EnabledTuners = info.EnableAllTuners ? [] : $('.chkTuner', page).get().filter(function (i) {
@ -207,7 +207,7 @@ export default function (page, providerId, options) {
function refreshListings(value) { function refreshListings(value) {
if (!value) { if (!value) {
$('#selectListing', page).html(''); page.querySelector('#selectListing').innerHTML = '';
return; return;
} }
@ -217,16 +217,16 @@ export default function (page, providerId, options) {
url: ApiClient.getUrl('LiveTv/ListingProviders/Lineups', { url: ApiClient.getUrl('LiveTv/ListingProviders/Lineups', {
Id: providerId, Id: providerId,
Location: value, Location: value,
Country: $('#selectCountry', page).val() Country: page.querySelector('#selectCountry').value
}), }),
dataType: 'json' dataType: 'json'
}).then(function (result) { }).then(function (result) {
$('#selectListing', page).html(result.map(function (o) { page.querySelector('#selectListing').innerHTML = result.map(function (o) {
return '<option value="' + o.Id + '">' + o.Name + '</option>'; return '<option value="' + o.Id + '">' + o.Name + '</option>';
})); }).join('');
if (listingsId) { if (listingsId) {
$('#selectListing', page).val(listingsId); page.querySelector('#selectListing').value = listingsId;
} }
loading.hide(); loading.hide();
@ -257,15 +257,17 @@ export default function (page, providerId, options) {
const hideSubmitButton = options.showSubmitButton === false; const hideSubmitButton = options.showSubmitButton === false;
page.querySelector('.btnSubmitListings').classList.toggle('hide', hideSubmitButton); page.querySelector('.btnSubmitListings').classList.toggle('hide', hideSubmitButton);
$('.formLogin', page).on('submit', function () { page.querySelector('.formLogin').addEventListener('submit', function (e) {
e.preventDefault();
submitLoginForm(); submitLoginForm();
return false;
}); });
$('.formListings', page).on('submit', function () {
page.querySelector('.formListings').addEventListener('submit', function (e) {
e.preventDefault();
submitListingsForm(); submitListingsForm();
return false;
}); });
$('.txtZipCode', page).on('change', function () {
page.querySelector('.txtZipCode').addEventListener('change', function () {
refreshListings(this.value); refreshListings(this.value);
}); });
page.querySelector('.chkAllTuners').addEventListener('change', function (e) { page.querySelector('.chkAllTuners').addEventListener('change', function (e) {

3
src/components/tvproviders/xmltv.js
View file

@ -7,6 +7,7 @@ import '../listview/listview.scss';
import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-button/paper-icon-button-light';
import Dashboard from '../../utils/dashboard'; import Dashboard from '../../utils/dashboard';
import Events from '../../utils/events.ts'; import Events from '../../utils/events.ts';
import dom from 'scripts/dom';
function getTunerName(providerId) { function getTunerName(providerId) {
switch (providerId.toLowerCase()) { switch (providerId.toLowerCase()) {
@ -46,7 +47,7 @@ function refreshTunerDevices(page, providerInfo, devices) {
} }
function onSelectPathClick(e) { function onSelectPathClick(e) {
const page = $(e.target).parents('.xmltvForm')[0]; const page = dom.parentWithClass(e.target, 'xmltvForm');
import('../directorybrowser/directorybrowser').then(({ default: DirectoryBrowser }) => { import('../directorybrowser/directorybrowser').then(({ default: DirectoryBrowser }) => {
const picker = new DirectoryBrowser(); const picker = new DirectoryBrowser();

28
src/controllers/dashboard/encodingsettings.js
View file

@ -20,17 +20,17 @@ function loadPage(page, config, systemInfo) {
page.querySelector('#chkHardwareEncoding').checked = config.EnableHardwareEncoding; page.querySelector('#chkHardwareEncoding').checked = config.EnableHardwareEncoding;
page.querySelector('#chkAllowHevcEncoding').checked = config.AllowHevcEncoding; page.querySelector('#chkAllowHevcEncoding').checked = config.AllowHevcEncoding;
page.querySelector('#chkAllowAv1Encoding').checked = config.AllowAv1Encoding; page.querySelector('#chkAllowAv1Encoding').checked = config.AllowAv1Encoding;
$('#selectVideoDecoder', page).val(config.HardwareAccelerationType || 'none'); page.querySelector('#selectVideoDecoder').value = config.HardwareAccelerationType || 'none';
$('#selectThreadCount', page).val(config.EncodingThreadCount); page.querySelector('#selectThreadCount').value = config.EncodingThreadCount;
page.querySelector('#chkEnableAudioVbr').checked = config.EnableAudioVbr; page.querySelector('#chkEnableAudioVbr').checked = config.EnableAudioVbr;
$('#txtDownMixAudioBoost', page).val(config.DownMixAudioBoost); page.querySelector('#txtDownMixAudioBoost').value = config.DownMixAudioBoost;
$('#selectStereoDownmixAlgorithm').val(config.DownMixStereoAlgorithm || 'None'); page.querySelector('#selectStereoDownmixAlgorithm').value = config.DownMixStereoAlgorithm || 'None';
page.querySelector('#txtMaxMuxingQueueSize').value = config.MaxMuxingQueueSize || ''; page.querySelector('#txtMaxMuxingQueueSize').value = config.MaxMuxingQueueSize || '';
page.querySelector('.txtEncoderPath').value = config.EncoderAppPathDisplay || ''; page.querySelector('.txtEncoderPath').value = config.EncoderAppPathDisplay || '';
$('#txtTranscodingTempPath', page).val(systemInfo.TranscodingTempPath || ''); page.querySelector('#txtTranscodingTempPath').value = systemInfo.TranscodingTempPath || '';
page.querySelector('#txtFallbackFontPath').value = config.FallbackFontPath || ''; page.querySelector('#txtFallbackFontPath').value = config.FallbackFontPath || '';
page.querySelector('#chkEnableFallbackFont').checked = config.EnableFallbackFont; page.querySelector('#chkEnableFallbackFont').checked = config.EnableFallbackFont;
$('#txtVaapiDevice', page).val(config.VaapiDevice || ''); page.querySelector('#txtVaapiDevice').value = config.VaapiDevice || '';
page.querySelector('#txtQsvDevice').value = config.QsvDevice || ''; page.querySelector('#txtQsvDevice').value = config.QsvDevice || '';
page.querySelector('#chkTonemapping').checked = config.EnableTonemapping; page.querySelector('#chkTonemapping').checked = config.EnableTonemapping;
page.querySelector('#chkVppTonemapping').checked = config.EnableVppTonemapping; page.querySelector('#chkVppTonemapping').checked = config.EnableVppTonemapping;
@ -85,15 +85,15 @@ function onSubmit() {
loading.show(); loading.show();
ApiClient.getNamedConfiguration('encoding').then(function (config) { ApiClient.getNamedConfiguration('encoding').then(function (config) {
config.EnableAudioVbr = form.querySelector('#chkEnableAudioVbr').checked; config.EnableAudioVbr = form.querySelector('#chkEnableAudioVbr').checked;
config.DownMixAudioBoost = $('#txtDownMixAudioBoost', form).val(); config.DownMixAudioBoost = form.querySelector('#txtDownMixAudioBoost').value;
config.DownMixStereoAlgorithm = $('#selectStereoDownmixAlgorithm', form).val() || 'None'; config.DownMixStereoAlgorithm = form.querySelector('#selectStereoDownmixAlgorithm').value || 'None';
config.MaxMuxingQueueSize = form.querySelector('#txtMaxMuxingQueueSize').value; config.MaxMuxingQueueSize = form.querySelector('#txtMaxMuxingQueueSize').value;
config.TranscodingTempPath = $('#txtTranscodingTempPath', form).val(); config.TranscodingTempPath = form.querySelector('#txtTranscodingTempPath').value;
config.FallbackFontPath = form.querySelector('#txtFallbackFontPath').value; config.FallbackFontPath = form.querySelector('#txtFallbackFontPath').value;
config.EnableFallbackFont = form.querySelector('#txtFallbackFontPath').value ? form.querySelector('#chkEnableFallbackFont').checked : false; config.EnableFallbackFont = form.querySelector('#txtFallbackFontPath').value ? form.querySelector('#chkEnableFallbackFont').checked : false;
config.EncodingThreadCount = $('#selectThreadCount', form).val(); config.EncodingThreadCount = form.querySelector('#selectThreadCount').value;
config.HardwareAccelerationType = $('#selectVideoDecoder', form).val(); config.HardwareAccelerationType = form.querySelector('#selectVideoDecoder').value;
config.VaapiDevice = $('#txtVaapiDevice', form).val(); config.VaapiDevice = form.querySelector('#txtVaapiDevice').value;
config.QsvDevice = form.querySelector('#txtQsvDevice').value; config.QsvDevice = form.querySelector('#txtQsvDevice').value;
config.EnableTonemapping = form.querySelector('#chkTonemapping').checked; config.EnableTonemapping = form.querySelector('#chkTonemapping').checked;
config.EnableVppTonemapping = form.querySelector('#chkVppTonemapping').checked; config.EnableVppTonemapping = form.querySelector('#chkVppTonemapping').checked;
@ -141,7 +141,7 @@ function onSubmit() {
}); });
}; };
if ($('#selectVideoDecoder', form).val() !== 'none') { if (form.querySelector('#selectVideoDecoder').value !== 'none') {
alert({ alert({
title: globalize.translate('TitleHardwareAcceleration'), title: globalize.translate('TitleHardwareAcceleration'),
text: globalize.translate('HardwareAccelerationWarning') text: globalize.translate('HardwareAccelerationWarning')
@ -263,7 +263,7 @@ $(document).on('pageinit', '#encodingSettingsPage', function () {
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
$('#txtTranscodingTempPath', page).val(path); page.querySelector('#txtTranscodingTempPath').value = path;
} }
picker.close(); picker.close();

27
src/controllers/dashboard/general.js
View file

@ -14,11 +14,13 @@ function loadPage(page, config, languageOptions, systemInfo) {
page.querySelector('#txtServerName').value = systemInfo.ServerName; page.querySelector('#txtServerName').value = systemInfo.ServerName;
page.querySelector('#txtCachePath').value = systemInfo.CachePath || ''; page.querySelector('#txtCachePath').value = systemInfo.CachePath || '';
page.querySelector('#chkQuickConnectAvailable').checked = config.QuickConnectAvailable === true; page.querySelector('#chkQuickConnectAvailable').checked = config.QuickConnectAvailable === true;
$('#txtMetadataPath', page).val(systemInfo.InternalMetadataPath || ''); page.querySelector('#txtMetadataPath').value = systemInfo.InternalMetadataPath || '';
$('#txtMetadataNetworkPath', page).val(systemInfo.MetadataNetworkPath || ''); page.querySelector('#txtMetadataNetworkPath').value = systemInfo.MetadataNetworkPath || '';
$('#selectLocalizationLanguage', page).html(languageOptions.map(function (language) { const localizationLanguageElem = page.querySelector('#selectLocalizationLanguage');
localizationLanguageElem.innerHTML = languageOptions.map(function (language) {
return '<option value="' + language.Value + '">' + language.Name + '</option>'; return '<option value="' + language.Value + '">' + language.Name + '</option>';
})).val(config.UICulture); }).join('');
localizationLanguageElem.value = config.UICulture;
page.querySelector('#txtLibraryScanFanoutConcurrency').value = config.LibraryScanFanoutConcurrency || ''; page.querySelector('#txtLibraryScanFanoutConcurrency').value = config.LibraryScanFanoutConcurrency || '';
page.querySelector('#txtParallelImageEncodingLimit').value = config.ParallelImageEncodingLimit || ''; page.querySelector('#txtParallelImageEncodingLimit').value = config.ParallelImageEncodingLimit || '';
@ -28,13 +30,12 @@ function loadPage(page, config, languageOptions, systemInfo) {
function onSubmit() { function onSubmit() {
loading.show(); loading.show();
const form = this; const form = this;
$(form).parents('.page');
ApiClient.getServerConfiguration().then(function (config) { ApiClient.getServerConfiguration().then(function (config) {
config.ServerName = $('#txtServerName', form).val(); config.ServerName = form.querySelector('#txtServerName').value;
config.UICulture = $('#selectLocalizationLanguage', form).val(); config.UICulture = form.querySelector('#selectLocalizationLanguage').value;
config.CachePath = form.querySelector('#txtCachePath').value; config.CachePath = form.querySelector('#txtCachePath').value;
config.MetadataPath = $('#txtMetadataPath', form).val(); config.MetadataPath = form.querySelector('#txtMetadataPath').value;
config.MetadataNetworkPath = $('#txtMetadataNetworkPath', form).val(); config.MetadataNetworkPath = form.querySelector('#txtMetadataNetworkPath').value;
config.QuickConnectAvailable = form.querySelector('#chkQuickConnectAvailable').checked; config.QuickConnectAvailable = form.querySelector('#chkQuickConnectAvailable').checked;
config.LibraryScanFanoutConcurrency = parseInt(form.querySelector('#txtLibraryScanFanoutConcurrency').value || '0', 10); config.LibraryScanFanoutConcurrency = parseInt(form.querySelector('#txtLibraryScanFanoutConcurrency').value || '0', 10);
config.ParallelImageEncodingLimit = parseInt(form.querySelector('#txtParallelImageEncodingLimit').value || '0', 10); config.ParallelImageEncodingLimit = parseInt(form.querySelector('#txtParallelImageEncodingLimit').value || '0', 10);
@ -72,15 +73,15 @@ export default function (view) {
import('../../components/directorybrowser/directorybrowser').then(({ default: DirectoryBrowser }) => { import('../../components/directorybrowser/directorybrowser').then(({ default: DirectoryBrowser }) => {
const picker = new DirectoryBrowser(); const picker = new DirectoryBrowser();
picker.show({ picker.show({
path: $('#txtMetadataPath', view).val(), path: view.querySelector('#txtMetadataPath').value,
networkSharePath: $('#txtMetadataNetworkPath', view).val(), networkSharePath: view.querySelector('#txtMetadataNetworkPath').value,
callback: function (path, networkPath) { callback: function (path, networkPath) {
if (path) { if (path) {
$('#txtMetadataPath', view).val(path); view.querySelector('#txtMetadataPath').value = path;
} }
if (networkPath) { if (networkPath) {
$('#txtMetadataNetworkPath', view).val(networkPath); view.querySelector('#txtMetadataNetworkPath').value = networkPath;
} }
picker.close(); picker.close();

26
src/controllers/dashboard/library.js
View file

@ -1,5 +1,4 @@
import escapeHtml from 'escape-html'; import escapeHtml from 'escape-html';
import 'jquery';
import taskButton from '../../scripts/taskbutton'; import taskButton from '../../scripts/taskbutton';
import loading from '../../components/loading/loading'; import loading from '../../components/loading/loading';
import globalize from '../../lib/globalize'; import globalize from '../../lib/globalize';
@ -181,20 +180,27 @@ function reloadVirtualFolders(page, virtualFolders) {
divVirtualFolders.innerHTML = html; divVirtualFolders.innerHTML = html;
divVirtualFolders.classList.add('itemsContainer'); divVirtualFolders.classList.add('itemsContainer');
divVirtualFolders.classList.add('vertical-wrap'); divVirtualFolders.classList.add('vertical-wrap');
$('.btnCardMenu', divVirtualFolders).on('click', function () { const btnCardMenuElements = divVirtualFolders.querySelectorAll('.btnCardMenu');
showCardMenu(page, this, virtualFolders); btnCardMenuElements.forEach(function (btn) {
btn.addEventListener('click', function () {
showCardMenu(page, btn, virtualFolders);
});
}); });
divVirtualFolders.querySelector('#addLibrary').addEventListener('click', function () { divVirtualFolders.querySelector('#addLibrary').addEventListener('click', function () {
addVirtualFolder(page); addVirtualFolder(page);
}); });
$('.editLibrary', divVirtualFolders).on('click', function () {
const card = $(this).parents('.card')[0];
const index = parseInt(card.getAttribute('data-index'), 10);
const virtualFolder = virtualFolders[index];
if (virtualFolder.ItemId) { const libraryEditElements = divVirtualFolders.querySelectorAll('.editLibrary');
editVirtualFolder(page, virtualFolder); libraryEditElements.forEach(function (btn) {
} btn.addEventListener('click', function () {
const card = dom.parentWithClass(btn, 'card');
const index = parseInt(card.getAttribute('data-index'), 10);
const virtualFolder = virtualFolders[index];
if (virtualFolder.ItemId) {
editVirtualFolder(page, virtualFolder);
}
});
}); });
loading.hide(); loading.hide();
} }

2
src/controllers/dashboard/librarydisplay.js
View file

@ -29,7 +29,7 @@ export default function(view) {
ApiClient.updateServerConfiguration(config).then(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateServerConfiguration(config).then(Dashboard.processServerConfigurationUpdateResult);
}); });
ApiClient.getNamedConfiguration('metadata').then(function(config) { ApiClient.getNamedConfiguration('metadata').then(function(config) {
config.UseFileCreationTimeForDateAdded = $('#selectDateAdded', form).val() === '1'; config.UseFileCreationTimeForDateAdded = form.querySelector('#selectDateAdded').value === '1';
ApiClient.updateNamedConfiguration('metadata', config); ApiClient.updateNamedConfiguration('metadata', config);
}); });

10
src/controllers/dashboard/metadatanfo.js
View file

@ -10,8 +10,10 @@ function loadPage(page, config, users) {
html += users.map(function (user) { html += users.map(function (user) {
return '<option value="' + user.Id + '">' + escapeHtml(user.Name) + '</option>'; return '<option value="' + user.Id + '">' + escapeHtml(user.Name) + '</option>';
}).join(''); }).join('');
$('#selectUser', page).html(html).val(config.UserId || ''); const elem = page.querySelector('#selectUser');
$('#selectReleaseDateFormat', page).val(config.ReleaseDateFormat); elem.innerHTML = html;
elem.value = config.UserId || '';
page.querySelector('#selectReleaseDateFormat').value = config.ReleaseDateFormat;
page.querySelector('#chkSaveImagePaths').checked = config.SaveImagePathsInNfo; page.querySelector('#chkSaveImagePaths').checked = config.SaveImagePathsInNfo;
page.querySelector('#chkEnablePathSubstitution').checked = config.EnablePathSubstitution; page.querySelector('#chkEnablePathSubstitution').checked = config.EnablePathSubstitution;
page.querySelector('#chkEnableExtraThumbs').checked = config.EnableExtraThumbsDuplication; page.querySelector('#chkEnableExtraThumbs').checked = config.EnableExtraThumbsDuplication;
@ -22,8 +24,8 @@ function onSubmit() {
loading.show(); loading.show();
const form = this; const form = this;
ApiClient.getNamedConfiguration(metadataKey).then(function (config) { ApiClient.getNamedConfiguration(metadataKey).then(function (config) {
config.UserId = $('#selectUser', form).val() || null; config.UserId = form.querySelector('#selectUser').value || null;
config.ReleaseDateFormat = $('#selectReleaseDateFormat', form).val(); config.ReleaseDateFormat = form.querySelector('#selectReleaseDateFormat').value;
config.SaveImagePathsInNfo = form.querySelector('#chkSaveImagePaths').checked; config.SaveImagePathsInNfo = form.querySelector('#chkSaveImagePaths').checked;
config.EnablePathSubstitution = form.querySelector('#chkEnablePathSubstitution').checked; config.EnablePathSubstitution = form.querySelector('#chkEnablePathSubstitution').checked;
config.EnableExtraThumbsDuplication = form.querySelector('#chkEnableExtraThumbs').checked; config.EnableExtraThumbsDuplication = form.querySelector('#chkEnableExtraThumbs').checked;

20
src/controllers/dashboard/playback.js
View file

@ -3,11 +3,11 @@ import loading from '../../components/loading/loading';
import Dashboard from '../../utils/dashboard'; import Dashboard from '../../utils/dashboard';
function loadPage(page, config) { function loadPage(page, config) {
$('#txtMinResumePct', page).val(config.MinResumePct); page.querySelector('#txtMinResumePct').value = config.MinResumePct;
$('#txtMaxResumePct', page).val(config.MaxResumePct); page.querySelector('#txtMaxResumePct').value = config.MaxResumePct;
$('#txtMinAudiobookResume', page).val(config.MinAudiobookResume); page.querySelector('#txtMinAudiobookResume').value = config.MinAudiobookResume;
$('#txtMaxAudiobookResume', page).val(config.MaxAudiobookResume); page.querySelector('#txtMaxAudiobookResume').value = config.MaxAudiobookResume;
$('#txtMinResumeDuration', page).val(config.MinResumeDurationSeconds); page.querySelector('#txtMinResumeDuration').value = config.MinResumeDurationSeconds;
loading.hide(); loading.hide();
} }
@ -15,11 +15,11 @@ function onSubmit() {
loading.show(); loading.show();
const form = this; const form = this;
ApiClient.getServerConfiguration().then(function (config) { ApiClient.getServerConfiguration().then(function (config) {
config.MinResumePct = $('#txtMinResumePct', form).val(); config.MinResumePct = form.querySelector('#txtMinResumePct').value;
config.MaxResumePct = $('#txtMaxResumePct', form).val(); config.MaxResumePct = form.querySelector('#txtMaxResumePct').value;
config.MinAudiobookResume = $('#txtMinAudiobookResume', form).val(); config.MinAudiobookResume = form.querySelector('#txtMinAudiobookResume').value;
config.MaxAudiobookResume = $('#txtMaxAudiobookResume', form).val(); config.MaxAudiobookResume = form.querySelector('#txtMaxAudiobookResume').value;
config.MinResumeDurationSeconds = $('#txtMinResumeDuration', form).val(); config.MinResumeDurationSeconds = form.querySelector('#txtMinResumeDuration').value;
ApiClient.updateServerConfiguration(config).then(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateServerConfiguration(config).then(Dashboard.processServerConfigurationUpdateResult);
}); });

77
src/controllers/dashboard/scheduledtasks/scheduledtask.js
View file

@ -1,4 +1,3 @@
import 'jquery';
import loading from '../../../components/loading/loading'; import loading from '../../../components/loading/loading';
import datetime from '../../../scripts/datetime'; import datetime from '../../../scripts/datetime';
import dom from '../../../scripts/dom'; import dom from '../../../scripts/dom';
@ -33,8 +32,8 @@ const ScheduledTaskPage = {
}); });
}, },
loadScheduledTask: function (view, task) { loadScheduledTask: function (view, task) {
$('.taskName', view).html(task.Name); view.querySelector('.taskName').innerHTML = task.Name;
$('#pTaskDescription', view).html(task.Description); view.querySelector('#pTaskDescription').innerHTML = task.Description;
import('../../../components/listview/listview.scss').then(() => { import('../../../components/listview/listview.scss').then(() => {
ScheduledTaskPage.loadTaskTriggers(view, task); ScheduledTaskPage.loadTaskTriggers(view, task);
@ -124,9 +123,9 @@ const ScheduledTaskPage = {
return datetime.getDisplayTime(now); return datetime.getDisplayTime(now);
}, },
showAddTriggerPopup: function (view) { showAddTriggerPopup: function (view) {
$('#selectTriggerType', view).val('DailyTrigger'); view.querySelector('#selectTriggerType').value = 'DailyTrigger';
view.querySelector('#selectTriggerType').dispatchEvent(new CustomEvent('change', {})); view.querySelector('#selectTriggerType').dispatchEvent(new CustomEvent('change', {}));
$('#popupAddTrigger', view).removeClass('hide'); view.querySelector('#popupAddTrigger').classList.remove('hide');
}, },
confirmDeleteTrigger: function (view, index) { confirmDeleteTrigger: function (view, index) {
confirm(globalize.translate('MessageDeleteTaskTrigger'), globalize.translate('HeaderDeleteTaskTrigger')).then(function () { confirm(globalize.translate('MessageDeleteTaskTrigger'), globalize.translate('HeaderDeleteTaskTrigger')).then(function () {
@ -145,54 +144,54 @@ const ScheduledTaskPage = {
}, },
refreshTriggerFields: function (page, triggerType) { refreshTriggerFields: function (page, triggerType) {
if (triggerType == 'DailyTrigger') { if (triggerType == 'DailyTrigger') {
$('#fldTimeOfDay', page).show(); page.querySelector('#fldTimeOfDay').classList.remove('hide');
$('#fldDayOfWeek', page).hide(); page.querySelector('#fldDayOfWeek').classList.add('hide');
$('#fldSelectSystemEvent', page).hide(); page.querySelector('#fldSelectSystemEvent').classList.add('hide');
$('#fldSelectInterval', page).hide(); page.querySelector('#fldSelectInterval').classList.add('hide');
$('#selectTimeOfDay', page).attr('required', 'required'); page.querySelector('#selectTimeOfDay').setAttribute('required', 'required');
} else if (triggerType == 'WeeklyTrigger') { } else if (triggerType == 'WeeklyTrigger') {
$('#fldTimeOfDay', page).show(); page.querySelector('#fldTimeOfDay').classList.remove('hide');
$('#fldDayOfWeek', page).show(); page.querySelector('#fldDayOfWeek').classList.remove('hide');
$('#fldSelectSystemEvent', page).hide(); page.querySelector('#fldSelectSystemEvent').classList.add('hide');
$('#fldSelectInterval', page).hide(); page.querySelector('#fldSelectInterval').classList.add('hide');
$('#selectTimeOfDay', page).attr('required', 'required'); page.querySelector('#selectTimeOfDay').setAttribute('required', 'required');
} else if (triggerType == 'SystemEventTrigger') { } else if (triggerType == 'SystemEventTrigger') {
$('#fldTimeOfDay', page).hide(); page.querySelector('#fldTimeOfDay').classList.add('hide');
$('#fldDayOfWeek', page).hide(); page.querySelector('#fldDayOfWeek').classList.add('hide');
$('#fldSelectSystemEvent', page).show(); page.querySelector('#fldSelectSystemEvent').classList.remove('hide');
$('#fldSelectInterval', page).hide(); page.querySelector('#fldSelectInterval').classList.add('hide');
$('#selectTimeOfDay', page).removeAttr('required'); page.querySelector('#selectTimeOfDay').removeAttribute('required');
} else if (triggerType == 'IntervalTrigger') { } else if (triggerType == 'IntervalTrigger') {
$('#fldTimeOfDay', page).hide(); page.querySelector('#fldTimeOfDay').classList.add('hide');
$('#fldDayOfWeek', page).hide(); page.querySelector('#fldDayOfWeek').classList.add('hide');
$('#fldSelectSystemEvent', page).hide(); page.querySelector('#fldSelectSystemEvent').classList.add('hide');
$('#fldSelectInterval', page).show(); page.querySelector('#fldSelectInterval').classList.remove('hide');
$('#selectTimeOfDay', page).removeAttr('required'); page.querySelector('#selectTimeOfDay').removeAttribute('required');
} else if (triggerType == 'StartupTrigger') { } else if (triggerType == 'StartupTrigger') {
$('#fldTimeOfDay', page).hide(); page.querySelector('#fldTimeOfDay').classList.add('hide');
$('#fldDayOfWeek', page).hide(); page.querySelector('#fldDayOfWeek').classList.add('hide');
$('#fldSelectSystemEvent', page).hide(); page.querySelector('#fldSelectSystemEvent').classList.add('hide');
$('#fldSelectInterval', page).hide(); page.querySelector('#fldSelectInterval').classList.add('hide');
$('#selectTimeOfDay', page).removeAttr('required'); page.querySelector('#selectTimeOfDay').removeAttribute('required');
} }
}, },
getTriggerToAdd: function (page) { getTriggerToAdd: function (page) {
const trigger = { const trigger = {
Type: $('#selectTriggerType', page).val() Type: page.querySelector('#selectTriggerType').value
}; };
if (trigger.Type == 'DailyTrigger') { if (trigger.Type == 'DailyTrigger') {
trigger.TimeOfDayTicks = $('#selectTimeOfDay', page).val(); trigger.TimeOfDayTicks = page.querySelector('#selectTimeOfDay').value;
} else if (trigger.Type == 'WeeklyTrigger') { } else if (trigger.Type == 'WeeklyTrigger') {
trigger.DayOfWeek = $('#selectDayOfWeek', page).val(); trigger.DayOfWeek = page.querySelector('#selectDayOfWeek').value;
trigger.TimeOfDayTicks = $('#selectTimeOfDay', page).val(); trigger.TimeOfDayTicks = page.querySelector('#selectTimeOfDay').value;
} else if (trigger.Type == 'SystemEventTrigger') { } else if (trigger.Type == 'SystemEventTrigger') {
trigger.SystemEvent = $('#selectSystemEvent', page).val(); trigger.SystemEvent = page.querySelector('#selectSystemEvent').value;
} else if (trigger.Type == 'IntervalTrigger') { } else if (trigger.Type == 'IntervalTrigger') {
trigger.IntervalTicks = $('#selectInterval', page).val(); trigger.IntervalTicks = page.querySelector('#selectInterval').value;
} }
let timeLimit = $('#txtTimeLimit', page).val() || '0'; let timeLimit = page.querySelector('#txtTimeLimit').value || '0';
timeLimit = parseFloat(timeLimit) * 3600000; timeLimit = parseFloat(timeLimit) * 3600000;
trigger.MaxRuntimeTicks = timeLimit * 1e4 || null; trigger.MaxRuntimeTicks = timeLimit * 1e4 || null;
@ -207,7 +206,7 @@ export default function (view) {
ApiClient.getScheduledTask(id).then(function (task) { ApiClient.getScheduledTask(id).then(function (task) {
task.Triggers.push(ScheduledTaskPage.getTriggerToAdd(view)); task.Triggers.push(ScheduledTaskPage.getTriggerToAdd(view));
ApiClient.updateScheduledTaskTriggers(task.Id, task.Triggers).then(function () { ApiClient.updateScheduledTaskTriggers(task.Id, task.Triggers).then(function () {
$('#popupAddTrigger').addClass('hide'); document.querySelector('#popupAddTrigger').classList.add('hide');
ScheduledTaskPage.refreshScheduledTask(view); ScheduledTaskPage.refreshScheduledTask(view);
}); });
}); });
@ -216,7 +215,7 @@ export default function (view) {
view.querySelector('.addTriggerForm').addEventListener('submit', onSubmit); view.querySelector('.addTriggerForm').addEventListener('submit', onSubmit);
fillTimeOfDay(view.querySelector('#selectTimeOfDay')); fillTimeOfDay(view.querySelector('#selectTimeOfDay'));
$(view.querySelector('#popupAddTrigger').parentNode).trigger('create'); view.querySelector('#popupAddTrigger').parentNode.trigger(new Event('create'));
view.querySelector('.selectTriggerType').addEventListener('change', function () { view.querySelector('.selectTriggerType').addEventListener('change', function () {
ScheduledTaskPage.refreshTriggerFields(view, this.value); ScheduledTaskPage.refreshTriggerFields(view, this.value);
}); });

3
src/controllers/dashboard/scheduledtasks/scheduledtasks.js
View file

@ -8,6 +8,7 @@ import Events from '../../../utils/events.ts';
import '../../../components/listview/listview.scss'; import '../../../components/listview/listview.scss';
import '../../../elements/emby-button/emby-button'; import '../../../elements/emby-button/emby-button';
import dom from 'scripts/dom';
function reloadList(page) { function reloadList(page) {
ApiClient.getScheduledTasks({ ApiClient.getScheduledTasks({
@ -122,7 +123,7 @@ function updateTaskButton(elem, state) {
setTaskButtonIcon(elem, 'play_arrow'); setTaskButtonIcon(elem, 'play_arrow');
elem.title = globalize.translate('ButtonStart'); elem.title = globalize.translate('ButtonStart');
} }
$(elem).parents('.listItem')[0].setAttribute('data-status', state); dom.parentWithClass(elem, 'listItem').setAttribute('data-status', state);
} }
export default function(view) { export default function(view) {

4
src/controllers/dashboard/streaming.js
View file

@ -3,7 +3,7 @@ import loading from '../../components/loading/loading';
import Dashboard from '../../utils/dashboard'; import Dashboard from '../../utils/dashboard';
function loadPage(page, config) { function loadPage(page, config) {
$('#txtRemoteClientBitrateLimit', page).val(config.RemoteClientBitrateLimit / 1e6 || ''); page.querySelector('#txtRemoteClientBitrateLimit').value = config.RemoteClientBitrateLimit / 1e6 || '';
loading.hide(); loading.hide();
} }
@ -11,7 +11,7 @@ function onSubmit() {
loading.show(); loading.show();
const form = this; const form = this;
ApiClient.getServerConfiguration().then(function (config) { ApiClient.getServerConfiguration().then(function (config) {
config.RemoteClientBitrateLimit = parseInt(1e6 * parseFloat($('#txtRemoteClientBitrateLimit', form).val() || '0'), 10); config.RemoteClientBitrateLimit = parseInt(1e6 * parseFloat(form.querySelector('#txtRemoteClientBitrateLimit').value || '0'), 10);
ApiClient.updateServerConfiguration(config).then(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateServerConfiguration(config).then(Dashboard.processServerConfigurationUpdateResult);
}); });

28
src/controllers/livetvsettings.js
View file

@ -6,11 +6,11 @@ import Dashboard from '../utils/dashboard';
import alert from '../components/alert'; import alert from '../components/alert';
function loadPage(page, config) { function loadPage(page, config) {
$('.liveTvSettingsForm', page).show(); page.querySelector('.liveTvSettingsForm').classList.remove('hide');
$('.noLiveTvServices', page).hide(); page.querySelector('.noLiveTvServices')?.classList.add('hide');
$('#selectGuideDays', page).val(config.GuideDays || ''); page.querySelector('#selectGuideDays').value = config.GuideDays || '';
$('#txtPrePaddingMinutes', page).val(config.PrePaddingSeconds / 60); page.querySelector('#txtPrePaddingMinutes').value = config.PrePaddingSeconds / 60;
$('#txtPostPaddingMinutes', page).val(config.PostPaddingSeconds / 60); page.querySelector('#txtPostPaddingMinutes').value = config.PostPaddingSeconds / 60;
page.querySelector('#txtRecordingPath').value = config.RecordingPath || ''; page.querySelector('#txtRecordingPath').value = config.RecordingPath || '';
page.querySelector('#txtMovieRecordingPath').value = config.MovieRecordingPath || ''; page.querySelector('#txtMovieRecordingPath').value = config.MovieRecordingPath || '';
page.querySelector('#txtSeriesRecordingPath').value = config.SeriesRecordingPath || ''; page.querySelector('#txtSeriesRecordingPath').value = config.SeriesRecordingPath || '';
@ -25,7 +25,7 @@ function onSubmit() {
loading.show(); loading.show();
const form = this; const form = this;
ApiClient.getNamedConfiguration('livetv').then(function (config) { ApiClient.getNamedConfiguration('livetv').then(function (config) {
config.GuideDays = $('#selectGuideDays', form).val() || null; config.GuideDays = form.querySelector('#selectGuideDays').value || null;
const recordingPath = form.querySelector('#txtRecordingPath').value || null; const recordingPath = form.querySelector('#txtRecordingPath').value || null;
const movieRecordingPath = form.querySelector('#txtMovieRecordingPath').value || null; const movieRecordingPath = form.querySelector('#txtMovieRecordingPath').value || null;
const seriesRecordingPath = form.querySelector('#txtSeriesRecordingPath').value || null; const seriesRecordingPath = form.querySelector('#txtSeriesRecordingPath').value || null;
@ -34,10 +34,10 @@ function onSubmit() {
config.MovieRecordingPath = movieRecordingPath; config.MovieRecordingPath = movieRecordingPath;
config.SeriesRecordingPath = seriesRecordingPath; config.SeriesRecordingPath = seriesRecordingPath;
config.RecordingEncodingFormat = 'mkv'; config.RecordingEncodingFormat = 'mkv';
config.PrePaddingSeconds = 60 * $('#txtPrePaddingMinutes', form).val(); config.PrePaddingSeconds = 60 * form.querySelector('#txtPrePaddingMinutes').value;
config.PostPaddingSeconds = 60 * $('#txtPostPaddingMinutes', form).val(); config.PostPaddingSeconds = 60 * form.querySelector('#txtPostPaddingMinutes').value;
config.RecordingPostProcessor = $('#txtPostProcessor', form).val(); config.RecordingPostProcessor = form.querySelector('#txtPostProcessor').value;
config.RecordingPostProcessorArguments = $('#txtPostProcessorArguments', form).val(); config.RecordingPostProcessorArguments = form.querySelector('#txtPostProcessorArguments').value;
config.SaveRecordingNFO = form.querySelector('#chkSaveRecordingNFO').checked; config.SaveRecordingNFO = form.querySelector('#chkSaveRecordingNFO').checked;
config.SaveRecordingImages = form.querySelector('#chkSaveRecordingImages').checked; config.SaveRecordingImages = form.querySelector('#chkSaveRecordingImages').checked;
ApiClient.updateNamedConfiguration('livetv', config).then(function () { ApiClient.updateNamedConfiguration('livetv', config).then(function () {
@ -69,7 +69,7 @@ $(document).on('pageinit', '#liveTvSettingsPage', function () {
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
$('#txtRecordingPath', page).val(path); page.querySelector('#txtRecordingPath').value = path;
} }
picker.close(); picker.close();
@ -84,7 +84,7 @@ $(document).on('pageinit', '#liveTvSettingsPage', function () {
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
$('#txtMovieRecordingPath', page).val(path); page.querySelector('#txtMovieRecordingPath').value = path;
} }
picker.close(); picker.close();
@ -99,7 +99,7 @@ $(document).on('pageinit', '#liveTvSettingsPage', function () {
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
$('#txtSeriesRecordingPath', page).val(path); page.querySelector('#txtSeriesRecordingPath').value = path;
} }
picker.close(); picker.close();
@ -115,7 +115,7 @@ $(document).on('pageinit', '#liveTvSettingsPage', function () {
includeFiles: true, includeFiles: true,
callback: function (path) { callback: function (path) {
if (path) { if (path) {
$('#txtPostProcessor', page).val(path); page.querySelector('#txtPostProcessor').value = path;
} }
picker.close(); picker.close();

35
src/controllers/livetvstatus.js
View file

@ -89,8 +89,8 @@ function submitAddDeviceForm(page) {
type: 'POST', type: 'POST',
url: ApiClient.getUrl('LiveTv/TunerHosts'), url: ApiClient.getUrl('LiveTv/TunerHosts'),
data: JSON.stringify({ data: JSON.stringify({
Type: $('#selectTunerDeviceType', page).val(), Type: page.querySelector('#selectTunerDeviceType').value,
Url: $('#txtDevicePath', page).val() Url: page.querySelector('#txtDevicePath').value
}), }),
contentType: 'application/json' contentType: 'application/json'
}).then(function () { }).then(function () {
@ -129,11 +129,17 @@ function renderProviders(page, providers) {
html += '</div>'; html += '</div>';
} }
const elem = $('.providerList', page).html(html); const elem = page.querySelector('.providerList');
$('.btnOptions', elem).on('click', function () { elem.innerHTML = html;
const id = this.getAttribute('data-id'); if (elem.querySelector('.btnOptions')) {
showProviderOptions(page, id, this); const btnOptionElements = elem.querySelectorAll('.btnOptions');
}); btnOptionElements.forEach(function (btn) {
btn.addEventListener('click', function () {
const id = this.getAttribute('data-id');
showProviderOptions(page, id, btn);
});
});
}
} }
function showProviderOptions(page, providerId, button) { function showProviderOptions(page, providerId, button) {
@ -297,14 +303,17 @@ function onDevicesListClick(e) {
$(document).on('pageinit', '#liveTvStatusPage', function () { $(document).on('pageinit', '#liveTvStatusPage', function () {
const page = this; const page = this;
$('.btnAddDevice', page).on('click', function () { page.querySelector('.btnAddDevice').addEventListener('click', function () {
addDevice(); addDevice();
}); });
$('.formAddDevice', page).on('submit', function () { if (page.querySelector('.formAddDevice')) {
submitAddDeviceForm(page); // NOTE: unused?
return false; page.querySelector('.formAddDevice').addEventListener('submit', function (e) {
}); e.preventDefault();
$('.btnAddProvider', page).on('click', function () { submitAddDeviceForm(page);
});
}
page.querySelector('.btnAddProvider').addEventListener('click', function () {
addProvider(this); addProvider(this);
}); });
page.querySelector('.devicesList').addEventListener('click', onDevicesListClick); page.querySelector('.devicesList').addEventListener('click', onDevicesListClick);

18
src/controllers/wizard/start/index.js
View file

@ -1,13 +1,15 @@
import 'jquery';
import loading from '../../../components/loading/loading'; import loading from '../../../components/loading/loading';
import '../../../elements/emby-button/emby-button'; import '../../../elements/emby-button/emby-button';
import '../../../elements/emby-select/emby-select'; import '../../../elements/emby-select/emby-select';
import Dashboard from '../../../utils/dashboard'; import Dashboard from '../../../utils/dashboard';
import dom from 'scripts/dom';
function loadPage(page, config, languageOptions) { function loadPage(page, config, languageOptions) {
$('#selectLocalizationLanguage', page).html(languageOptions.map(function (l) { const elem = page.querySelector('#selectLocalizationLanguage');
elem.innerHTML = languageOptions.map(function (l) {
return '<option value="' + l.Value + '">' + l.Name + '</option>'; return '<option value="' + l.Value + '">' + l.Name + '</option>';
})).val(config.UICulture); }).join('');
elem.value = config.UICulture;
loading.hide(); loading.hide();
} }
@ -15,7 +17,7 @@ function save(page) {
loading.show(); loading.show();
const apiClient = ApiClient; const apiClient = ApiClient;
apiClient.getJSON(apiClient.getUrl('Startup/Configuration')).then(function (config) { apiClient.getJSON(apiClient.getUrl('Startup/Configuration')).then(function (config) {
config.UICulture = $('#selectLocalizationLanguage', page).val(); config.UICulture = page.querySelector('#selectLocalizationLanguage').value;
apiClient.ajax({ apiClient.ajax({
type: 'POST', type: 'POST',
data: JSON.stringify(config), data: JSON.stringify(config),
@ -27,13 +29,13 @@ function save(page) {
}); });
} }
function onSubmit() { function onSubmit(e) {
save($(this).parents('.page')); e.preventDefault();
return false; save(dom.parentWithClass(this, 'page'));
} }
export default function (view) { export default function (view) {
$('.wizardStartForm', view).on('submit', onSubmit); view.querySelector('.wizardStartForm').addEventListener('submit', onSubmit);
view.addEventListener('viewshow', function () { view.addEventListener('viewshow', function () {
document.querySelector('.skinHeader').classList.add('noHomeButtonHeader'); document.querySelector('.skinHeader').classList.add('noHomeButtonHeader');
loading.show(); loading.show();