Admin dense UI animations - #17
Merged
Merged
Conversation
Swap primary → accent across admin dashboard, users, restaurants, catalog, and shared CRUD screens for a consistent admin accent. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…ions - Switch admin console to Fuse dense layout; FreshFlow footer on dense - Language switcher: flags in the dropdown, flag-only trigger in admin, tooltips on branch / language / currency; remove active-item highlight - Add dark/light scheme toggle to the admin header - Header icon color + size system: green for labelled lead icons, neutral for standalone action buttons; unified icon/caret scale - Brighten the storefront "Danh mục" button on hover - Splash screen: block tooltips and lock scrolling (html + body) until the splash is fully gone; inline critical styles to avoid first-paint scrollbar flash - Shared route-transition animation via fuseRouteAnimation directive (fade + rise + subtle scale + blur clear), gated to run after splash - Cross-fade the whole page when switching color scheme - Branch picker: auto-open when no address is selected (after splash), empty state, and a "Tạo cửa hàng" create form Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
… sizes - User-detail actions now show the backend error message (e.g. a 422 ProblemDetails) instead of a generic toast, via a shared apiErrorMessage helper that reads the ResponseError body. - Market assignments are gated to market_agent users only (PRD M3), so the UI no longer lets admins trigger a guaranteed 422 for other roles. - Cap market-products page size at 100 to stop the server 400 on oversized page requests. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
… layout Hub management - Manager field is now a dropdown of hub_staff users (was a raw UUID input); the list shows the manager's email instead of the id. - Client-side validation: required capacity (> 0), name/address length caps. - Goong.io location picker: place-search autocomplete + interactive map with a draggable marker + manual lat/long inputs, kept in two-way sync. The map SDK is lazy-loaded from a CDN and degrades gracefully when keys are absent. - Extend the shared CRUD field system with a 'location' field type plus maxLength/min validators and mat-error messages. Goong keys are read from environment.*; committed files ship blank values, real keys live in the gitignored environment.local.ts (run npm run start:local) or are injected at deploy time. Layout - Standardize the CRUD page on the users-management look (filter row, table, header) and drop the earlier sticky-header/count experiments. - Dialogs fit the viewport (maxHeight 90vh) and scroll vertically with the scrollbar hidden via a shared .no-scrollbar utility. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Code Review Could Not Complete
|
| Options | Enabled |
|---|---|
| Bug | ✅ |
| Performance | ✅ |
| Security | ✅ |
| Business Logic | ✅ |
|
Caution Review failedThe pull request is closed. ℹ️ Recent review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (39)
📝 WalkthroughWalkthroughThe pull request adds Goong-backed location selection and dynamic admin CRUD support, introduces theme and route transitions, improves splash behavior, expands branch and language controls, and updates admin workflows, styling, validation, and translations. ChangesApplication UX
Admin and maps
Estimated code review effort: 4 (Complex) | ~45 minutes Possibly related PRs
Sequence Diagram(s)sequenceDiagram
participant Admin
participant ResourceCrudComponent
participant LocationPickerComponent
participant GoongMapService
participant GoongAPI
Admin->>ResourceCrudComponent: Open hub form
ResourceCrudComponent->>LocationPickerComponent: Bind latitude and longitude controls
LocationPickerComponent->>GoongMapService: Search or initialize map
GoongMapService->>GoongAPI: Request autocomplete or place details
GoongAPI-->>GoongMapService: Return suggestions or coordinates
GoongMapService-->>LocationPickerComponent: Return location data
LocationPickerComponent->>ResourceCrudComponent: Update coordinate controls
ResourceCrudComponent-->>Admin: Render and submit hub coordinates
Poem
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Warning There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure. 🔧 ESLint
ESLint install timed out. The project may have too many dependencies for the sandbox. Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
This was referenced Jul 24, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary by CodeRabbit
New Features
Bug Fixes
Improvements