Theme Upgrade/Spring 2024 Release Notes

Owned by Vicky Leung
Last updated: Mar 26, 2024 by Amit Mandal
2 min read

 

eTRACS Theme

  • New theme for eTRACS: default setting is Vertical Layout, Light Color

    image-20240326-001705.png

  • New eTRACS logo on the top left

  • Global Search Bar beside the logo

  • Open sidebar on the left

  • Able to close sidebar on click

    image-20240322-220012.png

  • New UI upgrades like button colors, font sizes, font colors, and padding

eTRACS Settings

  • Additional settings in the top right corner

  • Click the gear icon to change the default theme settings

  • Able to choose the old Horizontal Layout

  • Able to choose Colors for the main menu

  • Able to apply a background image to the main menu

  • Able to view in fullscreen mode by clicking the frame icon image-20240322-222907.png

Course Planner

  • New sliding panel when adding and editing a course offering

  • Upon clicking the '+' sign to create a new section, the sliding panel will appear with a Z100 section automatically saved

  • The new sliding panel will autosave course offering data without needing to click a save button

Additional Updates & Fixes

  • Added Faculty Associate/Program Coordinator POI ranks to the Teaching Workload Report

 

Technical release notes

Theme Upgrade

  • Replaced previous theme with a modernized off-the-shelf theme.

  • Heavily customized the theme to maintain familiar appearance with modern features.

Major Library Upgraded to their latest versions

  • PHP

  • Laravel

  • Bootstrap

  • Ag-grid

  • MobiScroll

Frontend Code Improvements

  • Rewrote majority of the frontend code to use custom global components to improve consistency and speeding up future upgrades.

  • Code clean up - removed redundant codes and modules.

  • Reorganized internal coding structure for improved scalability and efficiency.

  • Reorganized core eTRACS custom frontend libraries to facilitate reuse in other AMS applications or external systems.

  • Implemented ES6 based AirBnB JavaScript coding style for consistency.

Server & DevOps Upgrades

  • Upgraded Docker containers to use latest Operating System for compatibility and security.

  • Implemented CI-CD processes to enable automated testing and coding standards enforcement.