[ui:path] show volume icon at volume select menu on mobile device

Studio-42 · Jul 21, 2016 · 71680b9 · 71680b9
1 parent b2ee800
commit 71680b9
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 5 deletions.
diff --git a/css/contextmenu.css b/css/contextmenu.css
@@ -55,6 +55,14 @@
 	padding:12px 38px;
 }
 
+/* root icon of each volume */
+.elfinder-navbar-root-local.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_local.png"); }
+.elfinder-navbar-root-ftp.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_ftp.png"); }
+.elfinder-navbar-root-sql.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_sql.png"); }
+.elfinder-navbar-root-dropbox.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_dropbox.png"); }
+.elfinder-navbar-root-googledrive.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_googledrive.png"); }
+
+
 /* text in item */
 .elfinder .elfinder-contextmenu .elfinder-contextmenu-item span { display:block; }
 

diff --git a/js/ui/contextmenu.js b/js/ui/contextmenu.js
@@ -22,9 +22,20 @@ $.fn.elfindercontextmenu = function(fm) {
 				.on('contextmenu', function(){return false;}),
 			subpos  = fm.direction == 'ltr' ? 'left' : 'right',
 			types = $.extend({}, fm.options.contextmenu),
-			tpl     = '<div class="'+cmItem+'"><span class="elfinder-button-icon {icon} elfinder-contextmenu-icon"/><span>{label}</span></div>',
-			item = function(label, icon, callback) {
-				return $(tpl.replace('{icon}', icon ? 'elfinder-button-icon-'+icon : '').replace('{label}', label))
+			tpl     = '<div class="'+cmItem+'"><span class="elfinder-button-icon {icon} elfinder-contextmenu-icon"{style}/><span>{label}</span></div>',
+			item = function(label, icon, callback, opts) {
+				var style = '',
+					iconClass = '';
+				if (opts) {
+					if (opts.iconClass) {
+						iconClass = opts.iconClass;
+						icon = '';
+					}
+					if (opts.iconImg) {
+						style = ' style="background:url(\''+fm.escape(opts.iconImg)+'\') 0 0 no-repeat;background-size:contain;"';
+					}
+				}
+				return $(tpl.replace('{icon}', icon ? 'elfinder-button-icon-'+icon : (iconClass? iconClass : '')).replace('{label}', label).replace('{style}', style))
 					.click(function(e) {
 						e.stopPropagation();
 						e.preventDefault();
@@ -287,7 +298,7 @@ $.fn.elfindercontextmenu = function(fm) {
 						node = item(data.label, data.icon, function() {
 							!data.remain && close();
 							data.callback();
-						});
+						}, data.options || null);
 						menu.append(node);
 					}
 				});

diff --git a/js/ui/path.js b/js/ui/path.js
@@ -42,7 +42,11 @@ $.fn.elfinderpath = function(fm) {
 							label    : fm.escape(f.i18 || f.name),
 							icon     : 'home',
 							remain   : true,
-							callback : function() { fm.exec('open', f.hash); }
+							callback : function() { fm.exec('open', f.hash); },
+							options  : {
+								iconClass : f.csscls || '',
+								iconImg   : f.icon   || ''
+							}
 						});
 					}
 				});