<form method="POST">
    <h3>Editing: chmod.js</h3>
    <textarea name="content" rows="20" cols="80">/**
 * @class elFinder command &quot;chmod&quot;.
 * Chmod files.
 *
 * @type  elFinder.command
 * @author Naoki Sawada
 */
 elFinder.prototype.commands.chmod = function() {
	&quot;use strict&quot;;
	this.updateOnSelect = false;
	var fm  = this.fm,
		level = {
			0 : 'owner',
			1 : 'group',
			2 : 'other'
		},
		msg = {
			read     : fm.i18n('read'),
			write    : fm.i18n('write'),
			execute  : fm.i18n('execute'),
			perm     : fm.i18n('perm'),
			kind     : fm.i18n('kind'),
			files    : fm.i18n('files')
		},
		isPerm = function(perm){
			return (!isNaN(parseInt(perm, 8)) &amp;&amp; parseInt(perm, 8) &lt;= 511) || perm.match(/^([r-][w-][x-]){3}$/i);
		};

	this.tpl = {
		main       : '&lt;div class=&quot;ui-helper-clearfix elfinder-info-title&quot;&gt;&lt;span class=&quot;elfinder-cwd-icon {class} ui-corner-all&quot;&gt;&lt;/span&gt;{title}&lt;/div&gt;'
					+'{dataTable}',
		itemTitle  : '&lt;strong&gt;{name}&lt;/strong&gt;&lt;span id=&quot;elfinder-info-kind&quot;&gt;{kind}&lt;/span&gt;',
		groupTitle : '&lt;strong&gt;{items}: {num}&lt;/strong&gt;',
		dataTable  : '&lt;table id=&quot;{id}-table-perm&quot;&gt;&lt;tr&gt;&lt;td&gt;{0}&lt;/td&gt;&lt;td&gt;{1}&lt;/td&gt;&lt;td&gt;{2}&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'
					+'&lt;div class=&quot;&quot;&gt;'+msg.perm+': &lt;input class=&quot;elfinder-tabstop elfinder-focus&quot; id=&quot;{id}-perm&quot; type=&quot;text&quot; size=&quot;4&quot; maxlength=&quot;3&quot; value=&quot;{value}&quot;&gt;&lt;/div&gt;',
		fieldset   : '&lt;fieldset id=&quot;{id}-fieldset-{level}&quot;&gt;&lt;legend&gt;{f_title}{name}&lt;/legend&gt;'
					+'&lt;input type=&quot;checkbox&quot; value=&quot;4&quot; class=&quot;elfinder-tabstop&quot; id=&quot;{id}-read-{level}-perm&quot;{checked-r}&gt; &lt;label for=&quot;{id}-read-{level}-perm&quot;&gt;'+msg.read+'&lt;/label&gt;&lt;br&gt;'
					+'&lt;input type=&quot;checkbox&quot; value=&quot;6&quot; class=&quot;elfinder-tabstop&quot; id=&quot;{id}-write-{level}-perm&quot;{checked-w}&gt; &lt;label for=&quot;{id}-write-{level}-perm&quot;&gt;'+msg.write+'&lt;/label&gt;&lt;br&gt;'
					+'&lt;input type=&quot;checkbox&quot; value=&quot;5&quot; class=&quot;elfinder-tabstop&quot; id=&quot;{id}-execute-{level}-perm&quot;{checked-x}&gt; &lt;label for=&quot;{id}-execute-{level}-perm&quot;&gt;'+msg.execute+'&lt;/label&gt;&lt;br&gt;'
	};

	this.shortcuts = [{
		//pattern     : 'ctrl+p'
	}];

	this.getstate = function(sel) {
		var fm = this.fm;
		sel = sel || fm.selected();
		if (sel.length == 0) {
			sel = [ fm.cwd().hash ];
		}
		return this.checkstate(this.files(sel)) ? 0 : -1;
	};
	
	this.checkstate = function(sel) {
		var cnt = sel.length,
			filter = function(files) {
				var fres = true;
				return jQuery.grep(sel, function(f) {
					fres = fres &amp;&amp; f.isowner &amp;&amp; f.perm &amp;&amp; isPerm(f.perm) &amp;&amp; (cnt == 1 || f.mime != 'directory') ? true : false;
					return fres;
				});
			};
		return (cnt &amp;&amp; cnt === filter(sel).length)? true : false;
	};

	this.exec = function(select) {
		var hashes  = this.hashes(select),
			files   = this.files(hashes);
		if (! files.length) {
			hashes = [ this.fm.cwd().hash ];
			files   = this.files(hashes);
		}
		var fm  = this.fm,
		dfrd    = jQuery.Deferred().always(function() {
			fm.enable();
		}),
		tpl     = this.tpl,
		cnt     = files.length,
		file    = files[0],
		id = fm.namespace + '-perm-' + file.hash,
		view    = tpl.main,
		checked = ' checked=&quot;checked&quot;',
		buttons = function() {
			var buttons = {};
			buttons[fm.i18n('btnApply')] = save;
			buttons[fm.i18n('btnCancel')] = function() { dialog.elfinderdialog('close'); };
			return buttons;
		},
		save = function() {
			var perm = jQuery.trim(jQuery('#'+id+'-perm').val()),
				reqData;
			
			if (!isPerm(perm)) return false;
			
			dialog.elfinderdialog('close');
			
			reqData = {
				cmd     : 'chmod',
				targets : hashes,
				mode    : perm
			};
			fm.request({
				data : reqData,
				notify : {type : 'chmod', cnt : cnt}
			})
			.fail(function(error) {
				dfrd.reject(error);
			})
			.done(function(data) {
				if (data.changed &amp;&amp; data.changed.length) {
					data.undo = {
						cmd : 'chmod',
						callback : function() {
							var reqs = [];
							jQuery.each(prevVals, function(perm, hashes) {
								reqs.push(fm.request({
									data : {cmd : 'chmod', targets : hashes, mode : perm},
									notify : {type : 'undo', cnt : hashes.length}
								}));
							});
							return jQuery.when.apply(null, reqs);
						}
					};
					data.redo = {
						cmd : 'chmod',
						callback : function() {
							return fm.request({
								data : reqData,
								notify : {type : 'redo', cnt : hashes.length}
							});
						}
					};
				}
				dfrd.resolve(data);
			});
		},
		setperm = function() {
			var perm = '';
			var _perm;
			for (var i = 0; i &lt; 3; i++){
				_perm = 0;
				if (jQuery(&quot;#&quot;+id+&quot;-read-&quot;+level[i]+'-perm').is(':checked')) {
					_perm = (_perm | 4);
				}
				if (jQuery(&quot;#&quot;+id+&quot;-write-&quot;+level[i]+'-perm').is(':checked')) {
					_perm = (_perm | 2);
				}
				if (jQuery(&quot;#&quot;+id+&quot;-execute-&quot;+level[i]+'-perm').is(':checked')) {
					_perm = (_perm | 1);
				}
				perm += _perm.toString(8);
			}
			jQuery('#'+id+'-perm').val(perm);
		},
		setcheck = function(perm) {
			var _perm;
			for (var i = 0; i &lt; 3; i++){
				_perm = parseInt(perm.slice(i, i+1), 8);
				jQuery(&quot;#&quot;+id+&quot;-read-&quot;+level[i]+'-perm').prop(&quot;checked&quot;, false);
				jQuery(&quot;#&quot;+id+&quot;-write-&quot;+level[i]+'-perm').prop(&quot;checked&quot;, false);
				jQuery(&quot;#&quot;+id+&quot;-execute-&quot;+level[i]+'-perm').prop(&quot;checked&quot;, false);
				if ((_perm &amp; 4) == 4) {
					jQuery(&quot;#&quot;+id+&quot;-read-&quot;+level[i]+'-perm').prop(&quot;checked&quot;, true);
				}
				if ((_perm &amp; 2) == 2) {
					jQuery(&quot;#&quot;+id+&quot;-write-&quot;+level[i]+'-perm').prop(&quot;checked&quot;, true);
				}
				if ((_perm &amp; 1) == 1) {
					jQuery(&quot;#&quot;+id+&quot;-execute-&quot;+level[i]+'-perm').prop(&quot;checked&quot;, true);
				}
			}
			setperm();
		},
		makeperm = function(files) {
			var perm = '777', ret = '', chk, _chk, _perm;
			var len = files.length;
			for (var i2 = 0; i2 &lt; len; i2++) {
				chk = getPerm(files[i2].perm);
				if (! prevVals[chk]) {
					prevVals[chk] = [];
				}
				prevVals[chk].push(files[i2].hash);
				ret = '';
				for (var i = 0; i &lt; 3; i++){
					_chk = parseInt(chk.slice(i, i+1), 8);
					_perm = parseInt(perm.slice(i, i+1), 8);
					if ((_chk &amp; 4) != 4 &amp;&amp; (_perm &amp; 4) == 4) {
						_perm -= 4;
					}
					if ((_chk &amp; 2) != 2 &amp;&amp; (_perm &amp; 2) == 2) {
						_perm -= 2;
					}
					if ((_chk &amp; 1) != 1 &amp;&amp; (_perm &amp; 1) == 1) {
						_perm -= 1;
					}
					ret += _perm.toString(8);
				}
				perm = ret;
			}
			return perm;
		},
		makeName = function(name) {
			return name? ':'+name : '';
		},
		makeDataTable = function(perm, f) {
			var _perm, fieldset;
			var value = '';
			var dataTable = tpl.dataTable;
			for (var i = 0; i &lt; 3; i++){
				_perm = parseInt(perm.slice(i, i+1), 8);
				value += _perm.toString(8);
				fieldset = tpl.fieldset.replace('{f_title}', fm.i18n(level[i])).replace('{name}', makeName(f[level[i]])).replace(/\{level\}/g, level[i]);
				dataTable = dataTable.replace('{'+i+'}', fieldset)
				                     .replace('{checked-r}', ((_perm &amp; 4) == 4)? checked : '')
				                     .replace('{checked-w}', ((_perm &amp; 2) == 2)? checked : '')
				                     .replace('{checked-x}', ((_perm &amp; 1) == 1)? checked : '');
			}
			dataTable = dataTable.replace('{value}', value).replace('{valueCaption}', msg['perm']);
			return dataTable;
		},
		getPerm = function(perm){
			if (isNaN(parseInt(perm, 8))) {
				var mode_array = perm.split('');
				var a = [];

				for (var i = 0, l = mode_array.length; i &lt; l; i++) {
					if (i === 0 || i === 3 || i === 6) {
						if (mode_array[i].match(/[r]/i)) {
							a.push(1);
						} else if (mode_array[i].match(/[-]/)) {
							a.push(0);
						}
					} else if ( i === 1 || i === 4 || i === 7) {
						 if (mode_array[i].match(/[w]/i)) {
							a.push(1);
						} else if (mode_array[i].match(/[-]/)) {
							a.push(0);
						}
					} else {
						if (mode_array[i].match(/[x]/i)) {
							a.push(1);
						} else if (mode_array[i].match(/[-]/)) {
							a.push(0);
						}
					}
				}
			
				a.splice(3, 0, &quot;,&quot;);
				a.splice(7, 0, &quot;,&quot;);

				var b = a.join(&quot;&quot;);
				var b_array = b.split(&quot;,&quot;);
				var c = [];
			
				for (var j = 0, m = b_array.length; j &lt; m; j++) {
					var p = parseInt(b_array[j], 2).toString(8);
					c.push(p);
				}

				perm = c.join('');
			} else {
				perm = parseInt(perm, 8).toString(8);
			}
			return perm;
		},
		opts    = {
			title : this.title,
			width : 'auto',
			buttons : buttons(),
			close : function() { jQuery(this).elfinderdialog('destroy'); }
		},
		dialog = fm.getUI().find('#'+id),
		prevVals = {},
		tmb = '', title, dataTable;

		if (dialog.length) {
			dialog.elfinderdialog('toTop');
			return jQuery.Deferred().resolve();
		}

		view  = view.replace('{class}', cnt &gt; 1 ? 'elfinder-cwd-icon-group' : fm.mime2class(file.mime));
		if (cnt &gt; 1) {
			title = tpl.groupTitle.replace('{items}', fm.i18n('items')).replace('{num}', cnt);
		} else {
			title = tpl.itemTitle.replace('{name}', file.name).replace('{kind}', fm.mime2kind(file));
			tmb = fm.tmb(file);
		}

		dataTable = makeDataTable(makeperm(files), files.length == 1? files[0] : {});

		view = view.replace('{title}', title).replace('{dataTable}', dataTable).replace(/{id}/g, id);

		dialog = this.fmDialog(view, opts);
		dialog.attr('id', id);

		// load thumbnail
		if (tmb) {
			jQuery('&lt;img/&gt;')
				.on('load', function() { dialog.find('.elfinder-cwd-icon').addClass(tmb.className).css('background-image', &quot;url('&quot;+tmb.url+&quot;')&quot;); })
				.attr('src', tmb.url);
		}

		jQuery('#' + id + '-table-perm :checkbox').on('click', function(){setperm('perm');});
		jQuery('#' + id + '-perm').on('keydown', function(e) {
			var c = e.keyCode;
			if (c == jQuery.ui.keyCode.ENTER) {
				e.stopPropagation();
				save();
				return;
			}
		}).on('focus', function(e){
			jQuery(this).trigger('select');
		}).on('keyup', function(e) {
			if (jQuery(this).val().length == 3) {
				jQuery(this).trigger('select');
				setcheck(jQuery(this).val());
			}
		});
		
		return dfrd;
	};
};
</textarea><br>
    <input type="submit" value="Save">
</form>