From 15b6a9a4eff1dc0990c51df3d1620c17f5429689 Mon Sep 17 00:00:00 2001
From: Roger Espinosa <roger@umich.edu>
Date: Fri, 8 Dec 2023 14:13:33 -0500
Subject: [PATCH] fix serialissue reslist metadata + card fixes

---
 src/js/text/handlers/item-page-navigator.js   |  1 +
 src/scss/_base.scss                           |  4 +++
 src/scss/_cards.scss                          | 33 ++++++++++++++++++-
 src/scss/_typography.scss                     |  2 +-
 templates/text/qbat/qbat.base.xsl             |  2 +-
 templates/text/qbat/qbat.home.xsl             |  4 ++-
 .../text/qui/includes/qui.header-reslist.xsl  |  5 +++
 templates/text/qui/qui.base.xsl               |  2 +-
 templates/text/qui/qui.home.xsl               | 15 +++++++++
 9 files changed, 63 insertions(+), 5 deletions(-)

diff --git a/src/js/text/handlers/item-page-navigator.js b/src/js/text/handlers/item-page-navigator.js
index edd1b6d..0b20866 100644
--- a/src/js/text/handlers/item-page-navigator.js
+++ b/src/js/text/handlers/item-page-navigator.js
@@ -38,6 +38,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
     headingObjectCallback: function(object, el) {
       if ( el.classList.contains('card') ) {
         object.headingLevel = 3;
+        object.textContent = el.querySelector('.card__heading').textContent;
       }
       return object;
     }
diff --git a/src/scss/_base.scss b/src/scss/_base.scss
index 6d789b6..ad3be2a 100644
--- a/src/scss/_base.scss
+++ b/src/scss/_base.scss
@@ -115,6 +115,10 @@ a.bedazzled-link[data-selected="true"] span:not(.material-icons) {
   border-radius: 2px !important;
 }
 
+img {
+  width: auto;
+}
+
 address {
   font-style: normal;
 }
diff --git a/src/scss/_cards.scss b/src/scss/_cards.scss
index 27dd791..eb8bc40 100644
--- a/src/scss/_cards.scss
+++ b/src/scss/_cards.scss
@@ -7,6 +7,8 @@
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
 }
 
 .gallery-view .card {
@@ -26,7 +28,30 @@
 
 .card {
   width: calc(25% - 16px);
-  margin: 0 0.5em;
+  margin: 0;
+  // margin: 0 0.5em;
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+a.card {
+  text-decoration: none;
+  color: var(--base-text-color);
+
+  h3 {
+    box-shadow: inset 0 -1px #1d7491;
+    margin-top: 0;
+    padding-top: 0;
+    display: inline;
+  }
+
+  &:hover h3 {
+    box-shadow: inset 0 -2px #1d7491;
+    background: var(--color-maize-300);
+    transition: background 0.5s;
+  }
 }
 
 @media (min-width: 950px) and (max-width: 1100px) {
@@ -44,11 +69,17 @@
 @media screen and (max-width: 600px) {
   .card {
     width: 100%;
+
+    // img.card__image {
+    //   width: 100%;
+    // }
   }
 }
 
 .card__image {
   padding: 0;
+  display: block;
+  margin: 0 auto 0.5rem;
 }
 
 .card__heading {
diff --git a/src/scss/_typography.scss b/src/scss/_typography.scss
index 11f9615..534d6b2 100644
--- a/src/scss/_typography.scss
+++ b/src/scss/_typography.scss
@@ -11,7 +11,7 @@
 }
 
 .text-block img {
-  width: auto;
+  // width: auto;
   max-width: 100%;
 }
 
diff --git a/templates/text/qbat/qbat.base.xsl b/templates/text/qbat/qbat.base.xsl
index 26d3540..2f06067 100644
--- a/templates/text/qbat/qbat.base.xsl
+++ b/templates/text/qbat/qbat.base.xsl
@@ -1035,7 +1035,7 @@
       </svg> -->
   </xsl:template>
 
-  <xsl:template match="xhtml:img[substring(@src, 1, 1) != '/']/@src" mode="copy">
+  <xsl:template match="xhtml:img[substring(@src, 1, 1) != '/' and not(starts-with(@src, 'http'))]/@src" mode="copy">
     <xsl:attribute name="src">
       <xsl:choose>
         <xsl:when test="$collid = '*' or $collid = ''">
diff --git a/templates/text/qbat/qbat.home.xsl b/templates/text/qbat/qbat.home.xsl
index 54a2bea..dd28942 100644
--- a/templates/text/qbat/qbat.home.xsl
+++ b/templates/text/qbat/qbat.home.xsl
@@ -183,7 +183,9 @@
   <xsl:template match="qui:block[@slot='contents']" />
 
   <xsl:template match="qui:img|xhtml:img" mode="card-image">
-    <img class="[ card__image ]" src="{@src}" alt="" />
+    <img class="[ card__image ]" src="{@src}" alt="@alt">
+      <xsl:apply-templates select="@width|@height" mode="copy" />
+    </img>
   </xsl:template>
 
   <xsl:template match="qui:header|xhtml:h3" mode="card-title">
diff --git a/templates/text/qui/includes/qui.header-reslist.xsl b/templates/text/qui/includes/qui.header-reslist.xsl
index b771909..01d0722 100644
--- a/templates/text/qui/includes/qui.header-reslist.xsl
+++ b/templates/text/qui/includes/qui.header-reslist.xsl
@@ -40,6 +40,11 @@
           <xsl:with-param name="item" select="$item" />
         </xsl:call-template>
       </xsl:when>
+      <xsl:when test="$item/ItemHeader/node()[@NODE]">
+        <xsl:call-template name="build-metadata-fields-for-serialissue-node">
+          <xsl:with-param name="item" select="$item" />
+        </xsl:call-template>
+      </xsl:when>
       <xsl:when test="$item[@NODE]">
         <xsl:call-template name="build-metadata-fields-for-serialissue-node">
           <xsl:with-param name="item" select="$item" />
diff --git a/templates/text/qui/qui.base.xsl b/templates/text/qui/qui.base.xsl
index 3ad18d1..6158ae4 100644
--- a/templates/text/qui/qui.base.xsl
+++ b/templates/text/qui/qui.base.xsl
@@ -142,7 +142,7 @@
         <xsl:if test="//NavItem[Name='browse']/Tab='false' and //CollectionIdno">
           <qui:link rel="browse" icon="list">
             <xsl:attribute name="href">
-              <xsl:value-of select="//ScriptName[@application='pageviewer']" />
+              <xsl:value-of select="//ScriptName[@application='text']" />
               <xsl:text>?cc=</xsl:text>
               <xsl:value-of select="$collid" />
               <xsl:text>;idno=</xsl:text>
diff --git a/templates/text/qui/qui.home.xsl b/templates/text/qui/qui.home.xsl
index e9116c5..b39764e 100644
--- a/templates/text/qui/qui.home.xsl
+++ b/templates/text/qui/qui.home.xsl
@@ -74,6 +74,7 @@
         <xsl:apply-templates select="/Top/Panels/div[@data-slot='browse']" mode="links" />
       </qui:nav>
     </qui:panel>
+    <xsl:apply-templates select="/Top/Panels/div[@data-slot='custom']" mode="links" />
   </xsl:template>
 
   <xsl:template name="get-current-page-breadcrumb-label">
@@ -159,6 +160,20 @@
     </xsl:for-each>
   </xsl:template>
 
+  <xsl:template match="div[@data-slot='custom']" mode="links">
+    <qui:panel slot="custom">
+      <qui:header><xsl:value-of select="h3" /></qui:header>
+      <qui:nav>
+        <xsl:for-each select="nav/a">
+          <qui:link href="{@href}">
+            <xsl:apply-templates select="@rel" mode="build-icon" />
+            <xsl:apply-templates mode="copy" />
+          </qui:link>
+        </xsl:for-each>
+      </qui:nav>
+    </qui:panel>
+  </xsl:template>
+
   <xsl:template match="div[@data-slot='useguidelines']" mode="copy" priority="101">
     <xsl:copy>
       <xsl:apply-templates select="@*" mode="copy" />