README.md

@@ -6,9 +6,9 @@
 
 ```
 cd ./modules
-wget https://git.hangar.org/arcHIVE-tech/ImageGallery-omeka-module/archive/main.zip
+https://git.hangar.org/arcHIVE-tech/ImageGallery-omeka-module
 unzip main.zip
-mv imagegallery-omeka-module/ ImageGallery
+mv ImageGallery-omeka-module/ ImageGallery
 rm main.zip
 ```
 

asset/css/gallery.css

@@ -46,7 +46,6 @@
 }
 .archive-gallery .gallery__selector:checked + .gallery__img {
   opacity: 1;
-  height: 200px;
 }
 .archive-gallery .gallery__selector:checked ~ .gallery__thumb > img {
   box-shadow: 0 0 0 3px #0be2f6;

src/Site/BlockLayout/ImageGallery.php

@@ -70,46 +70,22 @@ class ImageGallery extends AbstractBlockLayout
             return '';
 		}
 
-    //$thumbnails = [];
-		static $gallery_id = 0;
-    $images = [];
+    $thumbnails = [];
+		static $id = 0;
 
-    /*
     $media = $attachments[0]->item()->media()[0];
     $item = $attachments[0]->item();
     $item_url = null;
     if ($block->dataValue('renderSourceLink')) {
       $item_url = $attachments[0]->item()->url();
     }
-    */
-
-    foreach ($attachments as $attachment)
-		{
-      $img_id = 0;
-			foreach($attachment->item()->media() as $media)
-			{
-				$mediaType = $media->mediaType();
-				$mediaRenderer = $media->renderer();
-				if ((strpos($mediaType, 'image/') !== false) || (strpos($mediaRenderer, 'youtube') !== false)) {
-					array_push($images, ["media_url" => $media->originalUrl(),
-                               "item_url" => $attachment->item()->url(),
-                               "img_id" => 'gi_' . $gallery_id . '_' . $img_id,
-                              ]);
-          $img_id = $img_id +1;
-				}
-			}
-		}
-
-
-
     $max_width = $block->dataValue('width');
 		return $view->partial('common/block-layout/imageGallery', [
-      'gallery_id' => 'ig_' . ++$gallery_id,
+      'gallery_id' => 'ig-' . ++$id,
 			'title' => $block->dataValue('title'),
       //'item' => $item,
-      'images' => $images,
-      //'images' => $item->media(),
-      //'item_url' => $item_url,
+      'images' => $item->media(),
+      'item_url' => $item_url,
       //'renderSourceLink' => $block->dataValue('renderSourceLink'),
 			'width' => $block->dataValue('width'),
       'max_width' => $max_width,

view/common/block-layout/imageGallery.phtml

@@ -7,9 +7,11 @@ $this->headLink()->appendStylesheet($this->assetUrl('css/gallery.css', 'ImageGal
 
 
 <div class="archive-gallery">
-	<div class="source-link">
-		<a href="">Source</a>
-	</div>
+	<?php if ($item_url) { ?>
+		<div class="source-link">
+			<a href="<?= $item_url ?>">Source</a>
+		</div>
+	<?php } ?>
 
 	<section id="<?= $gallery_id ?>"
 					 class="gallery"
@@ -26,15 +28,12 @@ $this->headLink()->appendStylesheet($this->assetUrl('css/gallery.css', 'ImageGal
 						 class="gallery__selector"/>
 	    <img class="gallery__img"
 					 style=""
-					 src="<?= $image['media_url'] ?>"
-					 item_url="<?= $image['item_url'] ?>"
-					 alt=""
+					 src="<?= $image->primaryMedia()->originalUrl() ?>"
+					 alt="<?= $image->primaryMedia()->source() ?>"
 			/>
 	    <label for="<?= $img_id ?>" class="gallery__thumb">
-				<img src="<?= $image['media_url'] ?>"
-						 alt=""
-						 item_url="<?= $image['item_url'] ?>"
-						 onclick="updateSourceURL(this)"
+				<img src="<?= $image->primaryMedia()->thumbnailUrl('large') ?>"
+						 alt="Thumbnail: <?= $image->primaryMedia()->source() ?>"
 				/>
 			</label>
 	  </div>
@@ -53,19 +52,6 @@ $this->headLink()->appendStylesheet($this->assetUrl('css/gallery.css', 'ImageGal
 
 
 <script>
-
-function updateSourceURL(thumbnail){
-	$(thumbnail).closest(".archive-gallery")
-							.find('.source-link')
-							.find('a').prop('href', $(thumbnail).attr('item_url'));
-}
-jQuery(document).ready(function() {
-	$('.archive-gallery').each(function(i, el){
-		var first_thumbnail = $(el).find('.gallery__img:first')
-		updateSourceURL(first_thumbnail)
-	});
-});
-
 jQuery(document).ready(function() {
 	var gallery_image_height=0;
 	$( ".gallery__img" ).each(function( index ) {
@@ -73,10 +59,8 @@ jQuery(document).ready(function() {
 			gallery_image_height = $(this).height();
 		}
 	});
-	$( ".gallery__img" ).each(function( index ) {
-		$(this).css('height', gallery_image_height)
-	});
 	$('section.gallery').css('padding-top', gallery_image_height)
+	//$(".gallery__thumb:first-of-type").css('margin-left', 0)
+	//$(".gallery__thumb:last-of-type").css('margin-right', 0)
 });
-
 </script>