Hide thumbnail image in metadata page when the image can't be loaded …

…due to an error.
GeoCat · Sep 6, 2023 · e0aed4d · e0aed4d
1 parent 7fb4cea
commit e0aed4d
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/schemas/dublin-core/src/main/plugin/dublin-core/formatter/xsl-view/view.xsl b/schemas/dublin-core/src/main/plugin/dublin-core/formatter/xsl-view/view.xsl
@@ -92,7 +92,8 @@
         <img data-gn-img-modal="md"
              class="gn-img-thumbnail"
              alt="{$schemaStrings/overview}"
-             src="{.}"/>
+             src="{.}"
+             onerror="this.onerror=null; $('.gn-md-side-overview').hide()"/>
       </xsl:for-each>
     </section>
   </xsl:template>

diff --git a/schemas/iso19115-3.2018/src/main/plugin/iso19115-3.2018/formatter/xsl-view/view.xsl b/schemas/iso19115-3.2018/src/main/plugin/iso19115-3.2018/formatter/xsl-view/view.xsl
@@ -253,7 +253,8 @@
           <img data-gn-img-modal="md"
                class="gn-img-thumbnail center-block"
                alt="{$schemaStrings/overview}"
-               src="{mcc:fileName/*}"/>
+               src="{mcc:fileName/*}"
+               onerror="this.onerror=null; $('.gn-md-side-overview').hide()"/>
 
           <xsl:for-each select="mcc:fileDescription">
             <div class="gn-img-thumbnail-caption">

diff --git a/schemas/iso19139/src/main/plugin/iso19139/formatter/xsl-view/view.xsl b/schemas/iso19139/src/main/plugin/iso19139/formatter/xsl-view/view.xsl
@@ -227,7 +227,8 @@
         <img data-gn-img-modal="md"
              class="gn-img-thumbnail"
              alt="{$schemaStrings/overview}"
-             src="{gmd:fileName/*}"/>
+             src="{gmd:fileName/*}"
+             onerror="this.onerror=null; $('.gn-md-side-overview').hide()"/>
 
         <xsl:for-each select="gmd:fileDescription">
           <div class="gn-img-thumbnail-caption">

diff --git a/web-ui/src/main/resources/catalog/views/default/templates/recordView/thumbnails.html b/web-ui/src/main/resources/catalog/views/default/templates/recordView/thumbnails.html
@@ -6,6 +6,7 @@
       alt="{{'overview' | translate}}"
       title="{{img.name}}"
       data-ng-src="{{img.url}}"
+      onerror="this.onerror=null; this.style.display='none';"
     />
     <p class="text-center" data-ng-if="img.name != ''">{{img.name}}</p>
   </li>