Files
TK-FB-Project/update-logs/updates.md
Hyungi Ahn 79bd9324ca refactor(web-ui): Apply modular structure and refactor dashboard
This commit applies the modular refactoring to the web-ui,
including the new daily attendance tracking feature.

- **Modular Structure:** Re-introduced the modular files 'config.js',
  'component-loader.js', and 'navigation.js' to centralize configuration,
  component loading, and navigation logic.
- **Refactored Dashboard:** Refactored 'group-leader-dashboard.js' to use
  the new 'apiCall' function from 'api-config.js' for API requests,
  removing duplicated code and improving error handling.
- **ES6 Modules:** Updated 'group-leader.html' to load scripts as
  ES6 modules ('type="module"'), ensuring compatibility with the
  modular JavaScript files.
- **Clean-up:** Removed unnecessary global variables and duplicated
  functions, improving code quality and maintainability.
2026-01-06 17:29:39 +09:00

1.3 KiB

업데이트 로그

2026-01-06

feat(web-ui): Refactor web-ui for improved maintainability and modularity

Description:

This commit introduces a series of refactoring changes to the web-ui to remove hardcoded values and improve page integration.

  • Centralized Configuration: Created web-ui/js/config.js to centralize API ports, paths, and navigation URLs, replacing hardcoded values across multiple files.
  • Modular Component Loading: Introduced web-ui/js/component-loader.js to handle dynamic loading of common HTML components (e.g., sidebar, navbar), using paths from config.js.
  • Modular Navigation: Created web-ui/js/navigation.js to centralize page redirection logic, improving maintainability and reducing direct window.location.href manipulations.
  • Refactored Existing Modules: Updated web-ui/js/api-config.js, web-ui/js/login.js, web-ui/js/load-sidebar.js, and web-ui/js/load-navbar.js to utilize the new config, component-loader, and navigation modules.
  • ES6 Module Compatibility: Ensured web-ui/index.html loads scripts as ES6 modules (type="module") to support import statements.