|
1 | 1 | $(document).ready(function(){
|
2 | 2 | const SELECTORS = {
|
3 |
| - checkboxesContainer: () => $('#benefits_container'), |
4 |
| - costLabel: () => $("#cost_label"), |
5 |
| - clearFormBtn: () => $("#clear_form_btn"), |
6 |
| - packageInput: () => $("input[name=package]"), |
7 |
| - applicationForm: () => $("#application_form"), |
8 |
| - getPackageInfo: (packageId) => $("#package_benefits_" + packageId), |
9 |
| - getPackageBenefits: (packageId) => SELECTORS.getPackageInfo(packageId).children(), |
10 |
| - benefitsInputs: () => $("input[id^=id_benefits_]"), |
11 |
| - getBenefitLabel: (benefitId) => $('label[benefit_id=' + benefitId + ']'), |
12 |
| - getBenefitInput: (benefitId) => SELECTORS.benefitsInputs().filter('[value=' + benefitId + ']'), |
13 |
| - getBenefitConflicts: (benefitId) => $('#conflicts_with_' + benefitId).children(), |
14 |
| - getSelectedBenefits: () => SELECTORS.benefitsInputs().filter(":checked"), |
| 3 | + checkboxesContainer: function() { return $("#benefits_container"); }, |
| 4 | + costLabel: function() { return $("#cost_label"); }, |
| 5 | + clearFormBtn: function() { return $("#clear_form_btn"); }, |
| 6 | + packageInput: function() { return $("input[name=package]"); }, |
| 7 | + applicationForm: function() { return $("#application_form"); }, |
| 8 | + getPackageInfo: function(packageId) { return $("#package_benefits_" + packageId); }, |
| 9 | + getPackageBenefits: function(packageId) { return SELECTORS.getPackageInfo(packageId).children(); }, |
| 10 | + benefitsInputs: function() { return $("input[id^=id_benefits_]"); }, |
| 11 | + getBenefitLabel: function(benefitId) { return $('label[benefit_id=' + benefitId + ']'); }, |
| 12 | + getBenefitInput: function(benefitId) { return SELECTORS.benefitsInputs().filter('[value=' + benefitId + ']'); }, |
| 13 | + getBenefitConflicts: function(benefitId) { return $('#conflicts_with_' + benefitId).children(); }, |
| 14 | + getSelectedBenefits: function() { return SELECTORS.benefitsInputs().filter(":checked"); }, |
15 | 15 | }
|
16 | 16 |
|
17 |
| - displayPackageCost = (packageId) => { |
| 17 | + displayPackageCost = function(packageId) { |
18 | 18 | let packageInfo = SELECTORS.getPackageInfo(packageId);
|
19 | 19 | let cost = packageInfo.attr("data-cost");
|
20 | 20 | SELECTORS.costLabel().html('Sponsorship cost is $' + cost.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + ' USD')
|
@@ -63,10 +63,10 @@ $(document).ready(function(){
|
63 | 63 | let isChangeFromPackageChange = SELECTORS.costLabel().html() == "Updating cost..."
|
64 | 64 | if (!isChangeFromPackageChange) {
|
65 | 65 | let selectedBenefits = SELECTORS.getSelectedBenefits();
|
66 |
| - selectedBenefits = $.map(selectedBenefits, (b) => $(b).val()).sort(); |
| 66 | + selectedBenefits = $.map(selectedBenefits, function(b) { return $(b).val() }).sort(); |
67 | 67 | let selectedPackageId = SELECTORS.packageInput().filter(":checked").val()
|
68 | 68 | let packageBenefits = SELECTORS.getPackageBenefits(selectedPackageId);
|
69 |
| - packageBenefits = $.map(packageBenefits, (b) => $(b).text()).sort(); |
| 69 | + packageBenefits = $.map(packageBenefits, function(b) { return $(b).text() }).sort(); |
70 | 70 |
|
71 | 71 | // check same num of benefits and join with string. if same string, both lists have the same benefits
|
72 | 72 | if (packageBenefits.length == selectedBenefits.length && packageBenefits.join(',') === selectedBenefits.join(',')){
|
|
0 commit comments