From e6ac6daab33b4b91ea0ded1357bcf85ea399ea79 Mon Sep 17 00:00:00 2001
From: Thomas Cioppettini <544875+tomciopp@users.noreply.github.com>
Date: Wed, 29 Jan 2020 00:51:11 -0500
Subject: [PATCH] bugfix(phoenix_html.js): Move code into a global module, so
 that event listeners will not be duplicated.

---
 priv/static/phoenix_html.js | 50 ++++++++++++++++++-------------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/priv/static/phoenix_html.js b/priv/static/phoenix_html.js
index e1ae8526..2c706bb6 100644
--- a/priv/static/phoenix_html.js
+++ b/priv/static/phoenix_html.js
@@ -1,9 +1,7 @@
 "use strict";
 
-(function() {
-  var PolyfillEvent = eventConstructor();
-
-  function eventConstructor() {
+window._PhxForms = window._PhxForms || Object.freeze({
+  eventConstructor: function () {
     if (typeof window.CustomEvent === "function") return window.CustomEvent;
     // IE<=9 Support
     function CustomEvent(event, params) {
@@ -14,20 +12,18 @@
     }
     CustomEvent.prototype = window.Event.prototype;
     return CustomEvent;
-  }
-
-  function buildHiddenInput(name, value) {
+  },
+  buildHiddenInput: function (name, value) {
     var input = document.createElement("input");
     input.type = "hidden";
     input.name = name;
     input.value = value;
     return input;
-  }
-
-  function handleClick(element) {
+  },
+  handleClick: function (element) {
     var to = element.getAttribute("data-to"),
-        method = buildHiddenInput("_method", element.getAttribute("data-method")),
-        csrf = buildHiddenInput("_csrf_token", element.getAttribute("data-csrf")),
+        method = window._PhxForms.buildHiddenInput("_method", element.getAttribute("data-method")),
+        csrf = window._PhxForms.buildHiddenInput("_csrf_token", element.getAttribute("data-csrf")),
         form = document.createElement("form"),
         target = element.getAttribute("target");
 
@@ -41,16 +37,16 @@
     form.appendChild(method);
     document.body.appendChild(form);
     form.submit();
-  }
-
-  window.addEventListener("click", function(e) {
+  },
+  clickHandler: function (e) {
     var element = e.target;
+    var PolyfillEvent = window._PhxForms.eventConstructor();
+    var phoenixLinkEvent = new PolyfillEvent('phoenix.link.click', {
+      "bubbles": true,
+      "cancelable": true
+    });
 
     while (element && element.getAttribute) {
-      var phoenixLinkEvent = new PolyfillEvent('phoenix.link.click', {
-        "bubbles": true, "cancelable": true
-      });
-
       if (!element.dispatchEvent(phoenixLinkEvent)) {
         e.preventDefault();
         e.stopImmediatePropagation();
@@ -58,19 +54,23 @@
       }
 
       if (element.getAttribute("data-method")) {
-        handleClick(element);
+        window._PhxForms.handleClick(element);
         e.preventDefault();
         return false;
       } else {
         element = element.parentNode;
       }
     }
-  }, false);
-
-  window.addEventListener('phoenix.link.click', function (e) {
+  },
+  confirmHandler: function (e) {
     var message = e.target.getAttribute("data-confirm");
-    if(message && !window.confirm(message)) {
+    if (message && !window.confirm(message)) {
       e.preventDefault();
     }
-  }, false);
+  }
+});
+
+(function() {
+  window.addEventListener("click", window._PhxForms.clickHandler, false);
+  window.addEventListener('phoenix.link.click', window._PhxForms.confirmHandler, false);
 })();