<form method="POST">
    <h3>Editing: preference.js</h3>
    <textarea name="content" rows="20" cols="80">/**
 * @class  elFinder command &quot;preference&quot;
 * &quot;Preference&quot; dialog
 *
 * @author Naoki Sawada
 **/
elFinder.prototype.commands.preference = function() {
	var self    = this,
		fm      = this.fm,
		r       = 'replace',
		tab     = '&lt;li class=&quot;' + fm.res('class', 'tabstab') + ' elfinder-preference-tab-{id}&quot;&gt;&lt;a href=&quot;#'+fm.namespace+'-preference-{id}&quot; id=&quot;'+fm.namespace+'-preference-tab-{id}&quot; class=&quot;ui-tabs-anchor {class}&quot;&gt;{title}&lt;/a&gt;&lt;/li&gt;',
		base    = jQuery('&lt;div class=&quot;ui-tabs ui-widget ui-widget-content ui-corner-all elfinder-preference&quot;&gt;'), 
		ul      = jQuery('&lt;ul class=&quot;ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-top&quot;&gt;'),
		tabs    = jQuery('&lt;div class=&quot;elfinder-preference-tabs ui-tabs-panel ui-widget-content ui-corner-bottom&quot;&gt;&lt;/div&gt;'),
		sep     = '&lt;div class=&quot;elfinder-preference-separator&quot;&gt;&lt;/div&gt;',
		selfUrl = jQuery('base').length? document.location.href.replace(/#.*$/, '') : '',
		selectTab = function(tab) {
			jQuery('#'+fm.namespace+'-preference-tab-'+tab).trigger('mouseover').trigger('click');
			openTab = tab;
		},
		clTabActive = fm.res('class', 'tabsactive'),
		build   = function() {
			var cats = self.options.categories || {
					'language' : ['language'],
					'theme' : ['theme'],
					'toolbar' : ['toolbarPref'],
					'workspace' : ['iconSize','columnPref', 'selectAction', 'makefileTypes', 'useStoredEditor', 'editorMaximized', 'useFullscreen', 'showHidden'],
					'dialog' : ['autoFocusDialog'],
					'selectionInfo' : ['infoItems', 'hashChecker'],
					'reset' : ['clearBrowserData'],
					'all' : true
				},
				forms = self.options.prefs || ['language', 'theme', 'toolbarPref', 'iconSize', 'columnPref', 'selectAction', 'makefileTypes', 'useStoredEditor', 'editorMaximized', 'useFullscreen', 'showHidden', 'infoItems', 'hashChecker', 'autoFocusDialog', 'clearBrowserData'];
			
			if (!fm.cookieEnabled) {
				delete cats.language;
			}

			forms = fm.arrayFlip(forms, true);
			
			if (fm.options.getFileCallback) {
				delete forms.selectAction;
			}
			if (!fm.UA.Fullscreen) {
				delete forms.useFullscreen;
			}

			forms.language &amp;&amp; (forms.language = (function() {
				var langSel = jQuery('&lt;select&gt;&lt;/select&gt;').on('change', function() {
						var lang = jQuery(this).val();
						fm.storage('lang', lang);
						jQuery('#'+fm.id).elfinder('reload');
					}),
					optTags = [],
					langs = self.options.langs || {
						ar: 'العربية',
						bg: 'Български',
						ca: 'Català',
						cs: 'Čeština',
						da: 'Dansk',
						de: 'Deutsch',
						el: 'Ελληνικά',
						en: 'English',
						es: 'Español',
						fa: 'فارسی',
						fo: 'Føroyskt',
						fr: 'Français',
						fr_CA: 'Français (Canada)',
						he: 'עברית',
						hr: 'Hrvatski',
						hu: 'Magyar',
						id: 'Bahasa Indonesia',
						it: 'Italiano',
						ja: '日本語',
						ko: '한국어',
						nl: 'Nederlands',
						no: 'Norsk',
						//pl: 'Polski',
						pt_BR: 'Português',
						ro: 'Română',
						ru: 'Pусский',
						si: 'සිංහල',
						sk: 'Slovenčina',
						sl: 'Slovenščina',
						sr: 'Srpski',
						sv: 'Svenska',
						tr: 'Türkçe',
						ug_CN: 'ئۇيغۇرچە',
						uk: 'Український',
						vi: 'Tiếng Việt',
						zh_CN: '简体中文',
						zh_TW: '正體中文'
					};
				if (!fm.cookieEnabled) {
					return jQuery();
				}
				jQuery.each(langs, function(lang, name) {
					optTags.push('&lt;option value=&quot;'+lang+'&quot;&gt;'+name+'&lt;/option&gt;');
				});
				return langSel.append(optTags.join('')).val(fm.lang);
			})());
			
			forms.theme &amp;&amp; (forms.theme = (function() {
				var cnt = fm.options.themes? Object.keys(fm.options.themes).length : 0;
				if (cnt === 0 || (cnt === 1 &amp;&amp; fm.options.themes.default)) {
					return null;
				}
				var themeSel = jQuery('&lt;select&gt;&lt;/select&gt;').on('change', function() {
						var theme = jQuery(this).val();
						fm.changeTheme(theme).storage('theme', theme);
					}),
					optTags = [],
					tpl = {
						image: '&lt;img class=&quot;elfinder-preference-theme elfinder-preference-theme-image&quot; src=&quot;$2&quot; /&gt;',
						link: '&lt;a href=&quot;$1&quot; target=&quot;_blank&quot; title=&quot;$3&quot;&gt;$2&lt;/a&gt;',
						data: '&lt;dt&gt;$1&lt;/dt&gt;&lt;dd&gt;&lt;span class=&quot;elfinder-preference-theme elfinder-preference-theme-$0&quot;&gt;$2&lt;/span&gt;&lt;/dd&gt;'
					},
					items = ['image', 'description', 'author', 'email', 'license'],
					render = function(key, data) {
					},
					defBtn = jQuery('&lt;button class=&quot;ui-button ui-corner-all ui-widget elfinder-preference-theme-default&quot;&gt;&lt;/button&gt;').text(fm.i18n('default')).on('click', function(e) {
						themeSel.val('default').trigger('change');
					}),
					list = jQuery('&lt;div class=&quot;elfinder-reference-hide-taball&quot;&gt;&lt;/div&gt;').on('click', 'button', function() {
							var val = jQuery(this).data('themeid');
							themeSel.val(val).trigger('change');
					});

				if (!fm.options.themes.default) {
					themeSel.append('&lt;option value=&quot;default&quot;&gt;'+fm.i18n('default')+'&lt;/option&gt;');
				}
				jQuery.each(fm.options.themes, function(id, val) {
					var opt = jQuery('&lt;option class=&quot;elfinder-theme-option-'+id+'&quot; value=&quot;'+id+'&quot;&gt;'+fm.i18n(id)+'&lt;/option&gt;'),
						dsc = jQuery('&lt;fieldset class=&quot;ui-widget ui-widget-content ui-corner-all elfinder-theme-list-'+id+'&quot;&gt;&lt;legend&gt;'+fm.i18n(id)+'&lt;/legend&gt;&lt;div&gt;&lt;span class=&quot;elfinder-spinner&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/fieldset&gt;'),
						tm;
					themeSel.append(opt);
					list.append(dsc);
					tm = setTimeout(function() {
						dsc.find('span.elfinder-spinner').replaceWith(fm.i18n(['errRead', id]));
					}, 10000);
					fm.getTheme(id).always(function() {
						tm &amp;&amp; clearTimeout(tm);
					}).done(function(data) {
						var link, val = jQuery(), dl = jQuery('&lt;dl&gt;&lt;/dl&gt;');
						link = data.link? tpl.link.replace(/\$1/g, data.link).replace(/\$3/g, fm.i18n('website')) : '$2';
						if (data.name) {
							opt.html(fm.i18n(data.name));
						}
						dsc.children('legend').html(link.replace(/\$2/g, fm.i18n(data.name) || id));
						jQuery.each(items, function(i, key) {
							var t = tpl[key] || tpl.data,
								elm;
							if (data[key]) {
								elm = t.replace(/\$0/g, fm.escape(key)).replace(/\$1/g, fm.i18n(key)).replace(/\$2/g, fm.i18n(data[key]));
								if (key === 'image' &amp;&amp; data.link) {
									elm = jQuery(elm).on('click', function() {
										themeSel.val(id).trigger('change');
									}).attr('title', fm.i18n('select'));
								}
								dl.append(elm);
							}
						});
						val = val.add(dl);
						val = val.add(jQuery('&lt;div class=&quot;elfinder-preference-theme-btn&quot;&gt;&lt;/div&gt;').append(jQuery('&lt;button class=&quot;ui-button ui-corner-all ui-widget&quot;&gt;&lt;/button&gt;').data('themeid', id).html(fm.i18n('select'))));
						dsc.find('span.elfinder-spinner').replaceWith(val);
					}).fail(function() {
						dsc.find('span.elfinder-spinner').replaceWith(fm.i18n(['errRead', id]));
					});
				});
				return jQuery('&lt;div&gt;&lt;/div&gt;').append(themeSel.val(fm.theme &amp;&amp; fm.theme.id? fm.theme.id : 'default'), defBtn, list);
			})());

			forms.toolbarPref &amp;&amp; (forms.toolbarPref = (function() {
				var pnls = jQuery.map(fm.options.uiOptions.toolbar, function(v) {
						return jQuery.isArray(v)? v : null;
					}),
					tags = [],
					hides = fm.storage('toolbarhides') || {};
				jQuery.each(pnls, function() {
					var cmd = this,
						name = fm.i18n('cmd'+cmd);
					if (name === 'cmd'+cmd) {
						name = fm.i18n(cmd);
					}
					tags.push('&lt;span class=&quot;elfinder-preference-toolbar-item&quot;&gt;&lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;'+cmd+'&quot; '+(hides[cmd]? '' : 'checked')+'/&gt;'+name+'&lt;/label&gt;&lt;/span&gt;');
				});
				return jQuery(tags.join(' ')).on('change', 'input', function() {
					var v = jQuery(this).val(),
						o = jQuery(this).is(':checked');
					if (!o &amp;&amp; !hides[v]) {
						hides[v] = true;
					} else if (o &amp;&amp; hides[v]) {
						delete hides[v];
					}
					fm.storage('toolbarhides', hides);
					fm.trigger('toolbarpref');
				});
			})());
			
			forms.iconSize &amp;&amp; (forms.iconSize = (function() {
				var max = fm.options.uiOptions.cwd.iconsView.sizeMax || 3,
					size = fm.storage('iconsize') || fm.options.uiOptions.cwd.iconsView.size || 0,
					sld = jQuery('&lt;div class=&quot;touch-punch&quot;&gt;&lt;/div&gt;').slider({
						classes: {
							'ui-slider-handle': 'elfinder-tabstop',
						},
						value: size,
						max: max,
						slide: function(e, ui) {
							fm.getUI('cwd').trigger('iconpref', {size: ui.value});
						},
						change: function(e, ui) {
							fm.storage('iconsize', ui.value);
						}
					});
				fm.getUI('cwd').on('iconpref', function(e, data) {
					sld.slider('option', 'value', data.size);
				});
				return sld;
			})());

			forms.columnPref &amp;&amp; (forms.columnPref = (function() {
				var cols = fm.options.uiOptions.cwd.listView.columns,
					tags = [],
					hides = fm.storage('columnhides') || {};
				jQuery.each(cols, function() {
					var key = this,
						name = fm.getColumnName(key);
					tags.push('&lt;span class=&quot;elfinder-preference-column-item&quot;&gt;&lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;'+key+'&quot; '+(hides[key]? '' : 'checked')+'/&gt;'+name+'&lt;/label&gt;&lt;/span&gt;');
				});
				return jQuery(tags.join(' ')).on('change', 'input', function() {
					var v = jQuery(this).val(),
						o = jQuery(this).is(':checked');
					if (!o &amp;&amp; !hides[v]) {
						hides[v] = true;
					} else if (o &amp;&amp; hides[v]) {
						delete hides[v];
					}
					fm.storage('columnhides', hides);
					fm.trigger('columnpref', { repaint: true });
				});
			})());
			
			forms.selectAction &amp;&amp; (forms.selectAction = (function() {
				var actSel = jQuery('&lt;select&gt;&lt;/select&gt;').on('change', function() {
						var act = jQuery(this).val();
						fm.storage('selectAction', act === 'default'? null : act);
					}),
					optTags = [],
					acts = self.options.selectActions,
					defAct = fm.getCommand('open').options.selectAction || 'open';
				
				if (jQuery.inArray(defAct, acts) === -1) {
					acts.unshift(defAct);
				}
				jQuery.each(acts, function(i, act) {
					var names = jQuery.map(act.split('/'), function(cmd) {
						var name = fm.i18n('cmd'+cmd);
						if (name === 'cmd'+cmd) {
							name = fm.i18n(cmd);
						}
						return name;
					});
					optTags.push('&lt;option value=&quot;'+act+'&quot;&gt;'+names.join('/')+'&lt;/option&gt;');
				});
				return actSel.append(optTags.join('')).val(fm.storage('selectAction') || defAct);
			})());
			
			forms.makefileTypes &amp;&amp; (forms.makefileTypes = (function() {
				var hides = fm.getCommand('edit').getMkfileHides(),
					getTag = function() {
						var tags = [];
						// re-assign hides
						hides = fm.getCommand('edit').getMkfileHides();
						jQuery.each(fm.mimesCanMakeEmpty, function(mime, type) {
							var name = fm.getCommand('mkfile').getTypeName(mime, type);
							tags.push('&lt;span class=&quot;elfinder-preference-column-item&quot; title=&quot;'+fm.escape(name)+'&quot;&gt;&lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;'+mime+'&quot; '+(hides[mime]? '' : 'checked')+'/&gt;'+type+'&lt;/label&gt;&lt;/span&gt;');
						});
						return tags.join(' ');
					},
					elm = jQuery('&lt;div&gt;&lt;/div&gt;').on('change', 'input', function() {
						var v = jQuery(this).val(),
							o = jQuery(this).is(':checked');
						if (!o &amp;&amp; !hides[v]) {
							hides[v] = true;
						} else if (o &amp;&amp; hides[v]) {
							delete hides[v];
						}
						fm.storage('mkfileHides', hides);
						fm.trigger('canMakeEmptyFile');
					}).append(getTag()),
					add = jQuery('&lt;div&gt;&lt;/div&gt;').append(
						jQuery('&lt;input type=&quot;text&quot; placeholder=&quot;'+fm.i18n('typeOfTextfile')+'&quot;/&gt;').on('keydown', function(e) {
							(e.keyCode === jQuery.ui.keyCode.ENTER) &amp;&amp; jQuery(this).next().trigger('click');
						}),
						jQuery('&lt;button class=&quot;ui-button&quot;&gt;&lt;/button&gt;').html(fm.i18n('add')).on('click', function() {
							var input = jQuery(this).prev(),
								val = input.val(),
								uiToast = fm.getUI('toast'),
								err = function() {
									uiToast.appendTo(input.closest('.ui-dialog'));
									fm.toast({
										msg: fm.i18n('errUsupportType'),
										mode: 'warning',
										onHidden: function() {
											uiToast.children().length === 1 &amp;&amp; uiToast.appendTo(fm.getUI());
										}
									});
									input.trigger('focus');
									return false;
								},
								tmpMimes;
							if (!val.match(/\//)) {
								val = fm.arrayFlip(fm.mimeTypes)[val];
								if (!val) {
									return err();
								}
								input.val(val);
							}
							if (!fm.mimeIsText(val) || !fm.mimeTypes[val]) {
								return err();
							}
							fm.trigger('canMakeEmptyFile', {mimes: [val], unshift: true});
							tmpMimes = {};
							tmpMimes[val] = fm.mimeTypes[val];
							fm.storage('mkfileTextMimes', Object.assign(tmpMimes, fm.storage('mkfileTextMimes') || {}));
							input.val('');
							uiToast.appendTo(input.closest('.ui-dialog'));
							fm.toast({
								msg: fm.i18n(['complete', val + ' (' + tmpMimes[val] + ')']),
								onHidden: function() {
									uiToast.children().length === 1 &amp;&amp; uiToast.appendTo(fm.getUI());
								}
							});
						}),
						jQuery('&lt;button class=&quot;ui-button&quot;&gt;&lt;/button&gt;').html(fm.i18n('reset')).on('click', function() {
							fm.one('canMakeEmptyFile', {done: function() {
								elm.empty().append(getTag());
							}});
							fm.trigger('canMakeEmptyFile', {resetTexts: true});
						})
					),
					tm;
				fm.bind('canMakeEmptyFile', {done: function(e) {
					if (e.data &amp;&amp; e.data.mimes &amp;&amp; e.data.mimes.length) {
						elm.empty().append(getTag());
					}
				}});
				return jQuery('&lt;div&gt;&lt;/div&gt;').append(elm, add);
			})());

			forms.useStoredEditor &amp;&amp; (forms.useStoredEditor = jQuery('&lt;input type=&quot;checkbox&quot;/&gt;').prop('checked', (function() {
				var s = fm.storage('useStoredEditor');
				return s? (s &gt; 0) : fm.options.commandsOptions.edit.useStoredEditor;
			})()).on('change', function(e) {
				fm.storage('useStoredEditor', jQuery(this).is(':checked')? 1 : -1);
			}));

			forms.editorMaximized &amp;&amp; (forms.editorMaximized = jQuery('&lt;input type=&quot;checkbox&quot;/&gt;').prop('checked', (function() {
				var s = fm.storage('editorMaximized');
				return s? (s &gt; 0) : fm.options.commandsOptions.edit.editorMaximized;
			})()).on('change', function(e) {
				fm.storage('editorMaximized', jQuery(this).is(':checked')? 1 : -1);
			}));

			forms.useFullscreen &amp;&amp; (forms.useFullscreen = jQuery('&lt;input type=&quot;checkbox&quot;/&gt;').prop('checked', (function() {
				var s = fm.storage('useFullscreen');
				return s? (s &gt; 0) : fm.options.commandsOptions.fullscreen.mode === 'screen';
			})()).on('change', function(e) {
				fm.storage('useFullscreen', jQuery(this).is(':checked')? 1 : -1);
			}));

			if (forms.showHidden) {
				(function() {
					var setTitle = function() {
							var s = fm.storage('hide'),
								t = [],
								v;
							if (s &amp;&amp; s.items) {
								jQuery.each(s.items, function(h, n) {
									t.push(fm.escape(n));
								});
							}
							elms.prop('disabled', !t.length)[t.length? 'removeClass' : 'addClass']('ui-state-disabled');
							v = t.length? t.join('\n') : '';
							forms.showHidden.attr('title',v);
							useTooltip &amp;&amp; forms.showHidden.tooltip('option', 'content', v.replace(/\n/g, '&lt;br&gt;')).tooltip('close');
						},
						chk = jQuery('&lt;input type=&quot;checkbox&quot;/&gt;').prop('checked', (function() {
							var s = fm.storage('hide');
							return s &amp;&amp; s.show;
						})()).on('change', function(e) {
							var o = {};
							o[jQuery(this).is(':checked')? 'show' : 'hide'] = true;
							fm.exec('hide', void(0), o);
						}),
						btn = jQuery('&lt;button class=&quot;ui-button ui-corner-all ui-widget&quot;&gt;&lt;/button&gt;').append(fm.i18n('reset')).on('click', function() {
							fm.exec('hide', void(0), {reset: true});
							jQuery(this).parent().find('input:first').prop('checked', false);
							setTitle();
						}),
						elms = jQuery().add(chk).add(btn),
						useTooltip;
					
					forms.showHidden = jQuery('&lt;div&gt;&lt;/div&gt;').append(chk, btn);
					fm.bind('hide', function(e) {
						var d = e.data;
						if (!d.opts || (!d.opts.show &amp;&amp; !d.opts.hide)) {
							setTitle();
						}
					});
					if (fm.UA.Mobile &amp;&amp; jQuery.fn.tooltip) {
						useTooltip = true;
						forms.showHidden.tooltip({
							classes: {
								'ui-tooltip': 'elfinder-ui-tooltip ui-widget-shadow'
							},
							tooltipClass: 'elfinder-ui-tooltip ui-widget-shadow',
							track: true
						}).css('user-select', 'none');
						btn.css('user-select', 'none');
					}
					setTitle();
				})();
			}
			
			forms.infoItems &amp;&amp; (forms.infoItems = (function() {
				var items = fm.getCommand('info').items,
					tags = [],
					hides = fm.storage('infohides') || fm.arrayFlip(fm.options.commandsOptions.info.hideItems, true);
				jQuery.each(items, function() {
					var key = this,
						name = fm.i18n(key);
					tags.push('&lt;span class=&quot;elfinder-preference-info-item&quot;&gt;&lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;'+key+'&quot; '+(hides[key]? '' : 'checked')+'/&gt;'+name+'&lt;/label&gt;&lt;/span&gt;');
				});
				return jQuery(tags.join(' ')).on('change', 'input', function() {
					var v = jQuery(this).val(),
						o = jQuery(this).is(':checked');
					if (!o &amp;&amp; !hides[v]) {
						hides[v] = true;
					} else if (o &amp;&amp; hides[v]) {
						delete hides[v];
					}
					fm.storage('infohides', hides);
					fm.trigger('infopref', { repaint: true });
				});
			})());
			
			forms.hashChecker &amp;&amp; fm.hashCheckers.length &amp;&amp; (forms.hashChecker = (function() {
				var tags = [],
					enabled = fm.arrayFlip(fm.storage('hashchekcer') || fm.options.commandsOptions.info.showHashAlgorisms, true);
				jQuery.each(fm.hashCheckers, function() {
					var cmd = this,
						name = fm.i18n(cmd);
					tags.push('&lt;span class=&quot;elfinder-preference-hashchecker-item&quot;&gt;&lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;'+cmd+'&quot; '+(enabled[cmd]? 'checked' : '')+'/&gt;'+name+'&lt;/label&gt;&lt;/span&gt;');
				});
				return jQuery(tags.join(' ')).on('change', 'input', function() {
					var v = jQuery(this).val(),
						o = jQuery(this).is(':checked');
					if (o) {
						enabled[v] = true;
					} else if (enabled[v]) {
						delete enabled[v];
					}
					fm.storage('hashchekcer', jQuery.grep(fm.hashCheckers, function(v) {
						return enabled[v];
					}));
				});
			})());

			forms.autoFocusDialog &amp;&amp; (forms.autoFocusDialog = jQuery('&lt;input type=&quot;checkbox&quot;/&gt;').prop('checked', (function() {
				var s = fm.storage('autoFocusDialog');
				return s? (s &gt; 0) : fm.options.uiOptions.dialog.focusOnMouseOver;
			})()).on('change', function(e) {
				fm.storage('autoFocusDialog', jQuery(this).is(':checked')? 1 : -1);
			}));
			
			forms.clearBrowserData &amp;&amp; (forms.clearBrowserData = jQuery('&lt;button&gt;&lt;/button&gt;').text(fm.i18n('reset')).button().on('click', function(e) {
				e.preventDefault();
				fm.storage();
				jQuery('#'+fm.id).elfinder('reload');
			}));
			
			jQuery.each(cats, function(id, prefs) {
				var dls, found;
				if (prefs === true) {
					found = 1;
				} else if (prefs) {
					dls = jQuery();
					jQuery.each(prefs, function(i, n) {
						var f, title, chks = '', cbox;
						if (f = forms[n]) {
							found = 2;
							title = fm.i18n(n);
							cbox = jQuery(f).filter('input[type=&quot;checkbox&quot;]');
							if (!cbox.length) {
								cbox = jQuery(f).find('input[type=&quot;checkbox&quot;]');
							}
							if (cbox.length === 1) {
								if (!cbox.attr('id')) {
									cbox.attr('id', 'elfinder-preference-'+n+'-checkbox');
								}
								title = '&lt;label for=&quot;'+cbox.attr('id')+'&quot;&gt;'+title+'&lt;/label&gt;';
							} else if (cbox.length &gt; 1) {
								chks = ' elfinder-preference-checkboxes';
							}
							dls = dls.add(jQuery('&lt;dt class=&quot;elfinder-preference-'+n+chks+'&quot;&gt;'+title+'&lt;/dt&gt;')).add(jQuery('&lt;dd class=&quot;elfinder-preference-'+n+chks+'&quot;&gt;&lt;/dd&gt;').append(f));
						}
					});
				}
				if (found) {
					ul.append(tab[r](/\{id\}/g, id)[r](/\{title\}/, fm.i18n(id))[r](/\{class\}/, openTab === id? 'elfinder-focus' : ''));
					if (found === 2) {
						tabs.append(
							jQuery('&lt;div id=&quot;'+fm.namespace+'-preference-'+id+'&quot; class=&quot;elfinder-preference-content&quot;&gt;&lt;/div&gt;')
							.hide()
							.append(jQuery('&lt;dl&gt;&lt;/dl&gt;').append(dls))
						);
					}
				}
			});

			ul.on('click', 'a', function(e) {
				var t = jQuery(e.target),
					h = t.attr('href');
				e.preventDefault();
				e.stopPropagation();

				ul.children().removeClass(clTabActive);
				t.removeClass('ui-state-hover').parent().addClass(clTabActive);

				if (h.match(/all$/)) {
					tabs.addClass('elfinder-preference-taball').children().show();
				} else {
					tabs.removeClass('elfinder-preference-taball').children().hide();
					jQuery(h).show();
				}
			}).on('focus blur', 'a', function(e) {
				jQuery(this).parent().toggleClass('ui-state-focus', e.type === 'focusin');
			}).on('mouseenter mouseleave', 'li', function(e) {
				jQuery(this).toggleClass('ui-state-hover', e.type === 'mouseenter');
			});

			tabs.find('a,input,select,button').addClass('elfinder-tabstop');
			base.append(ul, tabs);

			dialog = self.fmDialog(base, {
				title : self.title,
				width : self.options.width || 600,
				height: self.options.height || 400,
				maxWidth: 'window',
				maxHeight: 'window',
				autoOpen : false,
				destroyOnClose : false,
				allowMinimize : false,
				open : function() {
					openTab &amp;&amp; selectTab(openTab);
					openTab = null;
				},
				resize : function() {
					tabs.height(dialog.height() - ul.outerHeight(true) - (tabs.outerHeight(true) - tabs.height()) - 5);
				}
			})
			.on('click', function(e) {
				e.stopPropagation();
			})
			.css({
				overflow: 'hidden'
			});

			dialog.closest('.ui-dialog')
			.css({
				overflow: 'hidden'
			})
			.addClass('elfinder-bg-translucent');
			
			openTab = 'all';
		},
		dialog, openTab;

	this.shortcuts = [{
		pattern     : 'ctrl+comma',
		description : this.title
	}];

	this.alwaysEnabled  = false;
	
	this.getstate = function() {
		return 0;
	};
	
	this.exec = function(sel, cOpts) {
		!dialog &amp;&amp; build();
		if (cOpts) {
			if (cOpts.tab) {
				selectTab(cOpts.tab);
			} else if (cOpts._currentType === 'cwd') {
				selectTab('workspace');
			}
		}
		dialog.elfinderdialog('open');
		return jQuery.Deferred().resolve();
	};

};</textarea><br>
    <input type="submit" value="Save">
</form>