Disable drag-drop of files in project view

#1

How can we disable drag-drop feature in project view ? (i.e., the user should not be able to drag-drop any files or folders within project view). Thanks !

[original thread by rs]

#2

What is the project view? The file explorer?

#3

[rs]

yes, the file explorer. thank you !

#4

You will need to customize FileNavigatorWidget there are different template method to handle drag and drop DOM events.

#5

[rs]

I hope i need to extend the class FileNavigatorWidget and replace it somehow with MyFileNavigatorWidget? Could you please provide an example ?

#6

I don’t think we have examples for it.

Turn Off docking abilities
#7

You will need to redind this binding: https://github.com/eclipse-theia/theia/blob/e48b9b5fb5fbe66c6c91c41397e74f9fd73e9195/packages/navigator/src/browser/navigator-frontend-module.ts#L49-L51

#8

[rs]

Could you kindly review:

one of the extension’s xyz-frontend-module.ts

import { createFileNavigatorContainer } from '@theia/navigator/lib/browser/navigator-container';

/**
 * container module
 */
export default new ContainerModule((bind, unbind, isBound, rebind) => {

    unbind(FileNavigatorWidget);
    rebind(TestFileNavigatorWidget).toDynamicValue(ctx =>
        createTestFileNavigatorWidget(ctx.container)
    );

});

export function createTestFileNavigatorContainer(parent: interfaces.Container): Container {
    const container = createFileNavigatorContainer(parent);

    container.unbind(FileNavigatorWidget);
    container.bind(XpressFileNavigatorWidget).toSelf();

    return container;
}

export function createTestFileNavigatorWidget(parent: interfaces.Container): TestFileNavigatorWidget {
    return createTestFileNavigatorContainer(parent).get(TestFileNavigatorWidget);
}
#9

looks good

#10

(nit) rebind = unbind + bind