feat(goal-display): Implement Sum Goal Display on Master Category

src/extension/features/budget/display-target-goal-amount/index.js

@@ -29,12 +29,37 @@ export class DisplayTargetGoalAmount extends Feature {
 
   invoke() {
     this.addToolkitEmberHook('budget-table-row', 'didRender', this.addTargetGoalAmount);
+    this.addToolkitEmberHook('budget-table-row', 'didRender', this._addSums);
   }
 
   destroy() {
     $('.tk-target-goal-amount').remove();
   }
 
+  _addSums() {
+    $('.tk-goal-sum-amount').remove();
+
+    let masterCategories = $('.budget-table-row.is-master-category');
+    [...masterCategories].forEach((element) => {
+      var categorySum = 0;
+      let category = getEmberView(element.id);
+
+      if (category) {
+        category.subCategories.forEach((subcategory) => {
+          if (subcategory.goalTargetAmount) {
+            categorySum += subcategory.goalTargetAmount;
+          }
+        });
+      }
+
+      var span = document.createElement('span');
+      span.classList.add('tk-goal-sum-amount');
+      span.innerText = `${formatCurrency(categorySum)}`;
+
+      $(element).children('.tk-budget-table-cell-goal').append(span);
+    });
+  }
+
   addTargetGoalAmount(element) {
     if (!ensureGoalColumn(element)) {
       return;

src/extension/features/budget/filter-categories/index.jsx

@@ -87,6 +87,28 @@ export class FilterCategories extends Feature {
       return;
     }
 
+    if (/^goal$/g.test(text)) {
+      $('.budget-table-container .is-sub-category').each((_, el) => {
+        let element = getEmberView(el.id);
+        if (element.goalTargetAmount === 0) {
+          $(`#${element.elementId}`).addClass('tk-categories-filter-hidden');
+        }
+      });
+
+      return;
+    }
+
+    if (/^-goal$/g.test(text)) {
+      $('.budget-table-container .is-sub-category').each((_, el) => {
+        let element = getEmberView(el.id);
+        if (element.goalTargetAmount !== 0) {
+          $(`#${element.elementId}`).addClass('tk-categories-filter-hidden');
+        }
+      });
+
+      return;
+    }
+
     $('.budget-table-container .is-master-category').addClass('tk-categories-filter-hidden');
 
     $('.budget-table-container .is-sub-category').each((_, el) => {

src/types/ynab/data/master-category.d.ts

@@ -1,4 +1,5 @@
 interface YNABMasterCategory {
   entityId: string;
   sortableIndex: number;
+  subCategories: Array<YNABSubCategory>;
 }

src/types/ynab/data/sub-category.d.ts

@@ -2,4 +2,5 @@ interface YNABSubCategory {
   entityId?: string;
   masterCategoryId?: string;
   sortableIndex: number;
+  goalTargetAmount?: number;
 }