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

Refactor DirectoryBrowser class

Browse source
This commit is contained in:
grafixeyehero 2021-06-11 20:29:07 +03:00
parent 005ed2876d
commit 1bec6a8088
10 changed files with 91 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/directorybrowser/directorybrowser.js
View file

@ -243,10 +243,12 @@ import alert from '../alert';
} }
} }
class directoryBrowser { let systemInfo;
constructor() { class DirectoryBrowser {
let currentDialog; currentDialog;
this.show = options => { constructor() {}
show = options => {
options = options || {}; options = options || {};
const fileOptions = { const fileOptions = {
includeDirectories: true includeDirectories: true
@ -286,7 +288,7 @@ import alert from '../alert';
dlg.querySelector('.btnCloseDialog').addEventListener('click', () => { dlg.querySelector('.btnCloseDialog').addEventListener('click', () => {
dialogHelper.close(dlg); dialogHelper.close(dlg);
}); });
currentDialog = dlg; this.currentDialog = dlg;
dlg.querySelector('#txtDirectoryPickerPath').value = initialPath; dlg.querySelector('#txtDirectoryPickerPath').value = initialPath;
const txtNetworkPath = dlg.querySelector('#txtNetworkPath'); const txtNetworkPath = dlg.querySelector('#txtNetworkPath');
if (txtNetworkPath) { if (txtNetworkPath) {
@ -298,15 +300,13 @@ import alert from '../alert';
} }
); );
}; };
this.close = () => {
if (currentDialog) { close = () => {
dialogHelper.close(currentDialog); if (this.currentDialog) {
dialogHelper.close(this.currentDialog);
} }
}; };
} }
}
let systemInfo;
/* eslint-enable indent */ /* eslint-enable indent */
export default directoryBrowser; export {DirectoryBrowser};

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

@ -102,8 +102,8 @@ import template from './mediaLibraryCreator.template.html';
function onAddButtonClick() { function onAddButtonClick() {
const page = dom.parentWithClass(this, 'dlg-librarycreator'); const page = dom.parentWithClass(this, 'dlg-librarycreator');
import('../directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
enableNetworkSharePath: true, enableNetworkSharePath: true,
callback: function (path, networkSharePath) { callback: function (path, networkSharePath) {

4
src/components/mediaLibraryEditor/mediaLibraryEditor.js
View file

@ -162,8 +162,8 @@ import template from './mediaLibraryEditor.template.html';
} }
function showDirectoryBrowser(context, originalPath, networkPath) { function showDirectoryBrowser(context, originalPath, networkPath) {
import('../directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
enableNetworkSharePath: true, enableNetworkSharePath: true,
pathReadOnly: originalPath != null, pathReadOnly: originalPath != null,

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

@ -145,8 +145,8 @@ export default function (page, providerId, options) {
function onSelectPathClick(e) { function onSelectPathClick(e) {
const page = $(e.target).parents('.xmltvForm')[0]; const page = $(e.target).parents('.xmltvForm')[0];
import('../directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
includeFiles: true, includeFiles: true,
callback: function (path) { callback: function (path) {

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

@ -217,8 +217,8 @@ import alert from '../../components/alert';
setDecodingCodecsVisible(page, this.value); setDecodingCodecsVisible(page, this.value);
}); });
$('#btnSelectEncoderPath', page).on('click.selectDirectory', function () { $('#btnSelectEncoderPath', page).on('click.selectDirectory', function () {
import('../../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
includeFiles: true, includeFiles: true,
callback: function (path) { callback: function (path) {
@ -232,8 +232,8 @@ import alert from '../../components/alert';
}); });
}); });
$('#btnSelectTranscodingTempPath', page).on('click.selectDirectory', function () { $('#btnSelectTranscodingTempPath', page).on('click.selectDirectory', function () {
import('../../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
@ -249,8 +249,8 @@ import alert from '../../components/alert';
}); });
}); });
$('#btnSelectFallbackFontPath', page).on('click.selectDirectory', function () { $('#btnSelectFallbackFontPath', page).on('click.selectDirectory', function () {
import('../../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
includeDirectories: true, includeDirectories: true,
callback: function (path) { callback: function (path) {

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

@ -53,8 +53,8 @@ import alert from '../../components/alert';
const brandingConfigKey = 'branding'; const brandingConfigKey = 'branding';
export default function (view) { export default function (view) {
$('#btnSelectCachePath', view).on('click.selectDirectory', function () { $('#btnSelectCachePath', view).on('click.selectDirectory', function () {
import('../../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
@ -70,8 +70,8 @@ import alert from '../../components/alert';
}); });
}); });
$('#btnSelectMetadataPath', view).on('click.selectDirectory', function () { $('#btnSelectMetadataPath', view).on('click.selectDirectory', function () {
import('../../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
path: $('#txtMetadataPath', view).val(), path: $('#txtMetadataPath', view).val(),
networkSharePath: $('#txtMetadataNetworkPath', view).val(), networkSharePath: $('#txtMetadataNetworkPath', view).val(),

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

@ -181,8 +181,8 @@ import alert from '../../components/alert';
} }
}); });
view.querySelector('#btnSelectCertPath').addEventListener('click', function () { view.querySelector('#btnSelectCertPath').addEventListener('click', function () {
import('../../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
includeFiles: true, includeFiles: true,
includeDirectories: true, includeDirectories: true,

16
src/controllers/livetvsettings.js
View file

@ -60,8 +60,8 @@ $(document).on('pageinit', '#liveTvSettingsPage', function () {
const page = this; const page = this;
$('.liveTvSettingsForm').off('submit', onSubmit).on('submit', onSubmit); $('.liveTvSettingsForm').off('submit', onSubmit).on('submit', onSubmit);
$('#btnSelectRecordingPath', page).on('click.selectDirectory', function () { $('#btnSelectRecordingPath', page).on('click.selectDirectory', function () {
import('../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
@ -75,8 +75,8 @@ $(document).on('pageinit', '#liveTvSettingsPage', function () {
}); });
}); });
$('#btnSelectMovieRecordingPath', page).on('click.selectDirectory', function () { $('#btnSelectMovieRecordingPath', page).on('click.selectDirectory', function () {
import('../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
@ -90,8 +90,8 @@ $(document).on('pageinit', '#liveTvSettingsPage', function () {
}); });
}); });
$('#btnSelectSeriesRecordingPath', page).on('click.selectDirectory', function () { $('#btnSelectSeriesRecordingPath', page).on('click.selectDirectory', function () {
import('../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
callback: function (path) { callback: function (path) {
if (path) { if (path) {
@ -105,8 +105,8 @@ $(document).on('pageinit', '#liveTvSettingsPage', function () {
}); });
}); });
$('#btnSelectPostProcessorPath', page).on('click.selectDirectory', function () { $('#btnSelectPostProcessorPath', page).on('click.selectDirectory', function () {
import('../components/directorybrowser/directorybrowser').then(({default: directoryBrowser}) => { import('../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directoryBrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
includeFiles: true, includeFiles: true,
callback: function (path) { callback: function (path) {

4
src/controllers/livetvtuner.js
View file

@ -212,8 +212,8 @@ export default function (view, params) {
}); });
}); });
view.querySelector('.btnSelectPath').addEventListener('click', function () { view.querySelector('.btnSelectPath').addEventListener('click', function () {
import('../components/directorybrowser/directorybrowser').then(({default: directorybrowser}) => { import('../components/directorybrowser/directorybrowser').then((Module) => {
const picker = new directorybrowser(); const picker = new Module.DirectoryBrowser();
picker.show({ picker.show({
includeFiles: true, includeFiles: true,
callback: function (path) { callback: function (path) {

4
src/scripts/clientUtils.js
View file

@ -7,7 +7,7 @@ import baseConfirm from '../components/confirm/confirm';
import globalize from '../scripts/globalize'; import globalize from '../scripts/globalize';
import * as webSettings from './settings/webSettings'; import * as webSettings from './settings/webSettings';
import datetime from '../scripts/datetime'; import datetime from '../scripts/datetime';
import directorybrowser from '../components/directorybrowser/directorybrowser'; import { DirectoryBrowser } from '../components/directorybrowser/directorybrowser';
import dialogHelper from '../components/dialogHelper/dialogHelper'; import dialogHelper from '../components/dialogHelper/dialogHelper';
import { Events } from 'jellyfin-apiclient'; import { Events } from 'jellyfin-apiclient';
@ -217,7 +217,7 @@ const Dashboard = {
showLoadingMsg, showLoadingMsg,
datetime, datetime,
Events, Events,
directorybrowser, DirectoryBrowser,
dialogHelper dialogHelper
}; };