Playlist canvas metadata (#5545)

* Use start canvas and time props in Ramp for sections and custom start times * Display Canvas metadata for playlist items
avalonmediasystem · Jan 4, 2024 · 948447e · 948447e
1 parent 68175ad
commit 948447e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/assets/javascripts/ramp_utils.js b/app/assets/javascripts/ramp_utils.js
@@ -205,6 +205,10 @@ function collapseMoreDetails() {
  */
 function disableEnableCurrentTrack(activeTrack, currentTime, isSeeked, sectionTitle) {
   let title = sectionTitle;
+  // Return when add to playlist panel is not expanded
+  if($('#addToPlaylistPanel.show').length === 0) {
+    return;
+  }
   if(activeTrack != undefined) {
     streamId = activeTrack.streamId;
     let { label, times, sectionLabel } = activeTrack;

diff --git a/app/javascript/components/PlaylistRamp.jsx b/app/javascript/components/PlaylistRamp.jsx
@@ -19,6 +19,7 @@ import {
   IIIFPlayer,
   MediaPlayer,
   StructuredNavigation,
+  MetadataDisplay,
   AutoAdvanceToggle,
   MarkersDisplay
 } from "@samvera/ramp";
@@ -99,8 +100,8 @@ const Ramp = ({
                   </Card>
                   <Card>
                     <Accordion.Collapse eventKey="1">
-                      <Card.Body>
-
+                      <Card.Body className="p-3">
+                        <MetadataDisplay displayOnlyCanvasMetadata={true} showHeading={false} />
                       </Card.Body>
                     </Accordion.Collapse>
                     <Accordion.Toggle as={Card.Header} variant="link" eventKey="1" className="ramp--playlist-accordion-header">