Refactor DirectoryBrowser class

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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