How zenkaeser/asset-manager works
Asset Manager is an Angular asset-browsing UI backed by in-memory mock data. The user workflow is to browse assets, search/filter/sort and switch layout, select assets for bulk actions, or open a detail panel. The README documents these capabilities; sampled source confirms the service state and component calls. Templates were not sampled, so interaction wiring beyond the components’ documented roles is shown conservatively. Download is explicitly a mock action, not an external file transfer.
Main entry points: asset-list.ts Asset browser · asset.service.ts Asset service · asset-detail.ts Detail panel · app.ts App shell
Components 10
User interface
- App shell
src/app/app.ts - Asset browser
src/app/features/asset-list/asset-list.ts - Search and controls
src/app/features/toolbar/toolbar.ts - Bulk actions
src/app/features/toolbar/bulk-action-bar/bulk-action-bar.ts - Detail panel
src/app/features/asset-detail/asset-detail.ts
Asset state
- Asset service
src/app/core/services/asset.service.ts - Mock assets
src/app/core/services/mock-assets.data.ts
Shared logic
- Asset model
src/app/core/models/asset.model.ts - Byte formatter
src/app/core/utils/format-bytes.ts
Other components
- User
Connections 13
- User → App shell: uses
- App shell → Asset browser: renders
- User → Asset browser: browses
- Asset browser → Search and controls: renders
- Asset browser → Bulk actions: renders
- Asset browser → Detail panel: renders
- Search and controls → Asset service: sets search/filter/sort
- Asset browser → Asset service: reads assets and view state
- Bulk actions → Asset service: deletes or clears selection
- Detail panel → Asset service: reads and closes detail
- Asset service → Mock assets: loads initial assets
- Detail panel → Byte formatter: formats size
- Asset browser → Byte formatter: formats size