pelican-panel-mirror/resources/views/server/js/filemanager/contextmenu.blade.php

"use strict";

// Copyright (c) 2015 - 2016 Dane Everitt <dane@daneeveritt.com>
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in all
// copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
// SOFTWARE.
class ContextMenuClass {
    constructor() {
        this.activeLine = null;
    }

    run() {
        this.directoryClick();
        this.rightClick();
    }

    makeMenu(parent) {
        $(document).find('#fileOptionMenu').remove();
        if (!_.isNull(this.activeLine)) this.activeLine.removeClass('active');

        let newFilePath = $('#headerTableRow').attr('data-currentDir');
        if (parent.data('type') === 'folder') {
            const nameBlock = parent.find('td[data-identifier="name"]');
            const currentName = decodeURIComponent(nameBlock.attr('data-name'));
            const currentPath = decodeURIComponent(nameBlock.data('path'));
            newFilePath = `${currentPath}${currentName}`;
        }
        return '<ul id="fileOptionMenu" class="dropdown-menu" role="menu" style="display:none" > \
                    @can('move-files', $server)<li data-action="move"><a tabindex="-1" href="#"><i class="fa fa-fw fa-arrow-right"></i> Move</a></li>@endcan \
                    @can('copy-files', $server)<li data-action="copy"><a tabindex="-1" href="#"><i class="fa fa-fw fa-clone"></i> Copy</a></li>@endcan \
                    @can('move-files', $server)<li data-action="rename"><a tabindex="-1" href="#"><i class="fa fa-fw fa-pencil-square-o"></i> Rename</a></li>@endcan \
                    @can('compress-files', $server)<li data-action="compress" class="hidden"><a tabindex="-1" href="#"><i class="fa fa-fw fa-file-archive-o"></i> Compress</a></li>@endcan \
                    @can('decompress-files', $server)<li data-action="decompress" class="hidden"><a tabindex="-1" href="#"><i class="fa fa-fw fa-expand"></i> Decompress</a></li>@endcan \
                    <li class="divider"></li> \
                    @can('create-files', $server)<li data-action="file"><a href="/server/{{ $server->uuidShort }}/files/add/?dir=' + newFilePath + '" class="text-muted"><i class="fa fa-fw fa-plus"></i> New File</a></li> \
                    <li data-action="folder"><a tabindex="-1" href="#"><i class="fa fa-fw fa-folder"></i> New Folder</a></li>@endcan \
                    <li class="divider"></li> \
                    @can('download-files', $server)<li data-action="download" class="hidden"><a tabindex="-1" href="#"><i class="fa fa-fw fa-download"></i> Download</a></li>@endcan \
                    @can('delete-files', $server)<li data-action="delete" class="bg-danger"><a tabindex="-1" href="#"><i class="fa fa-fw fa-trash-o"></i> Delete</a></li>@endcan \
                </ul>';
    }

    rightClick() {
        $('#file_listing > tbody td').on('contextmenu', event => {

            const parent = $(event.target).closest('tr');
            const menu = $(this.makeMenu(parent));

            if (parent.data('type') === 'disabled') return;
            event.preventDefault();

            $(menu).appendTo('body');
            $(menu).data('invokedOn', $(event.target)).show().css({
                position: 'absolute',
                left: event.pageX,
                top: event.pageY,
            });

            this.activeLine = parent;
            this.activeLine.addClass('active');

            @can('download-files', $server)
                if (parent.data('type') === 'file') {
                    $(menu).find('li[data-action="download"]').removeClass('hidden');
                }
            @endcan

            @can('compress-files', $server)
                if (parent.data('type') === 'folder') {
                    $(menu).find('li[data-action="compress"]').removeClass('hidden');
                }
            @endcan

            @can('decompress-files', $server)
                if (_.without(['application/zip', 'application/gzip', 'application/x-gzip'], parent.data('mime')).length < 3) {
                    $(menu).find('li[data-action="decompress"]').removeClass('hidden');
                }
            @endcan

            // Handle Events
            const Actions = new ActionsClass(parent, menu);
            @can('move-files', $server)
                $(menu).find('li[data-action="move"]').unbind().on('click', e => {
                    e.preventDefault();
                    Actions.move();
                });
            @endcan

            @can('copy-files', $server)
                $(menu).find('li[data-action="copy"]').unbind().on('click', e => {
                    e.preventDefault();
                    Actions.copy();
                });
            @endcan

            @can('move-files', $server)
                $(menu).find('li[data-action="rename"]').unbind().on('click', e => {
                    e.preventDefault();
                    Actions.rename();
                });
            @endcan

            @can('compress-files', $server)
                $(menu).find('li[data-action="compress"]').unbind().on('click', e => {
                    e.preventDefault();
                    Actions.compress();
                });
            @endcan

            @can('decompress-files', $server)
                $(menu).find('li[data-action="decompress"]').unbind().on('click', e => {
                    e.preventDefault();
                    Actions.decompress();
                });
            @endcan

            @can('create-files', $server)
                $(menu).find('li[data-action="folder"]').unbind().on('click', e => {
                    e.preventDefault();
                    Actions.folder();
                });
            @endcan

            @can('download-files', $server)
                $(menu).find('li[data-action="download"]').unbind().on('click', e => {
                    e.preventDefault();
                    Actions.download();
                });
            @endcan

            $(menu).find('li[data-action="delete"]').unbind().on('click', e => {
                e.preventDefault();
                Actions.delete();
            });

            $(window).on('click', () => {
                $(menu).remove();
                if(!_.isNull(this.activeLine)) this.activeLine.removeClass('active');
            });
        });
    }

    directoryClick() {
        $('a[data-action="directory-view"]').on('click', function (event) {
            event.preventDefault();

            const path = $(this).parent().data('path') || '';
            const name = $(this).parent().data('name') || '';

            window.location.hash = encodeURIComponent(path + name);
            Files.list();
        });
    }
}

window.ContextMenu = new ContextMenuClass;