[cmd:mkdir] fix #2142 icons of "mkdir" and "mkdirin" are the same

css/cwd.css

@@ -258,7 +258,7 @@
 .elfinder-cwd .elfinder-navbar-root-network.elfinder-droppable-active .elfinder-cwd-icon,
 .elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon  {
 	background-image:url("../img/toolbar.png");
-	background-position: 0 76.8%; /* Don't forget change % when toolbar.png edited */
+	background-position: 0 75.45%; /* Don't forget change % when toolbar.png edited */
 	background-size: cover;
 }
 .elfinder-cwd .elfinder-navbar-root-network.elfinder-droppable-active .elfinder-cwd-icon {

css/toolbar.css

@@ -161,6 +161,7 @@
 .elfinder-button-icon-undo      { background-position: 0 -864px; }
 .elfinder-button-icon-redo      { background-position: 0 -880px; }
 .elfinder-button-icon-preference { background-position: 0 -896px; }
+.elfinder-button-icon-mkdirin   { background-position: 0 -912px; }
 
 /* button with dropdown menu*/
 .elfinder .elfinder-menubutton { overflow:visible; }

elfinder.playground.html

@@ -59,7 +59,6 @@
 	<script src="js/ui/cwd.js"></script>
 	<script src="js/ui/dialog.js"></script>
 	<script src="js/ui/fullscreenbutton.js"></script>
-	<script src="js/ui/mkdirbutton.js"></script>
 	<script src="js/ui/navbar.js"></script>
 	<script src="js/ui/overlay.js"></script>
 	<script src="js/ui/panel.js"></script>

elfinder.src.html

@@ -51,7 +51,6 @@
 	<script src="js/ui/cwd.js"></script>
 	<script src="js/ui/dialog.js"></script>
 	<script src="js/ui/fullscreenbutton.js"></script>
-	<script src="js/ui/mkdirbutton.js"></script>
 	<script src="js/ui/navbar.js"></script>
 	<script src="js/ui/overlay.js"></script>
 	<script src="js/ui/panel.js"></script>

js/commands/mkdir.js

@@ -30,15 +30,21 @@ elFinder.prototype.commands.mkdir = function() {
 
 	this.init = function() {
 		if (this.options.intoNewFolderToolbtn) {
-			this.options.ui = 'mkdirbutton';
+			this.syncTitleOnChange = true;
 		}
 	}
 	
 	fm.bind('select', function(e) {
 		var sel = (e.data && e.data.selected)? e.data.selected : [];
-			
+		
+		self.className = 'mkdir';
 		curOrg = sel.length? (e.data.origin || '') : '';
-		self.title = (sel.length && (curOrg !== 'navbar'))? fm.i18n('cmdmkdirin') : fm.i18n('cmdmkdir');
+		if (sel.length && (curOrg !== 'navbar')) {
+			self.title = fm.i18n('cmdmkdirin');
+			self.className += ' elfinder-button-icon-mkdirin';
+		} else {
+			self.title = fm.i18n('cmdmkdir');
+		}
 		self.update(void(0), self.title);
 	});
 	

js/ui/mkdirbutton.js

@@ -1,15 +0,0 @@
-"use strict";
-/**
- * @class  elFinder toolbar button to switch mkdir mode.
- *
- * @author Naoki Sawada
- **/
-$.fn.elfindermkdirbutton = function(cmd) {
-	return this.each(function() {
-		var button = $(this).elfinderbutton(cmd);
-
-		cmd.change(function() {
-			button.attr('title', cmd.value);
-		});
-	});
-};