Files: Ability to preview file in the browser when you hover over it

[eaquigley]

---

Author Name: Kevin Condon (@kcondon)
Original Redmine Issue: 3559, https://redmine.hmdc.harvard.edu/issues/3559
Original Date: 2014-02-25
Original Assignee: Kevin Condon

---

From 2/21/14 Pilot Test Meeting Notes

Ability to preview file in the browser when you hover over it (larger thumbnail? More information, i.e.-MD5 info? Needs to be determined)

[eaquigley]

---

Original Redmine Comment
Author Name: Leonid Andreev (@landreev)
Original Date: 2014-03-14T23:20:31Z

---

Mike,
I've modified the file access API so that it can generate thumbnails of different sizes.
So Gustavo suggested I give you this ticket, so you could maybe create a popup window that opens when you mouse over an image file (yes, this is for images only at this point); and in that window, we should show a thumbnail of the same image - but bigger size. The size is up to you. The access url for thumbnails is:

/api/access/datafile/#{file.id}?imageThumb=N

• where N is the size in pixels (horizontally); so you can experiment and find the size that makes most sense.
  Let me know if you need anything else from me.
  (you'll need to pull the latest sources for this)

[eaquigley]

---

Original Redmine Comment
Author Name: Mike Heppler (@mheppler)
Original Date: 2014-03-19T22:14:09Z

---

Added preview hover popover to the thumbnail images for data files (images only).

There is delay in the preview image loading into the popover, so you briefly see the alt text "Preview" in it's place. According to Leonid, this is because the thumbnail is getting generated. I think we need to have these preview images already created, and ready to load. I have hardcoded a size of 400px into the code. I would assume that is sufficient.

[eaquigley]

---

Original Redmine Comment
Author Name: Leonid Andreev (@landreev)
Original Date: 2014-03-20T21:10:17Z

---

Final status: Mike has created an expanding preview window and passed the ticket back to me - we figured we could improve this by pre-generating and caching the preview images on ingest.

This is done; the resized images are now pre-cooked in both the "thumbnail" and "preview" sizes.

Passing to QA.

[eaquigley]

---

Original Redmine Comment
Author Name: Kevin Condon (@kcondon)
Original Date: 2014-03-26T20:24:11Z

---

Tested on 3/26

Looks good, slight issue on Chrome, opened separate ticket.

Closing ticket