How syncfusion/ej2-showcase-vue-asset-management works
This is a Vue showcase app for tracking and visualizing organizational hardware and software assets. Users navigate the dashboard and inventory views, add or edit assets, submit and review requests, and issue licenses; dashboard charts summarize the seeded data and activity. The runtime state and sample records are held client-side, with no backend or persistent store shown. The excerpts establish several component calls and data references; other subsystem connections are included only where the SOURCE INDEX or README supports them.
Main entry points: main.js Router and state · DashboardTemplate.vue Dashboard · datasource.js Seed asset data · App.vue App shell
Components 20
Application shell
- App shell
src/App.vue - Router and state
src/main.js - About sample
src/components/AboutTemplate.vue - Seed asset data
src/datasource.js
Asset inventory
- Hardware inventory
src/components/AllHardware.vue - Hardware editor
src/components/AddHardware.vue - Software inventory
src/components/AllSoftware.vue - Software editor
src/components/AddSoftware.vue
Requests
- Request queue
src/components/AllRequests.vue - Request form
src/components/RequestForm.vue
Software licensing
- License issuer
src/components/IssueLicense.vue - Issued licenses
src/components/AllIssuedLicenses.vue
Dashboard and activity
- Dashboard
src/components/DashboardTemplate.vue - Hardware category chart
src/components/dashboard/HardwareCategoryChart.vue - Hardware status chart
src/components/dashboard/HardwareStatusChart.vue - Software category chart
src/components/dashboard/SoftwareCategoryChart.vue - License type chart
src/components/dashboard/SoftwareLicenseChart.vue - Activity feed
src/components/ActivityTemplate.vue - Notifications
src/components/NotificationTemplate.vue
Other components
- Organization user
Connections 30
- Organization user → App shell: uses
README.md - Router and state → App shell: mounts
src/main.js - Router and state → Seed asset data: loads
src/main.js - Router and state → Hardware editor: routes to
src/main.js - Router and state → Software editor: routes to
src/main.js - Router and state → Request form: routes to
src/main.js - Router and state → License issuer: routes to
src/main.js - Router and state → Hardware inventory: routes to
src/main.js - Router and state → Software inventory: routes to
src/main.js - Router and state → Request queue: routes to
src/main.js - Router and state → Issued licenses: routes to
src/main.js - Router and state → Dashboard: routes to
src/main.js - Router and state → About sample: routes to
src/main.js - App shell → Notifications: uses
src/App.vue - Hardware inventory → Hardware editor: opens editor
src/components/AllHardware.vue - Software inventory → Software editor: opens editor
src/components/AllSoftware.vue - Request queue → Request form: opens form
src/components/AllRequests.vue - Issued licenses → License issuer: opens issuer
src/components/AllIssuedLicenses.vue - Hardware editor → Seed asset data: reads records
src/components/AddHardware.vue - Software editor → Seed asset data: reads records
src/components/AddSoftware.vue - Request form → Seed asset data: reads records
src/components/RequestForm.vue - License issuer → Seed asset data: reads records
src/components/IssueLicense.vue - Dashboard → Hardware category chart: renders
src/components/DashboardTemplate.vue - Dashboard → Hardware status chart: renders
src/components/DashboardTemplate.vue - Dashboard → Software category chart: renders
src/components/DashboardTemplate.vue - Dashboard → License type chart: renders
src/components/DashboardTemplate.vue - Dashboard → Activity feed: shows
src/components/DashboardTemplate.vue - Notifications → Activity feed: uses
src/components/NotificationTemplate.vue - Hardware category chart → Router and state: reads aggregates
- License type chart → Router and state: reads aggregates