Add setting for hiding thumbnails on browse views. (#19)

config.ini

@@ -90,14 +90,19 @@ item_show_inline_metadata.options.description = "Check this box if you wish to s
 item_show_inline_metadata.options.value = "0"
 
 item_browse_layout.type = "select"
-item_browse_layout.options.label = "Item Browse Layout"
-item_browse_layout.options.description = "Select a layout for browsing items. List will provide a single column layout of items. Grid will proved a multi-column and row layout. Toggle lets the user decide."
+item_browse_layout.options.label = "Browse Layout"
+item_browse_layout.options.description = "Select a layout for browsing items, collections, or exhibits. List will provide a single column layout. Grid will proved a multi-column and row layout. Toggle lets the user decide."
 item_browse_layout.options.multiOptions.list = "List"
 item_browse_layout.options.multiOptions.grid = "Grid"
 item_browse_layout.options.multiOptions.togglelist = "Toggle (default: list)"
 item_browse_layout.options.multiOptions.togglegrid = "Toggle (default: grid)"
 item_browse_layout.options.value = "list"
 
+browse_hide_thumbnails.type = "checkbox"
+browse_hide_thumbnails.options.label = "Hide Thumbnails While Browsing"
+browse_hide_thumbnails.options.description = "Toggle thumbnails off when browsing item, collections, or exhibits."
+browse_hide_thumbnails.options.value = "0"
+
 truncate_body_property.type = "select"
 truncate_body_property.options.label = "Truncate Body Property"
 truncate_body_property.options.description = "How to handle long values for the body property of each resource on the browse page."
@@ -127,10 +132,12 @@ homepage.elements[] = "display_featured_exhibit"
 homepage.elements[] = "homepage_text"
 homepage.elements[] = "homepage_background"
 
-items.name = "items"
-items.options.legend = "Items"
+browse.options.legend = "Browsing"
+browse.elements[] = "item_browse_layout"
+browse.elements[] = "browse_hide_thumbnails"
+
+items.options.legend = "Metadata View"
 items.elements[] = "item_file_gallery"
-items.elements[] = "item_browse_layout"
 items.elements[] = "truncate_body_property"
 items.elements[] = "item_show_inline_metadata"
 items.elements[] = "item_show_media_display"

items/browse.php

@@ -1,5 +1,6 @@
 <?php
 $layout = (get_theme_option('item_browse_layout') !== null) ? get_theme_option('item_browse_layout') : 'list';
+$hideThumbnails = (get_theme_option('browse_hide_thumbnails') == 1);
 $gridState = ($layout == 'togglegrid') ? 'disabled' : '';
 $listState = ($layout == 'togglelist') ? 'disabled': '';
 $isGrid = (!isset($layout) || strpos($layout, 'grid') !== false) ? true : false;
@@ -53,13 +54,19 @@
 <ul class="resources <?php echo ($isGrid) ? 'resource-grid' : 'resource-list'; ?>">
 <?php foreach (loop('items') as $item): ?>
 <li class="item resource <?php echo ($isGrid) ? '' : 'media-object'; ?>">
-    <?php if (metadata('item', 'has files')): ?>
+    <?php if (metadata('item', 'has files') && !$hideThumbnails): ?>
     <div class="resource-image <?php echo ($isGrid) ? '' : 'media-object-section'; ?>">
         <?php echo link_to_item(item_image(), array('class' => 'thumbnail')); ?>
     </div>
     <?php endif; ?>
     <div class="resource-meta <?php echo ($isGrid) ? '' : 'media-object-section'; ?>">
-        <h4><?php echo link_to_item(metadata('item', array('Dublin Core', 'Title')), array('class' => 'permalink')); ?></h4>
+
+        <h4>
+            <?php echo link_to_item(metadata('item', array('Dublin Core', 'Title')), array('class' => 'permalink')); ?>
+            <?php if ($hideThumbnails && metadata('item', 'has files')): ?>
+            <span class="has-media" aria-label="<?php echo __('Has media'); ?>"></span>
+            <?php endif; ?>
+        </h4>
         <?php if ($description = metadata('item', array('Dublin Core', 'Description'))): ?>
         <div class="description <?php echo $truncateDescription; ?>"><?php echo $description; ?></div>
         <?php endif; ?>

scss/_omeka.scss

@@ -533,6 +533,16 @@ body.vertical-menu footer {
   }
 }
 
+.resource-list .has-media {
+  display: inline-block;
+  color: $medium-gray;
+
+  &:after {
+    content: "\f302";
+    font-family: "Font Awesome 5 Free";
+  }
+}
+
 .resource-list .resource-image.media-object-section img {
   max-width: 100%;
 }

scss/revolution.scss

@@ -46,6 +46,10 @@ body {
   border-bottom-color: $gold;
 }
 
+.resource-list .has-media {
+  color: $brown;
+}
+
 .description.fadeout:after {
   background: transparent url('../images/revolution-fade.png') no-repeat;
   background-size: cover;