-
-
Notifications
You must be signed in to change notification settings - Fork 730
Bulk Edit Products admin interface
This page allows users to manage multiple products at once, and is found at /admin/products
.
The old page was built with Angular and the API v0 endpoints, but we are developing a new version with a new design, using reactive rails. See below for some technical details to get you started on development.
The new screen is under current development, and is discussed in the #backoffice-ui-uplift channel on Slack, and tagged "[BUU]" on GitHub issues.
It is managed with feature toggles. To view and develop it, you need to ensure admin_style_v3
is enabled (this should be enabled by default on most environments).
The design is under iterative development and being documented under the "Design" section in the right-hand side navigation. Start here: Design styleguide: colors and shadows. Further designs are attached to issues where relevant.
The page has been built with Stimulus and Turbo, please see these pages for introductory information.
It loads the paginated product data with ProductsControllerV3
, and templates under app/views/admin/products_v3
.
The old angular screen is no longer fully supported, but S1 or S2 bugs will be considered on a case by case basis: https://openfoodnetwork.slack.com/archives/C01T75H6G0Z/p1724075022647919
Development environment setup
- Pipeline development process
- Bug severity
- Feature template (epic)
- Internationalisation (i18n)
- Dependency updates
Development
- Developer Guidelines
- The process of review, test, merge and deploy
- Making a great commit
- Making a great pull request
- Code Conventions
- Database migrations
- Testing and Rspec Tips
- Automated Testing Gotchas
- Rubocop
- Angular and OFN
- Feature toggles
- Stimulus and Turbo
Testing
- Testing process
- OFN Testing Documentation (Handbooks)
- Continuous Integration
- Parallelized test suite with knapsack
- Karma
Releasing
Specific features
Data and APIs
Instance-specific configuration
External services
Design