Skip to content

Commit

Permalink
fix aptc calculator (#4467)
Browse files Browse the repository at this point in the history
  • Loading branch information
@kristinmerbach
kristinmerbach committed Sep 4, 2024
1 parent 824ac67 commit 3516d82
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 25 deletions.
4 changes: 4 additions & 0 deletions app/javascript/css/forms.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -371,3 +371,7 @@ input[type='date']:invalid::-webkit-datetime-edit {
border: none;
}
}

#update_tax_credit_section input[type="number"] {
width: 100px;
}
59 changes: 34 additions & 25 deletions app/views/insured/group_selection/_change_tax_credit_form.html.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,42 +17,43 @@
<%= form_for locals[:hbx_enrollment],
url: edit_aptc_insured_group_selections_path(hbx_enrollment_id: locals[:hbx_enrollment][:id]), method: :post do |f| %>
<%= hidden_field_tag :bs4, true %>
<%= hidden_field_tag 'max_aptc', @self_term_or_cancel_form[:max_tax_credit] %>
<%= hidden_field_tag 'max_aptc', locals[:available_aptc] %>
<p class="d-flex">
<label for="effective_date" class="mr-2"><%= l10n("enrollment.effective_on") %></label>
<%= locals[:new_effective_on_date] %>
</p>
<p><%= l10n("total_tax_credit_amount") %>: $<span id="max_tax_credit" name="max_tax_credit"><%= '%.2f' % @self_term_or_cancel_form[:max_tax_credit] %></span></p>
<p><%= l10n("total_tax_credit_amount") %>: $<span id="max_tax_credit" name="max_tax_credit"><%= '%.2f' % locals[:available_aptc] %></span></p>
<div class="d-flex mb-2 mt-2">
<div class="mr-4">
<label class="required" for="aptc_applied_total"> <%= l10n("amount") %></label>
<input type="text" name="aptc_applied_total" id="aptc_applied_total" data-initial-amount="<%= number_to_currency(@self_term_or_cancel_form[:max_tax_credit].to_i * locals[:hbx_enrollment].elected_aptc_pct) %>" class="form-control tax_credit_field_container" value="<%= number_to_currency(@self_term_or_cancel_form[:max_tax_credit].to_i * locals[:hbx_enrollment].elected_aptc_pct) %>" placeholder="0" required>
<input type="number" step=".01" min="0" max="<%= locals[:available_aptc] %>" name="aptc_applied_total" id="aptc_applied_total" data-initial-amount="<%= number_with_precision(locals[:available_aptc].to_f * locals[:hbx_enrollment].elected_aptc_pct, precision: 2) %>" class="form-control tax_credit_field_container" value="<%= number_with_precision(locals[:available_aptc].to_f * locals[:hbx_enrollment].elected_aptc_pct, precision: 2) %>" placeholder="0" required>
</div>
<div class="mr-4">
<label class="required" for="update_tax_credit_percentage"> <%= l10n("percentage") %></label>
<input type="text" name="update_tax_credit_percentage" id="update_tax_credit_percentage" class="form-control tax_credit_field_container" data-initial-percent="<%= number_with_precision(@self_term_or_cancel_form[:elected_aptc_pct].to_f * 100, precision: 2) %>%" value="<%= number_with_precision(@self_term_or_cancel_form[:elected_aptc_pct].to_f * 100, precision: 2) %>%" placeholder="0">
<input type="number" min="0" max="100" name="update_tax_credit_percentage" id="update_tax_credit_percentage" class="form-control tax_credit_field_container" data-initial-percent="<%= number_with_precision(@self_term_or_cancel_form[:elected_aptc_pct].to_f * 100) %>" value="<%= number_with_precision(@self_term_or_cancel_form[:elected_aptc_pct].to_f * 100, precision: 0) %>" placeholder="0">
</div>
<div class="mt-4">
<div class="d-flex">
<label for="available_monthly" class="mr-2"><%= l10n("available_monthly") %></label>
<%= number_to_currency(@self_term_or_cancel_form[:max_tax_credit]) %>
<%= number_to_currency(locals[:available_aptc].to_f) %>
</div>
<div class="d-flex">
<label for="amount_applied" class="mr-3"><%= l10n("amount_applied") %></label>
<%= number_to_currency(@self_term_or_cancel_form[:max_tax_credit].to_i * locals[:hbx_enrollment].elected_aptc_pct) %>
<%= number_to_currency(locals[:available_aptc].to_f * locals[:hbx_enrollment].elected_aptc_pct) %>
</div>
</div>
</div>
<p class="d-flex">
<label for="new_enrollment_premium" class="mr-1"> <%= l10n("new_monthly_premium") %></label>
<span id="calculated_amount_applied"><%= number_to_currency(float_fix(locals[:hbx_enrollment].total_premium) - (locals[:available_aptc] * locals[:hbx_enrollment].elected_aptc_pct)) %></span>
<span id="calculated_amount_applied"><%= locals[:hbx_enrollment].total_premium.to_f - (locals[:available_aptc].to_f * locals[:hbx_enrollment].elected_aptc_pct.to_f) %></span>
</p>
<div class="mt-4">
<%= button_tag l10n("discard_changes"), class: "btn outline mr-2", id: "btn-discard-tax-credit", disabled: false, type: :reset %>
<%= submit_tag l10n("save_changes"), class: "btn", id: "btn-save-tax-credit", disabled: true %>
</div>
</div>
<%= hidden_field_tag 'enrollment_premium', @self_term_or_cancel_form[:new_enrollment_premium], id: 'enrollment_premium' %>
<%= hidden_field_tag 'total_premium', locals[:hbx_enrollment].total_premium, id: 'total_premium' %>
<% end %>
</div>
<script>
Expand All @@ -66,51 +67,61 @@
const radioButtonYes = document.getElementById('update_tax_credit_section_yes');
const radioButtonNo = document.getElementById("update_tax_credit_section_no");
const section = document.getElementById('update_tax_credit_section');
const maxTaxCredit = parseFloat('<%= locals[:available_aptc] %>');
const premiumTotal = parseFloat('<%= locals[:hbx_enrollment].total_premium %>');

function updateCalculatedAmount() {
const maxTaxCredit = parseFloat('<%= locals[:hbx_enrollment].total_premium %>');
const percentageValue = parseFloat(updateTaxCreditPercentage.value.replace('%', ''));
const totalValue = parseFloat(aptcAppliedTotal.value.replace(/[^0-9.-]+/g,""));
const percentageValue = parseFloat(updateTaxCreditPercentage.value);
const totalValue = parseFloat(aptcAppliedTotal.value);
if (!isNaN(totalValue) && !isNaN(percentageValue)) {
const calculatedValue = maxTaxCredit - totalValue;
const calculatedValue = premiumTotal - totalValue;
calculatedAmountApplied.textContent = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(calculatedValue);
} else {
calculatedAmountApplied.textContent = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(maxTaxCredit);
}
}

function handlePercentageInput() {
const percentageValue = parseFloat(updateTaxCreditPercentage.value.replace('%', ''));
const maxTaxCredit = parseFloat('<%= @self_term_or_cancel_form[:max_tax_credit] %>');
const percentageValue = parseFloat(updateTaxCreditPercentage.value);
if (!isNaN(percentageValue)) {
const newTotal = maxTaxCredit * (percentageValue / 100);
aptcAppliedTotal.value = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(newTotal);
if (percentageValue > 100) {
updateTaxCreditPercentage.value = 100;
aptcAppliedTotal.value = maxTaxCredit.toFixed(2);
} else {
const newTotal = Math.round(maxTaxCredit * (percentageValue / 100) * 100) / 100;
aptcAppliedTotal.value = newTotal.toFixed(2);
}
} else {
aptcAppliedTotal.value = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(0);
aptcAppliedTotal.value = 0;
}

if (!isNaN(percentageValue) && percentageValue <= 100) {
saveButton.disabled = false;
} else {
saveButton.disabled = true;
}
updateCalculatedAmount();
}

function handleTotalInput() {
const totalValue = parseFloat(aptcAppliedTotal.value.replace('$', ''));
const maxTaxCredit = parseFloat('<%= @self_term_or_cancel_form[:max_tax_credit] %>');
if (!isNaN(totalValue) && maxTaxCredit !== 0) {
const newPercentage = (totalValue / maxTaxCredit) * 100;
updateTaxCreditPercentage.value = newPercentage.toFixed(2) + '%';
const totalValue = parseFloat(aptcAppliedTotal.value);
if (totalValue > maxTaxCredit) {
updateTaxCreditPercentage.value = 100;
aptcAppliedTotal.value = maxTaxCredit;
} else {
updateTaxCreditPercentage.value = '';
if (!isNaN(totalValue) && maxTaxCredit !== 0) {
const newPercentage = Math.round((totalValue / maxTaxCredit) * 100);
updateTaxCreditPercentage.value = newPercentage.toFixed(0);
} else {
updateTaxCreditPercentage.value = '';
}
}

if (!isNaN(totalValue) && totalValue <= maxTaxCredit) {
saveButton.disabled = false;
} else {
saveButton.disabled = true;
}
updateCalculatedAmount();
}

function toggleSection() {
Expand All @@ -132,9 +143,7 @@
}

updateTaxCreditPercentage.addEventListener('input', handlePercentageInput);
updateTaxCreditPercentage.addEventListener('input', updateCalculatedAmount);
aptcAppliedTotal.addEventListener('input', handleTotalInput);
aptcAppliedTotal.addEventListener('input', updateCalculatedAmount);
radioButtonYes.addEventListener("change", toggleSection);
radioButtonNo.addEventListener("change", toggleSection);
discardButton.addEventListener('click', function(e) {
Expand Down

0 comments on commit 3516d82

Please sign in to comment.