[PR #6584] feat: gallery view poc #7470

New issue

Open

opened 2026-03-23 23:19:47 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 23:19:47 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/6584
Author: @Xazin
Created: 10/20/2024
Status: 🔄 Open

Base: main ← Head: feat/gallery-view

📝 Commits (7)

46173b3 feat: gallery view poc
d0a3474 fix: use footer
9b0f0ce feat: add card hover actions
558fce8 fix: insert default rows when creating gallery
6925eab fix: hover improvements when reordering
a3e280c fix: add database settings
20d6a23 fix: minor cleanup

📊 Changes

31 files changed (+969 additions, -53 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test.dart (+4 -0)
📝 frontend/appflowy_flutter/lib/plugins/database/board/presentation/board_page.dart (+2 -6)
📝 frontend/appflowy_flutter/lib/plugins/database/domain/layout_service.dart (+4 -0)
➕ frontend/appflowy_flutter/lib/plugins/database/gallery/application/gallery_bloc.dart (+226 -0)
➕ frontend/appflowy_flutter/lib/plugins/database/gallery/gallery.dart (+34 -0)
➕ frontend/appflowy_flutter/lib/plugins/database/gallery/presentation/gallery_card.dart (+166 -0)
➕ frontend/appflowy_flutter/lib/plugins/database/gallery/presentation/gallery_page.dart (+295 -0)
➕ frontend/appflowy_flutter/lib/plugins/database/gallery/presentation/toolbar/gallery_toolbar.dart (+63 -0)
📝 frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/row/action.dart (+7 -0)
📝 frontend/appflowy_flutter/lib/plugins/database/tab_bar/desktop/tab_bar_add_button.dart (+13 -17)
📝 frontend/appflowy_flutter/lib/plugins/database/widgets/card/card.dart (+34 -8)
📝 frontend/appflowy_flutter/lib/plugins/database/widgets/card/card_bloc.dart (+3 -3)
📝 frontend/appflowy_flutter/lib/plugins/database/widgets/database_layout_ext.dart (+3 -0)
📝 frontend/appflowy_flutter/lib/plugins/database/widgets/setting/database_settings_list.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/base/insert_page_command.dart (+4 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/database/database_view_block_component.dart (+4 -13)
📝 frontend/appflowy_flutter/lib/startup/plugin/plugin.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/startup/tasks/load_plugin.dart (+5 -0)
📝 frontend/appflowy_flutter/lib/workspace/application/view/view_ext.dart (+12 -2)
📝 frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_item.dart (+2 -0)

...and 11 more files

📄 Description

I built a version/proof of concept of a Gallery View for Databases. This is not on the roadmap, so it is not prioritized at the moment.

Relates: #3827

Some nice to haves:

Would be nice for all items in a row fit the largest items height to match.

To-dos:

Insert default cards in Gallery on creation (same as grid)
Add actions on card show up on hover (similar to in board)
Lazy render grid items
Tests

Feature Preview

https://github.com/user-attachments/assets/03532f43-9032-42a4-9aa5-5a58f168261e

PR Checklist

My code adheres to AppFlowy's Conventions
I've listed at least one issue that this PR fixes in the description above.
I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
All existing tests are passing.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/6584 **Author:** [@Xazin](https://github.com/Xazin) **Created:** 10/20/2024 **Status:** 🔄 Open **Base:** `main` ← **Head:** `feat/gallery-view` --- ### 📝 Commits (7) - [`46173b3`](https://github.com/AppFlowy-IO/AppFlowy/commit/46173b394032b70674385841a6d9f4c65e26360b) feat: gallery view poc - [`d0a3474`](https://github.com/AppFlowy-IO/AppFlowy/commit/d0a3474f6bffb6dfe9ac9062c225e65a42c2366a) fix: use footer - [`9b0f0ce`](https://github.com/AppFlowy-IO/AppFlowy/commit/9b0f0cef0b62a27a7768c865e6f18f7e338ca98f) feat: add card hover actions - [`558fce8`](https://github.com/AppFlowy-IO/AppFlowy/commit/558fce8434ce002e734e15c2d41413b212a2ce89) fix: insert default rows when creating gallery - [`6925eab`](https://github.com/AppFlowy-IO/AppFlowy/commit/6925eab6fc88945bc6a87fd6c5b8e3dfc160a69e) fix: hover improvements when reordering - [`a3e280c`](https://github.com/AppFlowy-IO/AppFlowy/commit/a3e280ca5ce99c548ad896c38d12e36f124809c5) fix: add database settings - [`20d6a23`](https://github.com/AppFlowy-IO/AppFlowy/commit/20d6a230041294018ec975aa0fe8da915bd470fe) fix: minor cleanup ### 📊 Changes **31 files changed** (+969 additions, -53 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test.dart` (+4 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database/board/presentation/board_page.dart` (+2 -6) 📝 `frontend/appflowy_flutter/lib/plugins/database/domain/layout_service.dart` (+4 -0) ➕ `frontend/appflowy_flutter/lib/plugins/database/gallery/application/gallery_bloc.dart` (+226 -0) ➕ `frontend/appflowy_flutter/lib/plugins/database/gallery/gallery.dart` (+34 -0) ➕ `frontend/appflowy_flutter/lib/plugins/database/gallery/presentation/gallery_card.dart` (+166 -0) ➕ `frontend/appflowy_flutter/lib/plugins/database/gallery/presentation/gallery_page.dart` (+295 -0) ➕ `frontend/appflowy_flutter/lib/plugins/database/gallery/presentation/toolbar/gallery_toolbar.dart` (+63 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database/grid/presentation/widgets/row/action.dart` (+7 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database/tab_bar/desktop/tab_bar_add_button.dart` (+13 -17) 📝 `frontend/appflowy_flutter/lib/plugins/database/widgets/card/card.dart` (+34 -8) 📝 `frontend/appflowy_flutter/lib/plugins/database/widgets/card/card_bloc.dart` (+3 -3) 📝 `frontend/appflowy_flutter/lib/plugins/database/widgets/database_layout_ext.dart` (+3 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database/widgets/setting/database_settings_list.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/base/insert_page_command.dart` (+4 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/database/database_view_block_component.dart` (+4 -13) 📝 `frontend/appflowy_flutter/lib/startup/plugin/plugin.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/startup/tasks/load_plugin.dart` (+5 -0) 📝 `frontend/appflowy_flutter/lib/workspace/application/view/view_ext.dart` (+12 -2) 📝 `frontend/appflowy_flutter/lib/workspace/presentation/home/menu/view/view_item.dart` (+2 -0) _...and 11 more files_ </details> ### 📄 Description I built a version/proof of concept of a Gallery View for Databases. This is not on the roadmap, so it is not prioritized at the moment. Relates: #3827 Some nice to haves: - Would be nice for all items in a row fit the largest items height to match. To-dos: - [x] Insert default cards in Gallery on creation (same as grid) - [x] Add actions on card show up on hover (similar to in board) - [ ] Lazy render grid items - [ ] Tests ### Feature Preview https://github.com/user-attachments/assets/03532f43-9032-42a4-9aa5-5a58f168261e #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [x] I've listed at least one issue that this PR fixes in the description above. - [ ] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [x] All existing tests are passing. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>