Warning for the user, if Safari is used, is implemented for both hub-facade and bioviz.
Commits:
1) hub-facade: https://bitbucket.org/KarthikRavee91/hub-facade/commits/ec05bb7aed9c486f9c8e4440e2b7348c21ea274a
2) bioviz: https://bitbucket.org/KarthikRavee91/bioviz/commits/16595f5e395b3fc16deaa865b683c0b76d47aade

Pull Requests:
1)https://bitbucket.org/lorainelab/hub-facade/pull-requests/29
2)https://bitbucket.org/lorainelab/bioviz/pull-requests/115

Testing:

1. Ran playbooks on translate.bioviz.org, was able to see the red box on Safari.
2. Tested locally, I do not get a modal on Chrome, I do get a modal on Safari.
   • Couple of thoughts:
     • Not sure how I feel about a modal. I like the more subtle design present in the app store. A modal may deter people from using the website.
     • Please change the dialog to "Some features are not available on the Safari web browser. Please use a different browser such as Chrome, Edge, or Firefox."

Also see IGB Genomes (genome dashboard application).

Flow:

1) user opens page using safari web browser
2) user interacts with page
3) but when user clicks "View in IGB", they see the attached

Why I like this:

1) The message appears in a bright box in a very obvious place, with obvious and clear wording:

Unsupported Web browser (heading)
-----------------------------------
To open a genome in IGB, use a different Web browser: Firefox, Chrome, or Edge

Close (in a button, located in)

2) The entire page fades out behind the above message

3) The box has an "x" at the top right and also a grey "close" button

4) The color scheme for the box contains no color. It is subtle but also obvious, and its design doesn't conflict with the rest of the page

I think Dr. Loraine's suggestion for copying how IGB Genomes works is most likely the best solution as it is more informative to the user for what aspects of the site (Open in IGB on bioviz and Add to IGB on hub-facade) do not work on Safari. It also utilizes the modal which was Karthik's first choice. As I have already changed my mind once I forfeit changing my mind again on this matter.

Please update bioviz.org and translate.bioviz.org so that if the user is on Safari and either the Open in IGB or Add to IGB is clicked a modal appears with the same text as appears in the attached image. Please ensure that clicking anywhere on the screen closes the modal in addition to clicking on Close or the X.

Karthik, my apologies for asking you to update the pages again.

New changes to the warning has been implemented. See commits below.

1)hub-facade: https://bitbucket.org/KarthikRavee91/hub-facade/commits/9d5fe28f014ad079fe7dc67c826d329a5b99e212
2)bioviz: https://bitbucket.org/KarthikRavee91/bioviz/commits/cbce99d28a68d6c44ef30beb24c939738c1ff100

Pull Requests:
1)https://bitbucket.org/lorainelab/hub-facade/pull-requests/29
2)https://bitbucket.org/lorainelab/bioviz/pull-requests/115

PRs are merged. New code is deployed to bioviz.org and translate.bioviz.org.

[~aloraine] - translate.bioviz.org is responding with a 500 internal server error. When I try to ssh into the server it is timing out, and I am unable to run the trackhub playbook as it also times out (I was able to do both of these things yesterday and it was working). I cannot restart the server through the AWS dashboard, can you please stop/start the prodhub1 instance?

Fixed now. Sorry!

We missed adding the Safari warning modal for when the user clicks the Open in IGB button/hyperlink at https://bioviz.org/public-trackhubs.html

Karthik has already addressed the issue and a pull request should be available shortly.

Safari warning has been added to Open in IGB
Commit: https://bitbucket.org/KarthikRavee91/bioviz/commits/95b85ae95dc9d57d8eed8f031b3184ade7f35761
PR: https://bitbucket.org/lorainelab/bioviz/pull-requests/116

I tested the change locally and it is working correctly.

Recommend pull request.

PR to bioviz.org (new one) now merged and deployed to bioviz.org.

Tested on Firefox on Mac:
I was able to Add Hub to IGB and Open genome in IGB at bioviz.org/public-trackhubs.html
I was able to Add hub to IGB at translate.bioviz.org

Tested on Safari on Mac:
Modal browser warning appeared when I clicked on Add Hub to IGB and Open genome in IGB at bioviz.org/public-trackhubs.html
Modal browser warning appeared when I clicked on Add hub to IGB at translate.bioviz.org

Closing ticket.