Adding a new command to the contextual menu and tool bar

[dmekala]

In order to use elfinder in my application I would need to create a new command and tie it to a specific action. Is there any documentation available on how to add a new command?

[troex]

The basic scenario - you take one of the commands/buttons from https://github.com/Studio-42/elFinder/tree/2.x/js/commands and redefine it or add your own based on them. extending connector is also not a hard task, just inherit and extend the base classes

[mgamarra]

I'm try extend the info command (infoextended) and, add a string 'infoextended' in my array of cammands.

var myCommands = elFinder.prototype._options.commands;
myCommands.push('infoextended');
.....
elf = $('#elfinder').elfinder({
commands : myCommands
}).elfinder('instance');

The plugins is initialized but the button is not showed.
Whats wrong?

Att

[giosakti]

I know this is an old topic, but just want to share some of my experiences adding a new context menu:

1. Create a new command by duplicating other command behaviour. Mine is: 'commands/ftpsend.js'.
2. I use these lines to add new command within elfinder context menu:

    // Customize elfinder with new menu
    elFinder.prototype._options.commands.push('ftpsend')
    elFinder.prototype._options.contextmenu.files.push('ftpsend')
    elFinder.prototype.i18.en.messages['cmdftpsend'] = 'Send file using FTP'

[rdinicut]

To add a custom command you must follow this steps:

1. add the name of your custom command on document ready

$().ready(function() {
                var elf = $('#elfinder').elfinder({
                    url : 'php/connector.php',
                    commands : [
                        'custom','open', 'reload', 'home', 'up', 'back', 'forward', 'getfile', 'quicklook', 
                        'download', 'rm', 'duplicate', 'rename', 'mkdir', 'mkfile', 'upload', 'copy', 
                        'cut', 'paste', 'edit', 'extract', 'archive', 'search', 'info', 'view', 'help', 'resize', 'sort', 'netmount'
                    ],
                    contextmenu : {
                        // navbarfolder menu
                        navbar : ['open', '|', 'copy', 'cut', 'paste', 'duplicate', '|', 'rm', '|', 'info'],
                        // current directory menu
                        cwd    : ['reload', 'back', '|', 'upload', 'mkdir', 'mkfile', 'paste', '|', 'sort', '|', 'info'],
                        // current directory file menu
                        files  : ['getfile', '|','custom', 'quicklook', '|', 'download', '|', 'copy', 'cut', 'paste', 'duplicate', '|', 'rm', '|', 'edit', 'rename', 'resize', '|', 'archive', 'extract', '|', 'info']
                    },

                }).elfinder('instance');
            });

2. add the command name your language file :

'cmdcustom'      : 'Custom command',

3. create a custom command file(you can copy an existing command from source) and include it in your main html

elFinder.prototype.commands.custom= function() {
          this.exec = function(hashes) {
                //implement what the custom command should do here
          }
}

4. add a css rule for your command. It should be:

.elfinder-button-icon-custom{ //css here }

[troex]

Thanks, added to wiki https://github.com/Studio-42/elFinder/wiki/Custom-context-menu-command

[biswajit-paul]

Hi,

Can the context menu item be displayed only for selecting one file?

Thanks in advance.

[rdinicut]

Yes you can. Just check the selection length in the getState function of you command and return -1 if you selected multiple files.

this.getstate = function(select) {
	let numberOfSelectedFilesAndFolders = this.files(select).length,
	return numberOfSelectedFilesAndFolders == 1 ? 0 : -1;
};

If you want to filter out folders you can look at the getfile command for inspiration:

elFinder/js/commands/getfile.js

Line 12 in de16dc6

filter = function(files) {

[biswajit-paul]

Thank you very much. You have done a great job.

…

On Thu, Feb 8, 2018 at 9:17 PM, Razvan Dinicut ***@***.***> wrote: Yes you can. Just check the selection length in the getState function of you command and return -1 if you selected multiple files. this.getstate = function(select) { let numberOfSelectedFilesAndFolders = this.files(select).length, return numberOfSelectedFilesAndFolders == 1 ? 0 : -1; }; If you want fo filter out folders you can look at the getfile command for inspiration: https://github.com/Studio-42/elFinder/blob/de16dc6b61ea22f783e614ee37525b a58523e2c6/js/commands/getfile.js#L12 — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#257 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AOTJPRCbZfJwRSxHbuWyY7AW0tzyhWxsks5tSxccgaJpZM4AAgP6> .

-- *Biswajit Paul, Asst. Manager - **Software Development* B3NET Technologies PVT. LTD.