1. Fabrik 3.9 has been released. If you have updated Joomla to 3.9, this is a required update.
    Dismiss Notice

Javascript error in slideshow in Firefox

Discussion in 'Community' started by rbuelund, Sep 18, 2018.

  1. rbuelund

    rbuelund Member

    Level: Community
    I am using the slideshow visualization. It works well in Chrome but in Firefox I get this error: "SecurityError: The operation is insecure." ??
     
  2. troester

    troester Well-Known Member Staff Member

    Level: Community
    Do you have a link?
     
  3. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    OK, I can see the same thing. Seems to be coming from a CSS operation the slideshow2.js library we use is doing.

    I don't know if it's fixable ... but ... I am going to replace the elderly (and now unmaintained) slideshow2 lib with "Slick" ...

    http://kenwheeler.github.io/slick/

    I've started on the plumbing to switch the libraries out. I don't have an ETA, but "hopefully soon-ish".

    -- hugh
     
    sunnyjey likes this.
  4. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    OK, I took a look at this last night, and spliced that Slick plugin into our slideshow viz in place of the old slideshow2 one.

    I got it working, there's just a couple of things left to solve, to adapt the old options for our viz to the new plugin. Although I think we will lose some stuff, like the "Ken Burns" effect, and it'll need a few different settings to take advantage of Slick options.

    Anyway, I'll probably commit the work later this week.

    If you are interested in testing it now, I can push my 'slick' feature branch up to github, and you can install that (I can walk you through how, it's just like doing a normal github update, you just have to select the branch before downloading the tarball).

    -- hugh
     
  5. sunnyjey

    sunnyjey Active Member

    Level: Community
    Have you pushed the Slick feature in GitHUB branch ? Please count me in this development and beta testing.
     
  6. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
  7. sunnyjey

    sunnyjey Active Member

    Level: Community
    I have updated my test server site with Github Slick branch. The Slick lib along with all Fabrik files are uploaded successfully and also followed all standard Github steps.

    How do I test ?

    PS: Already Checked all options in Fabrik (Global confi/Elements/Visualization/Plugin), but I couldn't find anywhere the Slick.
     
  8. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    Just create a 'slideshow' viz. I haven't created a new viz, I've just updated 'slideshow' to use slick instead of slideshow2.

    -- hugh
     
  9. sunnyjey

    sunnyjey Active Member

    Level: Community
    Thank you again. I created a new Viz and it is working.

    BUT,

    1. I guess, it doesn't not work with AJAX FileUpload. If I have multiple forms with single (non-ajax) file upload, it displays images in 'Slick' Lib Mode. But, If I choose AJAX fileupload and uploads multiple images in a same Form, it doesn't work.

    2. How do I select / change the default Slick setting ? In other words, are Fabrik layout overrides available for Slick setting ?

    PS: Would love to share the advance customisation/development expense for the Slick.
     
  10. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    It should work with AJAX, I just haven't tested it yet. I'll have a look.

    Yes, I'm intending to make this customizable. Initially I'm just hard coding two variants, as a single frame, and single frame with thumbs. Once I iron out any immediate problems, I'll work on allowing it to be customized.

    Hopefully we will very soon have a way you can contribute towards the cost.

    -- hugh
     
  11. sunnyjey

    sunnyjey Active Member

    Level: Community
    I have tested multiple times on my testing server, but AJAX uploads are not working.

    Hope it is soon'ish. :) . I have been waiting for this feature since long time. In fact, recently started exploring other components. I believe! the addition of SLICK is kinda major upgrade to the FABRIK enhancing its capabilities further.
     
  12. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    I've merged the slick branch into master, and had a first hack at fixing it for AJAX.

    So update to latest master github, and let me know.

    -- hugh
     
  13. sunnyjey

    sunnyjey Active Member

    Level: Community
    Thank you once again for fixing the AJAX upload issue.

    Now I have found another potential bug in AJAX fileupload Element, which makes the Slideshow unusable.

    When I delete one or multiple unwanted uploaded pictures in Fileupload AJAX, I get a POP up 'Do you want to delete this file from the Sever' and picture gets deleted. BUT, the clickable path value of the deleted Picture remains in the element data, this empty path/data truncates remaining Pictures giving bizarre appearance of slideshow. I guess, this was known issue, which was sorted out, but now has recurred back. Ref: http://fabrikar.com/forums/index.php?threads/ajax-file-upload-issue.46668/#post-243146

    OnPaste.20181005-080510.png
     
    Last edited: Oct 5, 2018
  14. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    I don't think the post you referenced was anything to do with this.

    I'll put that on my list of things to look at on the upload element.

    -- hugh
     
  15. sunnyjey

    sunnyjey Active Member

    Level: Community
    Thank you.

    I guess, the custom size of Width / Height is still not incorporated into Slick Slideshow. If possible, can you please atleast include this as basic customisation.
     
  16. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    Yup, that'll get added. At some point this week I'll do another session on the Slick code, to add customization and improve the display.

    -- hugh
     
  17. sunnyjey

    sunnyjey Active Member

    Level: Community
    Great. Thanks!

    As I have never used the Slideshow Visualisation, just want to know whether it supports Amazon S3 uploaded file images path ?
     
  18. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    Should do, although I've never tried it. If it doesn't, I can probably make it work.

    I suspect you'd need to use a public bucket, although the auth URL might work with a private bucket.

    -- hugh
     
  19. sunnyjey

    sunnyjey Active Member

    Level: Community
    Yes. Amazon S3 is working. I'm so happy to see the S3 integration. Yes, I will be using Public Bucket with display of Photos to all.

    As I'm still playing with the Visualization Slideshow and found one problem specific to my workflow.

    My plan is to display the set of images uploaded through Fileupload into the Detail view of the Form with the help of {fabrik view=visualization id=X} with filter {rowid}. But, AJAX method do not allow the placeholder {rowid} as path to the image folder. Is there any solution to this problem ?

    Hope you have got a time for customisation as mentioned in earlier post.
     
  20. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    Hmm, {rowid} should work. Have you tried {yourtable___id_raw} (or whatever the raw placeholder for the PK is)?

    -- hugh
     

Share This Page