Implement attachment viewer gallery in record sets

[CarolineDenis]

Fixes #2132

[maxpatiiuk]

To test:
(besides the obvious things)
test editing attachments and make sure the edits are preserved when you click "save" - it's possible that we have a bug where attachments would only be saved by the "save" button on the form if you edited attachments for the record that is currently displayed on the form

[chanulee1]

Fetching more attachments results in obtrusive loading dialog. Also, the number of attachments displayed at the top of the viewer seems to count the number of attachments currently fetched, not total number of attachments. Expected?

Cm6o3fwtSF.mp4

https://coldfish-issue-2132.test.specifysystems.org/specify/view/collectionobject/162/?recordsetid=157

[chanulee1]

Cannot edit attachments through attachment viewer gallery. Must navigate to the associated record and make edits there to see changes in attachment viewer gallery, and then reload to see changes in the record set.

LG3kFqbsXa.mp4

https://coldfish-issue-2132.test.specifysystems.org/specify/view/collectionobject/162/?recordsetid=157

[chanulee1]

Skeleton loader looks really nice. But fetching more records seems to fetch every remaining record. Also, the loading gifs appear right before records are finally loaded and noticed slight cutoff on the right side of the third column of attachments.

8vVq0dw0BZ.mp4

[CarolineDenis]

@chanulee1: regarding your comment "noticed slight cutoff on the right side of the third column of attachments."
Do you think you might have resized your dialog when testing this? I tried to reproduce it on my end and also launched the branch you created on the test panel but didn't have a cutoff. See recording below.

Screen.Recording.2023-05-22.at.8.54.13.AM.mov

[chanulee1]

I was on Chrome too... Strange

[maxpatiiuk]

Yes, the cut-off was likely caused by manually resizing the dialog.
The dialog sizes are stored in the browser, thus changing the browser, or accessing the same specify user from a different computer would result in different behavior

[chanulee1]

Hmm. The cutoff seems to happen for me no matter how it is resized. It looks like it is because of the thickness of the scrollbar? @CarolineDenis For some reason the scroll bar appears different in our videos. Not sure what determines this.

SepSL92k3R.mp4

[melton-jason]

Hmm. The cutoff seems to happen for me no matter how it is resized. It looks like it is because of the thickness of the scrollbar? @CarolineDenis For some reason the scroll bar appears different in our videos. Not sure what determines this.

As far as I know, by default the scrollbars are determined by your Operating System.
I do not believe Specify has altered or changed the appearance of Scrollbars in any way, so it should be using the default Scrollbar for your OS.

[pashiav]

Looks good!

issue-2132.mov

fixed

[specifysoftware]

This pull request has been mentioned on Specify Community Forum. There might be relevant details there:

https://discourse.specifysoftware.org/t/specify-7-9-2-release-announcement/1452/1