From e8bbc7b6acb925a09f316a51fa8c5127fe7d2fc5 Mon Sep 17 00:00:00 2001 From: chelaz1234 Date: Tue, 8 Apr 2025 19:29:36 +1000 Subject: [PATCH 1/2] add unit-date-selector component review --- .../Migration/Units-Date-Selector.md | 49 +++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 docs/OnTrack/Front End Migration/Migration/Units-Date-Selector.md diff --git a/docs/OnTrack/Front End Migration/Migration/Units-Date-Selector.md b/docs/OnTrack/Front End Migration/Migration/Units-Date-Selector.md new file mode 100644 index 000000000..fb8e93901 --- /dev/null +++ b/docs/OnTrack/Front End Migration/Migration/Units-Date-Selector.md @@ -0,0 +1,49 @@ +### Description +This is a Component review of frontend migration on OnTrack. + +### **Ontrack Component Review** + +### **Team Member Name** +Chelaka Yasodhana +Student ID: s224114763 + +### **Component Name** +unit-dates-selector + +### **Files in this Component** +unit-dates-selector.coffee +unit-dates-selector.tpl.html + +### **Component Purpose** +• The unit-dates-selector component is a date selection tool for editing a unit's key details during the rollover process. It enables users to configure teaching periods, select start and end dates, and save the updated information for the unit. + + + +### **Component Migration Plan** + +**Migration Steps:** + +1. Analyze the Old component: + • Run the current program to see how it works and what important parts it has. +2. Remove the Old component: + • Remove the line that includes src/app/units/states/rollover/directives/unit-dates-selector from the program files. + • Remove link to component from the angular module. + +3. Add component to an Existing File: + • Add the component to a TypeScript file that already handles routing. This helps keep everything in one place. +4. Remove the refernces: + • Remove the reference. This will mean that the component is no longer loaded by angular.js. + • Make sure this file is connected properly to work with the rest of the program. +5. Setup the new component + • Setup the new component in doubtfire-angular.module.ts by importing import { TaskDescriptionCardComponent } from './projects/states/dashboard/directives/task-dashboard/directives/task-description-card/task-description-card.component'; + • Then add the component name to the list of declarations. Now the component will be available in Angular. + • Migrate the HTML, CoffeeScript, and SCSS. + • Fix any problems that come up during testing. +6. Test Everything: + • Check that the new setup works just like the old one by running the same tests. + • Fix any problems that come up during testing. + + + + + From edf53734fe82854be29ffbdc346190eda638e229 Mon Sep 17 00:00:00 2001 From: chelaz1234 Date: Tue, 8 Apr 2025 19:32:56 +1000 Subject: [PATCH 2/2] add unit-date-selector component review --- .../Front End Migration/Migration/Units-Date-Selector.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/OnTrack/Front End Migration/Migration/Units-Date-Selector.md b/docs/OnTrack/Front End Migration/Migration/Units-Date-Selector.md index fb8e93901..f23aa545f 100644 --- a/docs/OnTrack/Front End Migration/Migration/Units-Date-Selector.md +++ b/docs/OnTrack/Front End Migration/Migration/Units-Date-Selector.md @@ -41,7 +41,7 @@ unit-dates-selector.tpl.html • Fix any problems that come up during testing. 6. Test Everything: • Check that the new setup works just like the old one by running the same tests. - • Fix any problems that come up during testing. + • Fix any problems that come up during testing.