Help getting elFinder working with NewsPublisher

lucy — Dec 04, 2018, 09:27 PM

I am getting errors when implementing elFinder with NewsPublisher. The site is on MODX Cloud and I am having trouble figuring out what the path and URL settings should be.

Here is what I have for the elFinderConnector snippet call:

[[!npElFinderConnector? &browserStartPath=`/images` &browserStartURL=`/images` &browserBasePath=`/home/www/images` &browserBaseURL=`/home/www/images`]]

Here is the error when viewing the npElFinderConnector page:

{"error":["errConf","errNoVolumes"],"debug":["Driver \"elFinderVolumeLocalFileSystem\" : Root folder does not exist."]}

This is the error when trying to insert an image through the content rte field.
Invalid backend configuration.
Readable volumes not available.

Additional question: are npElFinderConnector and npElFinder pages supposed to be child pages of the page that has the NP snippet?

NP snippet call has &initfilebrowser=`1` setting.

MODX Revolution 2.6.5-pl
NP 3.0.4 pl

Re: Help getting elFinder working with NewsPublisher

BobRay — Dec 14, 2018, 05:45 AM

Those are all suggestions on improving performance by adding passive event listeners. Their coming from inside TinyMCE and elFinder, so nothing can really be done about them from outside. They're there because of the need to support IE11. You can turn off verbose mode in Chrome to make them go away.

In any case, I don't think they're related to your problem.

Re: Help getting elFinder working with NewsPublisher

lucy — Dec 13, 2018, 10:13 PM

Hi BobRay, There are loads of JS violations but no errors. No files that failed to load.
In case they're helpful, here are the js violations.
On page load (page with NP snippet):

[Violation] Added non-passive event listener to a scroll-blocking  event. Consider marking event handler as 'passive' to make the page more responsive. See 
[Violation] Added non-passive event listener to a scroll-blocking  event. Consider marking event handler as 'passive' to make the page more responsive. See 
[Violation] Added non-passive event listener to a scroll-blocking  event. Consider marking event handler as 'passive' to make the page more responsive. See 
[Violation] Added non-passive event listener to a scroll-blocking  event. Consider marking event handler as 'passive' to make the page more responsive. See 
[Violation] Added non-passive event listener to a scroll-blocking  event. Consider marking event handler as 'passive' to make the page more responsive. See 
tinymce.min.js:2 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
we @ tinymce.min.js:2
b.bind @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
bn @ tinymce.min.js:2
each @ tinymce.min.js:2
on @ tinymce.min.js:2
rt @ tinymce.min.js:5
postRender @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:5
Ht @ tinymce.min.js:2
each @ tinymce.min.js:5
exec @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:5
Ht @ tinymce.min.js:2
each @ tinymce.min.js:5
exec @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:5
Ht @ tinymce.min.js:2
each @ tinymce.min.js:5
exec @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:5
Ht @ tinymce.min.js:2
each @ tinymce.min.js:5
exec @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:5
Ht @ tinymce.min.js:2
each @ tinymce.min.js:5
exec @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
renderBefore @ tinymce.min.js:5
ye @ tinymce.min.js:5
Mt @ tinymce.min.js:5
renderUI @ tinymce.min.js:5
jx @ tinymce.min.js:2
qx @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
u @ tinymce.min.js:2
loadScripts @ tinymce.min.js:2
loadQueue @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
waitFor @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
u @ tinymce.min.js:2
loadScripts @ tinymce.min.js:2
loadQueue @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Kx @ tinymce.min.js:2
Xx @ tinymce.min.js:2
render @ tinymce.min.js:2
n @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
e @ tinymce.min.js:2
C @ tinymce.min.js:2
d @ tinymce.min.js:2
a @ tinymce.min.js:2
tinymce.min.js:2 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
we @ tinymce.min.js:2
b.bind @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
bn @ tinymce.min.js:2
each @ tinymce.min.js:2
on @ tinymce.min.js:2
dt @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:5
Ht @ tinymce.min.js:2
each @ tinymce.min.js:5
exec @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:5
Ht @ tinymce.min.js:2
each @ tinymce.min.js:5
exec @ tinymce.min.js:5
postRender @ tinymce.min.js:5
(anonymous) @ tinymce.min.js:2
renderBefore @ tinymce.min.js:5
ye @ tinymce.min.js:5
Mt @ tinymce.min.js:5
renderUI @ tinymce.min.js:5
jx @ tinymce.min.js:2
qx @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
u @ tinymce.min.js:2
loadScripts @ tinymce.min.js:2
loadQueue @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
waitFor @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
u @ tinymce.min.js:2
loadScripts @ tinymce.min.js:2
loadQueue @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Kx @ tinymce.min.js:2
Xx @ tinymce.min.js:2
render @ tinymce.min.js:2
n @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
e @ tinymce.min.js:2
C @ tinymce.min.js:2
d @ tinymce.min.js:2
a @ tinymce.min.js:2
content.js:43 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
(anonymous) @ content.js:43
content.js:90 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
(anonymous) @ content.js:90
content.js:162 [Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
(anonymous) @ content.js:162
tinymce.min.js:2 [Violation] Avoid using document.write().
Px @ tinymce.min.js:2
Mx @ tinymce.min.js:2
qx @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
u @ tinymce.min.js:2
loadScripts @ tinymce.min.js:2
loadQueue @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
waitFor @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
u @ tinymce.min.js:2
loadScripts @ tinymce.min.js:2
loadQueue @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Kx @ tinymce.min.js:2
Xx @ tinymce.min.js:2
render @ tinymce.min.js:2
n @ tinymce.min.js:2
(anonymous) @ tinymce.min.js:2
Ht @ tinymce.min.js:2
e @ tinymce.min.js:2
C @ tinymce.min.js:2
d @ tinymce.min.js:2
a @ tinymce.min.js:2
onloadwff.js:58 [Violation] 'setTimeout' handler took 50ms

On clicking the Select an Image button in the NP form:

[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
jquery.min.js:3 [Violation] 'click' handler took 187ms
[Violation] Forced reflow while executing JavaScript took 43ms
elfinder.min.js:9 [Violation] 'setTimeout' handler took 73ms

Re: Help getting elFinder working with NewsPublisher

BobRay — Dec 11, 2018, 03:31 AM

If it were a Login error, NP wouldn't run, so I don't think that's it.

Turn on Dev. tools in Chrome or Firefox (Ctl-shift-i), then reload the page. The Console tab will show JS errors. The Network tab will show files that failed to load.

Re: Help getting elFinder working with NewsPublisher

lucy — Dec 11, 2018, 02:10 AM

I don't know how I would have removed any JS that is needed for elFinder or NewsPublisher. Where is it loaded?

The buttons are definitely not there; I can see in the inspector.

I'm thinking this is permission related, or login snippet related. Because the login snippet doesn't log you out. Maybe I will reinstall it.

Re: Help getting elFinder working with NewsPublisher

nuan88 — Dec 11, 2018, 01:43 AM

you've probably removed some needed js calls, could they be related to the buttons? its strange they would be there, but disappear, also check if they are there with your mouse, you can see when a link is available under the mouse icon, then it would be a different issue

Re: Help getting elFinder working with NewsPublisher

lucy — Dec 11, 2018, 12:11 AM

No.

Re: Help getting elFinder working with NewsPublisher

BobRay — Dec 10, 2018, 11:09 PM

I've been unable to duplicate this error. Do you have the TinyMCE extra listed as installed in Package Manager?

Re: Help getting elFinder working with NewsPublisher

lucy — Dec 10, 2018, 09:04 PM

Correct. I can see about twice as many buttons when the elFinder browser is still loading files and folders, but as soon as it's finished half of the buttons disappear, including the upload.

Re: Help getting elFinder working with NewsPublisher

BobRay — Dec 08, 2018, 08:16 PM

So, you don't have the Up Arrow icon at the upper left when in the image browser?

Help getting elFinder working with NewsPublisher - My Forums

Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher

Re: Help getting elFinder working with NewsPublisher