Skip to content

Add frontend for Flow #3454

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jul 1, 2025
Merged

Add frontend for Flow #3454

merged 2 commits into from
Jul 1, 2025

Conversation

ildyria
Copy link
Member

@ildyria ildyria commented Jun 14, 2025

This pull request introduces several new components and refactors existing ones to improve modularity, readability, and functionality in the gallery and flow modules. The most significant changes include the creation of reusable components like AlbumStatistics, Blur, and PhotoBox, as well as enhancements to the album and photo viewing experience.

Refactoring and Componentization

  • AlbumStatistics Component: Extracted the album statistics display logic into a reusable component, simplifying AlbumHero.vue and improving maintainability. (resources/js/components/gallery/albumModule/AlbumStatistics.vue, [1]; resources/js/components/gallery/albumModule/AlbumHero.vue, [2] [3]
  • Blur Component: Added a reusable component to handle NSFW content blurring with hover-to-reveal functionality. (resources/js/components/gallery/flowModule/Blur.vue, resources/js/components/gallery/flowModule/Blur.vueR1-R18)

Enhancements to Album and Photo Views

New Features in Flow Module

  • CarouselImages and TopImages Components: Created components for displaying album photos in carousel and grid formats, with NSFW blurring support. (resources/js/components/gallery/flowModule/CarouselImages.vue, [1]; resources/js/components/gallery/flowModule/TopImages.vue, [2]
  • HeaderImage Component: Added support for configurable album header images with blur effects for NSFW content. (resources/js/components/gallery/flowModule/HeaderImage.vue, resources/js/components/gallery/flowModule/HeaderImage.vueR1-R45)

Routing and Navigation Improvements

  • Dynamic Routing in AlbumThumb.vue: Updated album navigation to use a composable for dynamic route generation, improving flexibility and consistency. (resources/js/components/gallery/albumModule/thumbs/AlbumThumb.vue, [1] [2] [3]

@ildyria ildyria added the Review: easy Easy review expected: probably just need a quick to go through. label Jun 14, 2025
@ildyria ildyria force-pushed the flow/frontend branch 9 times, most recently from 4c4916f to edda6a3 Compare June 15, 2025 18:04
Copy link

codecov bot commented Jun 15, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 90.11%. Comparing base (c8ed4d1) to head (150803a).
Report is 1 commits behind head on flow/backend.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@ildyria ildyria added Review: medium Medium review expected: not many files, some attention to details required. and removed Review: easy Easy review expected: probably just need a quick to go through. labels Jun 15, 2025
@ildyria ildyria marked this pull request as ready for review June 15, 2025 18:39
@ildyria ildyria requested a review from a team as a code owner June 15, 2025 18:39
@ildyria ildyria merged commit d38bf01 into flow/backend Jul 1, 2025
33 checks passed
@ildyria ildyria deleted the flow/frontend branch July 1, 2025 09:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
alpha-ready Branch is available in alpha Review: medium Medium review expected: not many files, some attention to details required.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants