fixed reactivity of categories

Signed-off-by: Suhas Hariharan <hariharan774531@sas.edu.sg>

src/js/components/CategoryWeighting.vue

@@ -147,9 +147,13 @@ export default {
                     catmap[e] = { weighting: 0, category: e };
                 });
             }
+            let category_set = new Set(this.categories);
             for (var cat in catmap) {
+                category_set.add(cat);
                 this.renderWeights.push(catmap[cat]);
             }
+            this.categories = Array.from(category_set);
+            this.gradetable.updateCategories(this.categories);
         },
         saveCategoryWeightingLocal () {
             saveCategoryWeighting(this.getCategoryMap());
@@ -174,7 +178,7 @@ export default {
         },
         changeCategory (c, nc) {
             this.gradetable.changeCategory(this.categories[c], nc);
-            this.categories[c] = nc;
+            this.$set(this.categories, c, nc);
         },
     },
 };

src/js/components/GradeTable.vue

@@ -175,6 +175,9 @@ export default {
                 }
             }
         },
+        updateCategories (categories) {
+            this.categories = categories;
+        },
         changeCategory (oc, nc) {
             for (var i = 0; i < this.assignments.length; i++) {
                 if (this.assignments[i].category === oc) {

src/js/helpers.js

@@ -352,6 +352,7 @@ function getDefaultConfig () {
     return data;
 }
 
+
 export {
     gradeToFP,
     grade_fp,

src/js/saspowerschoolff.js

@@ -423,7 +423,7 @@ function addHypoGradeCalc (courses) {
 /**
  * Add a category weighting widget.
  */
-function addVueGrades () {
+async function addVueGrades () {
     const assignments = extractAssignmentList();
     const cat = extractGradeCategories(document.querySelector("#content-main > div.box-round > table:nth-child(4) > tbody"));
     gt = new (Vue.extend(GradeTable))({ // remake grade table to easily read grades