improve display of parent/child relationships (e.g. thumbnails)

[twrichards]

Builds on #3998 adding improved display of parent/child relationships (e.g. thumbnails).

Detail

If any of the following exist on an image...

• Parents
  • derivative-of-media-ids identifier (value is comma separated if multiple)
  • replaces-media-id identifier
• Children
  • has usages with replaced status
  • has usages with derivative status

... the image detail endpoint of media-API now looks up each of the referenced media IDs in ElasticSearch (using existing getImageById function¹) and maps each to the following shape...

case class RelationDetail(
  thumbnail: String,
  addedBy: String,
  addedAt: DateTime,
  dimensions: Option[Dimensions]
)

and are placed in a new object parentAndChildDetails on the response, keyed with human readable titles for the respective lists...

• "Replacement for"
• "Replaced by"
• "Derivative of"
• "Derivatives"

This then powers a relatively generic UI that renders these as thumbnails at the bottom of the left hand sidebar (where original & crops currently display at the top, with some neat sizing such that scrolling is nice when there are lots of crops and lots of parents/children.)

Footnotes

1. I did attempt doing it in a single ES call using the ids search param but the logic to piece it back together was rather messy and this is such an infrequent feature I think the extra call(s) are worth it ↩

[github-actions]

Deploy build 13582 of media-service::grid::all to TEST

All deployment options

• Deploy build 13582 of media-service::grid::all to TEST
• Deploy parts of build 13582 to TEST by previewing it first
• What's on TEST right now?

---

From guardian/actions-riff-raff.