How to create virtual pages for each photo in an album?

The CMS Questions
21

Yes, I guess you have to sort them explicitly, maybe by num, but not sure.

22

Hmmā€¦ has no affect. If i dump the page, the images are not in number order in the children array, so for some reason its not seeing the num somehow. If i go into an indidual image page and dump it, i do get the right number backā€¦ frustrating.

I tried sortBy() using num, but it does not work.

23

Hm, if you donā€™t find a solution in the meantime, Iā€™ll have a closer look later. Gotta do some grocery shopping now.

24

Fair enoughā€¦ have fun :slight_smile:

25

Hm, sorting by num in the template works for me.

foreach ($page->children()->sortBy('num', 'desc') as $child) {
  dump($child->title() . $child->num());
};

On a side note, You shouldnā€™t use a model that is different from the template, though.

26

Sorting works now! I tried what you said myself earlier, and it i didnt work. I think i fixed it by turning the computer off and going outsideā€¦

Oh, yes ive been switching things around. Thanks for spotting.

27

@texnixe I had to switch the sort to this:

$image->sort()->isNotEmpty() ? $image->sort()->value() : 0

Using null upset the next and previous buttons since it means $page->hasNextListed() comes back false.

28

You mean in the Panel, I guess?

29

No, in a templateā€¦

<nav class="side-nav-left">
  <?php if ($page->hasPrevListed()): ?>
    <a class="btn" href="<?= $page->prevListed()->url() ?>"><?= svg('assets/images/LeftArrow.svg') ?></a>
  <?php else: ?>
    <a class="btn" href="<?= $page->parent()->url() ?>"><?= svg('assets/images/Grid.svg') ?></a>
  <?php endif ?>
</nav>

It wasnt giving me the next page button, always the one in the else to take you back up a level to an overview page.

Editā€¦ actually its worse than that, its giving me the next alpha order page, not the next listedā€¦ sigh. The nav buttons dont seem to be in sync with the page order now.

30

Iā€™d either use null and then hasNext()/hasPrev() on a sorted collection, or map a value to all pages that donā€™t have a sort value in the model, or make sure that each image gets a sort number on upload through a hook (if you only upload through the Panel, not via FTP).

Using a different numbering scheme for the same collection is bound to cause issues in the long run.

31

I finally managed to sort this out by doing this in the controller:

<?php

return function ($page) {

  // Get the album images
  $shotlist = $page->parent()->children()->sortBy('num', 'asc');

  // Get the current shot in the album
  $shot = $page->parent()->images()->findBy('name', $page->slug());

  // Image Index
  $shotidx = $shotlist->indexOf($page);

  // Next & Previous Navs
  $next = $page != $shotlist->last()  ? $shotlist->nth($shotidx + 1) : false;
  $prev = $page != $shotlist->first() ? $shotlist->nth($shotidx - 1) : false;

  return [
    'shot' => $shot,
    'shotlist' => $shotlist,
    'next' => $next,
    'prev' => $prev,
    'shotidx' => $shotidx
  ];

};