- Add note about living expenses

- Fix income level language - Change order of legends in charts
cfpb · Jul 25, 2024 · fe0d3a4 · fe0d3a4
1 parent 7536554
commit fe0d3a4
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/02-school-costs.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/02-school-costs.html
@@ -4,7 +4,7 @@ <h2><strong>Your estimated costs for <span data-state-item="programLengthText">X
     <ul>
         <li>Estimated time frame: <span data-state-item="programLengthText">X years</span></li>
         <li>Estimated yearly costs: <span data-number-display="currency" data-financial-item="total_costs">$X</span></li>
-        <li>This estimate is based on the net price paid by in-state students with family incomes between <span data-state-item="programIncomeText">$X</span>.</li>
+        <li>This estimate is based on the net price paid by in-state students with family incomes <span data-state-item="programIncomeText">$X</span>.</li>
         <li>Your actual expenses will depend on your situation—any financial aid you receive, your personal budgeting, rising costs, and other factors.{{tooltip.render('Net price is the school’s cost of attendance minus any grants and scholarships received. For public schools, this is only the average costs for in-state students. See <a href="" class="scorecard-school">College Score Card</a> for more information.')}}</li>
     </ul>
 

diff --git a/...ying_for_college/jinja2/paying-for-college/college-cost-blocks/08-affording-payments.html b/...ying_for_college/jinja2/paying-for-college/college-cost-blocks/08-affording-payments.html
@@ -51,7 +51,8 @@ <h3>See if the monthly payment fits in an average monthly budget</h3>
             'value': '$0',
             'decor': '&mdash;',
             'is_editable': 'True',
-            'data_attribute': 'data-expenses-item="total_expenses"'
+            'data_attribute': 'data-expenses-item="total_expenses"',
+            'note': 'From the Bureau of Labor Statistics&apos; Consumer Expenditure Survey'
         } %}
         {% call() flyout(flyout_settings) %}
         {{

diff --git a/...r_college/jinja2/paying-for-college/college-cost-blocks/macros/financial-item-flyout.html b/...r_college/jinja2/paying-for-college/college-cost-blocks/macros/financial-item-flyout.html
@@ -40,7 +40,7 @@
             type="button">
       <span class="flex-container">
         <span class="h4 o-costs-group__label financial-item__label">
-            {{ value.label }}
+            {{ value.label | safe }}
         </span>
         <span class="o-costs-group__link">
             {% if value.decor %}{{ value.decor | safe }}{% endif %}

diff --git a/cfgov/unprocessed/apps/paying-for-college/js/college-costs/models/state-model.js b/cfgov/unprocessed/apps/paying-for-college/js/college-costs/models/state-model.js
@@ -88,11 +88,11 @@ const stateModel = {
       inDistrict: 'In district',
     },
     programIncome: {
-      '0-30k': '$0 to $30,000',
-      '30k-48k': '$30,000 to $48,000',
-      '48k-75k': '$48,000 to $75,000',
-      '75k-110k': '$75,000 to $110,000',
-      '110k-plus': '$110,000 or more',
+      '0-30k': 'from $0 to $30,000',
+      '30k-48k': 'from $30,000 to $48,000',
+      '48k-75k': 'from $48,000 to $75,000',
+      '75k-110k': 'from $75,000 to $110,000',
+      '110k-plus': 'of $110,000 or more',
     },
   },
 

diff --git a/cfgov/unprocessed/apps/paying-for-college/js/college-costs/views/chart-view.js b/cfgov/unprocessed/apps/paying-for-college/js/college-costs/views/chart-view.js
@@ -326,12 +326,14 @@ const costOfBorrowingOpts = {
       pointWidth: 60,
       data: [10000],
       color: '#ff9e1b',
+      legendIndex: 2
     },
     {
       name: 'Estimated total borrowed: <strong>$55,000</strong>',
       pointWidth: 60,
       data: [40000],
       color: '#ffe1b9',
+      legendIndex: 1
     },
   ],
 };
@@ -461,6 +463,7 @@ const affordingOpts = {
       data: [524],
       color: '#ffe1b9',
       stack: 'costs',
+      legendIndex: 2
     },
     {
       name: 'Average monthly expenses: <strong>$2,246</strong>',
@@ -469,6 +472,7 @@ const affordingOpts = {
       data: [2246],
       color: '#ff9e1b',
       stack: 'costs',
+      legendIndex: 1
     },
     {
       name: 'Monthly median salary: <strong>$4,357</strong>',
@@ -488,6 +492,7 @@ const affordingOpts = {
         },
       },
       stack: 'salary',
+      legendIndex: 3
     },
   ],
 };