Clean and round decimals for turnout_percentage

This change creates a new widget class to
offer users the ability to copy and past
input with decimals without the additional
step of reformatting and rounding.

When we clean in the onchange attribute,
we also address form errors that have caused
users to have to reload the page to enter
results

ynr/apps/uk_results/forms.py

@@ -9,7 +9,7 @@
 from django.db.models.functions import Coalesce
 from uk_results.helpers import RecordBallotResultsHelper
 from utils.db import LastWord, NullIfBlank
-from utils.widgets import DCIntegerInput
+from utils.widgets import DCIntegerInput, DCPercentageInput
 
 from .models import CandidateResult, ResultSet
 
@@ -34,7 +34,7 @@ class Meta:
                 }
             ),
             "num_turnout_reported": DCIntegerInput(),
-            "turnout_percentage": DCIntegerInput(),
+            "turnout_percentage": DCPercentageInput(),
             "num_spoilt_ballots": DCIntegerInput(),
             "total_electorate": DCIntegerInput(),
         }

ynr/apps/utils/widgets.py

@@ -58,8 +58,7 @@ def build_attrs(self, base_attrs, extra_attrs=None):
             {
                 "pattern": r"[0-9\s\.]*",
                 "oninvalid": "this.setCustomValidity('Enter a percentage or a whole number')",
-                # round to the nearest whole number and remove the decimal
-                "onchange": "this.value = Math.round(this.value).toString().replace(/,/g, '')",
+                "onchange": "this.value = Math.round(this.value.replace(/\D/g, '')).toString()",
             }
         )
         return attrs