Convert Vue.js architecture to Angular architecture

[sweep-ai[bot]]

PR Feedback (click)

• [ ] 👍 Sweep Did Well
• [ ] 👎 Sweep Needs Improvement

  Description

  This PR converts the existing Vue.js architecture to Angular architecture in the vue-admin-web directory. The conversion maintains the frontend style structure and logic while replacing Vue.js components, services, and modules with their Angular equivalents. The Vue.js router is replaced with the Angular router, and the Vue.js event bus is replaced with an Angular service for inter-component communication.

Summary of Changes

• Created the main Angular module in app.module.ts based on the existing main.js file.
• Created the main Angular component in app.component.ts based on the existing App.vue file.
• Created the main Angular component template in app.component.html based on the existing App.vue file.
• Created the main Angular component styles in app.component.css based on the existing App.vue file.
• Created the main Angular routing module in app-routing.module.ts based on the existing router/index.js file.
• Created the Angular service for the event bus in bus.service.ts based on the existing common/bus.js file.
• Modified app.module.ts to import and include AppRoutingModule and BusService.
• Created the Angular component for the drag list in drag-list.component.ts based on the existing page/DragList.vue file.
• Created the Angular component template for the drag list in drag-list.component.html based on the existing page/DragList.vue file.
• Created the Angular component styles for the drag list in drag-list.component.css based on the existing page/DragList.vue file.
• Modified app-routing.module.ts to import and include DragListComponent.
• Modified app.module.ts to import and include DragListComponent.

Please review and merge these changes to complete the conversion from Vue.js to Angular architecture.

Fixes #7.

---

🎉 Latest improvements to Sweep:

• Sweep can now passively improve your repository! Check out Rules to learn more.

---

💡 To get Sweep to edit this pull request, you can:

• Comment below, and Sweep can edit the entire PR
• Comment on a file, Sweep will only modify the commented file
• Edit the original issue to get Sweep to recreate the PR from scratch

[sweep-ai[bot]]

Rollback Files For Sweep

• [ ] Rollback changes to angular-admin-web/src/app/pages/drag-list/drag-list.component.ts
• [ ] Rollback changes to angular-admin-web/src/app/app.module.ts
• [ ] Rollback changes to angular-admin-web/src/app/app.component.ts
• [ ] Rollback changes to angular-admin-web/src/app/shared/services/bus.service.ts
• [ ] Rollback changes to angular-admin-web/src/app/app-routing.module.ts
• [ ] Rollback changes to angular-admin-web/src/app/app.component.css
• [ ] Rollback changes to angular-admin-web/src/app/app.component.html

[sweep-ai[bot]]

Apply Sweep Rules to your PR?

• [ ] Apply: Leftover TODOs in the code should be handled.
• [ ] Apply: All new business logic should have corresponding unit tests in the tests/ directory.
• [ ] Apply: Any clearly inefficient or repeated code should be optimized or refactored.