DIV-950: Fixed JS error on IE 11.

edivorce/apps/core/static/js/functions.js

@@ -7,6 +7,35 @@ if (!String.prototype.startsWith) {
   };
 }
 
+// Internet Explorer 11 implementation does not have the replaceWith function
+// so manually add polyfill version from MDN docs.
+function ReplaceWithPolyfill() {
+    'use-strict'; // For safari, and IE > 10
+    var parent = this.parentNode, i = arguments.length, currentNode;
+    if (!parent) return;
+    if (!i) // if there are no arguments
+        parent.removeChild(this);
+    while (i--) { // i-- decrements i and returns the value of i before the decrement
+        currentNode = arguments[i];
+        if (typeof currentNode !== 'object'){
+        currentNode = this.ownerDocument.createTextNode(currentNode);
+        } else if (currentNode.parentNode){
+        currentNode.parentNode.removeChild(currentNode);
+        }
+        // the value of "i" below is after the decrement
+        if (!i) // if currentNode is the first argument (currentNode === arguments[0])
+        parent.replaceChild(currentNode, this);
+        else // if currentNode isn't the first
+        parent.insertBefore(this.previousSibling, currentNode);
+    }
+}
+if (!Element.prototype.replaceWith)
+    Element.prototype.replaceWith = ReplaceWithPolyfill;
+if (!CharacterData.prototype.replaceWith)
+    CharacterData.prototype.replaceWith = ReplaceWithPolyfill;
+if (!DocumentType.prototype.replaceWith)
+    DocumentType.prototype.replaceWith = ReplaceWithPolyfill;
+
 // Show or Hide Information Section
 // Using following data attributes:
 // data-target_id: id of information section

edivorce/apps/core/static/js/main.js

@@ -485,7 +485,7 @@ $(function () {
             deleteAddedTableRow($element);
         } else if (tempRowData.isNewRow === false && tempRowData.el !== null) {
             // Restore original row data when edit is cancelled. 
-            var $rows = $('#claimant_children').find('tbody:first').find(`tr[data-counter="${tempRowData.activeRow}"]`).find('.child-item-cell:not(.fact-sheet-button)'); 
+            var $rows = $('#claimant_children').find('tbody:first').find('tr[data-counter=' + tempRowData.activeRow + ']').find('.child-item-cell:not(.fact-sheet-button)'); 
             $rows.each(function(i, $row) {
                 $row.replaceWith(tempRowData.el[i]);
             });
@@ -500,10 +500,10 @@ $(function () {
     $('input[name="__claimant_children"]').each(function() {
         var children = JSON.parse($(this).val());
         var youHaveSoleCustody = children.every(function(child){
-            return child.child_live_with === 'Lives with you'
+            return child.child_live_with === 'Lives with you';
         });
         var spouseHasSoleCustody = children.every(function(child){
-            return child.child_live_with === 'Lives with spouse'
+            return child.child_live_with === 'Lives with spouse';
         });
 
         if (youHaveSoleCustody || spouseHasSoleCustody) {
@@ -533,10 +533,10 @@ $(function () {
 
         if (claimant === 'Myself (Claimant 1)' && parseFloat($('input[name="annual_gross_income"]').val()) > 150000) {
             toggleFactSheetTable('1', '#__name_you');
-            toggleFactSheetTable('2', null, true)
+            toggleFactSheetTable('2', null, true);
         } else if (claimant === 'My Spouse (Claimant 2)' && parseFloat($('input[name="spouse_annual_gross_income"]').val()) > 150000) {
             toggleFactSheetTable('2', '#__name_spouse');
-            toggleFactSheetTable('1', null, true)
+            toggleFactSheetTable('1', null, true);
         } else if (claimant === 'Both myself and my spouse') {
             if (parseFloat($('input[name="annual_gross_income"]').val()) > 150000) {
                 toggleFactSheetTable('1', '#__name_you');
@@ -1005,7 +1005,7 @@ var deleteAddedTableRow = function(element) {
             // In that case, check if the data-target-form-field attribute is set, that will contain
             // the field names to be saved.
             if (fieldKey === undefined) {
-                fieldKey = $(this).attr('data-target-form-field')
+                fieldKey = $(this).attr('data-target-form-field');
             }
 
             var fieldValue = $(this).val();
@@ -1126,7 +1126,7 @@ var date_picker = function (selector, showOnFocus) {
          $(this).closest(selector).find('input').removeAttr('readonly');
     }).on('clearDate', function (e) {
         var input = $(this).closest(selector).find('input');
-        ajaxCall(input.attr('name'), '')
+        ajaxCall(input.attr('name'), '');
     });
 };