Display template for object representations

ebarthel

Hello,
I am struggling with the following feature in Pawtucket : in themes/.../Details/ca_objects_default_html.php, which is used to format object displays, there is a call to {{{representationViewer}}} which displays a nice carousel for the images associated with the object. The default layout for the images within this carousel is (image+title at the bottom left). I would like to change this display e.g. to add copyright information associated with each object representation. I don't find where the template/rendering instructions for {{{representationViewer}}} are located. Can anyone help ?
Thanks a lot,
Etienne

monica

This block takes bits from different places. To add the copyright data look in conf/detail.conf and edit the representationViwerCaptionTemplate for the type you want.

ebarthel

This is exactly what I needed. Thank you !

theCA

Hi @monica
Im having issues with this exact call to {{{representationViewer}}} in ca_objects_default_html.php. Im using it to show pictures of a curatoriship. The issue is:

If i include up to 11 images, it displays a big image with the first picture and small thumbnails of the remaining below. Once one of those thumbnails is selected is showed in first big picture. Code included is
<div data-representation_id="1158" class="repViewerContCont"><div id="cont1158" class="repViewerCont"><div><a href="#" class="zoomButton" onclick="caMediaPanel.showPanel("/index.php/Detail/GetMediaOverlay/context/curatorship/id/81/representation_id/1158/overlay/1"); return false;"><img src="https://site.com/media/collectiveaccess/images/1/1/49172_ca_object_representations_media_1158_large.jpg" id="caMediaOverlayTileViewer_1158_detail" width="700" height="369" alt="Inauguración 001"></a></div> <div class="detailMediaToolbar"><a href="#" class="zoomButton" onclick="caMediaPanel.showPanel("/index.php/Detail/GetMediaOverlay/context/curatorship/id/81/representation_id/1158/overlay/1"); return false;" title="Zoom"><span class="glyphicon glyphicon-zoom-in"></span></a> <a href="/index.php/Detail/DownloadRepresentation/context/curatorship/representation_id/1158/id/81/download/1/version/original" title="Descargar" class="dlButton"> <span class="glyphicon glyphicon-download-alt"></span></a></div> </div></div>
If include 12 or more pictures, the behavior is different, now it shows in the location where the big picture was before an embedded object with the thumbnails on the left and the big images on the right. Also, below this object, the thubmbnails of the remaining pictures are displayed like before. Code for this is now:
<div data-representation_id="1158" class="repViewerContCont"><div id="cont1158" class="repViewerCont"><div><div class="uv" data-locale="en-GB:English (GB)" data-uri="https://site.com/index.php/Detail/GetMediaData/identifier/representation%3A1158/context/curatorship/occurrence_id/81" data-collectionindex="0" data-manifestindex="0" data-sequenceindex="0" data-canvasindex="0" style="width:100%; height:100%; background-color: #000;" data-config="/assets/universalviewer/config.json"><iframe name="easyXDM_default3237_provider" id="easyXDM_default3237_provider" style="width: 748px; height: 512px;" scrolling="no" src="https://site.com/assets/universalviewer/dist/uv/app.html?isHomeDomain=true&isOnlyInstance=false&manifestUri=https%3A%2F%2Fcsite.com%2Findex.php%2FDetail%2FGetMediaData%2Fidentifier%2Frepresentation%253A1158%2Fcontext%2Fcuratorship%2Foccurrence_id%2F81&embedScriptUri=https://site.com/assets/universalviewer/dist/uv/lib/embed.js&embedDomain=site.com&domain=site.com&isLightbox=false&locale=en-GB:English (GB)&config=/assets/universalviewer/config.json&c=0&m=0&s=0&cv=0&xdm_e=https%3A%2F%2Fsite.com%2Findex.php%2FDetail%2Fcuratorship%2F81&xdm_c=default3237&xdm_p=4" frameborder="0"></iframe></div> <script type="text/javascript" id="embedUV" src="/assets/universalviewer/dist/uv/lib/embed.js"></script></div> <div class="detailMediaToolbar"><a href="#" class="zoomButton" onclick="caMediaPanel.showPanel("/index.php/Detail/GetMediaOverlay/context/curatorship/id/81/representation_id/1158/overlay/1"); return false;" title="Zoom"><span class="glyphicon glyphicon-zoom-in"></span></a> <a href="/index.php/Detail/DownloadRepresentation/context/curatorship/representation_id/1158/id/81/download/1/version/original" title="Descargar" class="dlButton"> <span class="glyphicon glyphicon-download-alt"></span></a></div> </div></div>
Looks like its using /assets/universalviewer/dist/uv/ (whatever this is 😛)
Now, if i include a video (12 images + 1 video), the behavior is the same than at the beginning with less than 12 pictures. Big square showing the selected picture on top, smaller thumbnails below to select. An the code is back again
<div data-representation_id="1158" class="repViewerContCont"><div id="cont1158" class="repViewerCont"><div><a href="#" class="zoomButton" onclick="caMediaPanel.showPanel("/index.php/Detail/GetMediaOverlay/context/curatorship/id/81/representation_id/1158/overlay/1"); return false;"><img src="https://site.com/media/collectiveaccess/images/1/1/49172_ca_object_representations_media_1158_large.jpg" id="caMediaOverlayTileViewer_1158_detail" width="700" height="369" alt="Inauguración 001"></a></div> <div class="detailMediaToolbar"><a href="#" class="zoomButton" onclick="caMediaPanel.showPanel("/index.php/Detail/GetMediaOverlay/context/curatorship/id/81/representation_id/1158/overlay/1"); return false;" title="Zoom"><span class="glyphicon glyphicon-zoom-in"></span></a> <a href="/index.php/Detail/DownloadRepresentation/context/curatorship/representation_id/1158/id/81/download/1/version/original" title="Descargar" class="dlButton"> <span class="glyphicon glyphicon-download-alt"></span></a></div> </div></div>

How can i trouble shoot this issue? The desired behavior is the first and last

I tried in 1.7 and also in dev/php8. Behavior is the same!

monica

theCA check for the setting in media_display.conf or app.conf about using a different viewer if number of images is more than 12 or something about using a book viewer. There is a way to make the viewer treat multiple images as the one document, like your viewing a pdf instead of carousel of images.

Sizzly

Hi. I struggled with the representation viewer so I replaced it with a different approach.

What I can say is that the representation_Viewer_html.php is not where that decision is being made.
That file has three conditions:

More than one rep ID - This creates the jcarousel display.
Only one rep ID - This slaps a single image in there.
No rep ID - slaps a place holder image (a web font picture icon is set as the default).

I think - and this is a hunch - that the definition for how jcarousel behaves is in one of the js files loaded up in the head. Not the jcarousel one but one that's something like main or something. Alas, I don't have my system set up to pull those files into my theme so I can't check but I think that's where you want to look. The other spot would be here: https://github.com/collectiveaccess/pawtucket2/blob/45a83da3c468c676df2f80f5c37a9f577052793d/app/helpers/displayHelpers.php#L3628 but I'd hesitate to mess around in there.