Joost/pics
1
0
Fork 0
forked from Public/pics
Code Issues Pull Requests Projects Releases Wiki Activity

PhotosIndex: reintroduce alternating odd/even layouts

Browse Source
This commit is contained in:
Aaron van Geffen 2023-04-01 14:53:40 +02:00
parent d315f4d0c2
commit 9fcde24c39
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
templates/PhotosIndex.php
View File

@ -51,7 +51,7 @@ class PhotosIndex extends Template
{ {
list($photos, $what) = $row; list($photos, $what) = $row;
$this->header($photos); $this->header($photos);
$this->$what($photos); $this->$what($photos, $i % 2);
} }
echo ' echo '
@ -115,7 +115,7 @@ class PhotosIndex extends Template
</div>'; </div>';
} }
protected function panorama(array $photos) protected function panorama(array $photos, $altLayout)
{ {
foreach ($photos as $image) foreach ($photos as $image)
{ {
@ -131,12 +131,13 @@ class PhotosIndex extends Template
} }
} }
protected function portrait(array $photos) protected function portrait(array $photos, $altLayout)
{ {
$image = array_shift($photos); $image = array_shift($photos);
echo ' echo '
<div class="row g-5 mb-5 tile-feat-portrait"> <div class="row g-5 mb-5 tile-feat-portrait',
$altLayout ? ' flex-row-reverse' : '', '">
<div class="col-md-4">'; <div class="col-md-4">';
$this->photo($image, 'portrait', static::PORTRAIT_WIDTH, static::PORTRAIT_HEIGHT, 'centre'); $this->photo($image, 'portrait', static::PORTRAIT_WIDTH, static::PORTRAIT_HEIGHT, 'centre');
@ -163,12 +164,13 @@ class PhotosIndex extends Template
</div>'; </div>';
} }
protected function landscape(array $photos) protected function landscape(array $photos, $altLayout)
{ {
$image = array_shift($photos); $image = array_shift($photos);
echo ' echo '
<div class="row g-5 mb-5 tile-feat-landscape"> <div class="row g-5 mb-5 tile-feat-landscape',
$altLayout ? ' flex-row-reverse' : '', '">
<div class="col-md-8">'; <div class="col-md-8">';
$this->photo($image, 'landscape', static::LANDSCAPE_WIDTH, static::LANDSCAPE_HEIGHT, 'top'); $this->photo($image, 'landscape', static::LANDSCAPE_WIDTH, static::LANDSCAPE_HEIGHT, 'top');
@ -195,7 +197,7 @@ class PhotosIndex extends Template
</div>'; </div>';
} }
protected function duo(array $photos) protected function duo(array $photos, $altLayout)
{ {
echo ' echo '
<div class="row g-5 mb-5 tile-duo">'; <div class="row g-5 mb-5 tile-duo">';
@ -215,7 +217,7 @@ class PhotosIndex extends Template
</div>'; </div>';
} }
protected function single(array $photos) protected function single(array $photos, $altLayout)
{ {
echo ' echo '
<div class="row g-5 mb-5 tile-single"> <div class="row g-5 mb-5 tile-single">
@ -229,7 +231,7 @@ class PhotosIndex extends Template
</div>'; </div>';
} }
protected function landscapes(array $photos) protected function landscapes(array $photos, $altLayout)
{ {
echo ' echo '
<div class="row g-5 mb-5 tile-row-landscapes">'; <div class="row g-5 mb-5 tile-row-landscapes">';
@ -249,7 +251,7 @@ class PhotosIndex extends Template
</div>'; </div>';
} }
protected function portraits(array $photos) protected function portraits(array $photos, $altLayout)
{ {
echo ' echo '
<div class="row g-5 mb-5 tile-row-portraits">'; <div class="row g-5 mb-5 tile-row-portraits">';