lisa-fehr / recreate-gallery-script

Convert an old gallery model into a Laravel project. A series of mobbing growth sessions.

recreate-gallery-script

Convert an old gallery model into a Laravel project.

Repo contains the new and improved version in /gallery

Repo also contains:

• the broken Wordpress plugin to create the thumbnails: /archi_gallery
• the scary Model that was used to display the gallery in a Wordpress page: archi_gallery.php
• the thumbnail generator in archi_thumb.php

recreate-gallery-script's Issues

Setup new gallery as a package

Easier than copy and pasting code into a new laravel project?

Add a command to store the full path to the thumbnail and image in the gallery

The directory is stored on the uber_tags table. The location of the images would occasionally change and was not stored per entry in the gallery.

• Add a new field to the uber_gallery table called name and copy image to it.
• Add a dev command to refresh the thumb and image fields with the result of the methods getThumbnailAttribute and getImageAttribute.
  • ideally add a flag to the gallery table if it stored a missing image and add an option to the command to retry those items

Log missing thumbnails/images

The thumbnail or image association could be a 404 (checked on UberGallery@getImageAttribute & UberGallery@getThumbnailAttribute). Need to log if those methods return null.

Message:
{url-to-image-or-thumbnail} missing gallery image|thumbnail in {tag/filter}

Have a popup gallery in Vue/Tailwind

Ideally mobile friendly

Recreate the navigation from the existing tags table

Examples are based on the seeder provided.

• Create a navigation vue or blade component
• The landing page should show all and photos. All is the page you are currently on. It contains all images to the right of it (total may currently be broken).
  • url was /portfolio
  • Bonus: should see all thumbnails
• When photos is clicked it will show all and California
  • url was /photos (retaining SEO later)
  • Show back text that returns to the landing page (IE: back to portfolio)
  • Bonus: show all thumbnails with the parent photos
• When California is clicked it should show 2014.
  • url was /California (retaining SEO later)
  • Show back text that returns to photos (IE: back to photos)
  • Bonus: show all thumbnails with the parent California (contains several years)
• When 2014 is clicked it should show all.
  • url was /California/2014 (retaining SEO later)
  • Show back text that returns to California (IE: back to California)
  • Bonus: show only thumbnails for California2014

Original landing page:

Original photos page:

Fix the Model Relationship

The original database isn't Laravel friendly.

I never ended up tagging an image with more than one tag.
uber_tags should have a direct relationship to uber_gallery. No more uber_tag_assoc silliness.

• Make a migration to add tag_id to the uber_gallery table
• Make a migration to move the tag associations from the uber_tag_assoc table
• Fix the tag relationship on App\Models\UberGallery by using the tag_id column
• Remove App\Models\UberTagAssoc
• Add a migration to remove the uber_tag_assoc table

Add a Laravel command to update the total images

There is a count stored on App\Models\UberTags

The below should be possible using the scopeAllChildren on UberTags. Write a test for the scope.

Parents contain the total images of all children tags.

all is the total of children in photos, California

photos and California has children=true and doesn't tend to have any images of its own.

Based on this example: photos contains Berlin, California, FanExpo. Inside those folders are child tags for up to three years. (IE: 2005, 2009, 2014)

Current seeding doesn't give a lot of examples:

Add pagination

Add pagination once the gallery display is merged in

• 24 images per page (in the end)
• Current page indicator
• Disable forward/back when unavailable
• Ability to navigate to further pages

Example of previous navigation:

Note: this won't always be all images, they will be split into categories.

Have a command to regenerate thumbnails from a tag (or all)

Can be determined with the App\Models\UberGallery tag relationship in the /gallery folder.

• it should prompt for tag (IE: California2014) and if left empty it should re-do all
  • bonus if you can get parent tags to also work (IE: photos, California)
• it should prompt for thumbnail width and height
• it should be similar to App\Console\Commands\GenerateImages