Moved dialogue related things to their own IIFE

Refactored all calls to showDialogue and closeDialogue to use the IIFE version

js/Dialogue.js

@@ -0,0 +1,77 @@
+/** Handles the pop up windows (NewPixel, ResizeCanvas ecc)
+ * 
+ */
+const Dialogue = (() => {
+    let currentOpenDialogue = "";
+    const popUpContainer = document.getElementById("pop-up-container");
+    const cancelButtons = popUpContainer.getElementsByClassName('close-button');
+
+    // Add click handlers for all cancel buttons
+    for (var i = 0; i < cancelButtons.length; i++) {
+        cancelButtons[i].addEventListener('click', function () {
+            closeDialogue();
+        });
+    }
+
+    /** Closes a dialogue window if the user clicks everywhere but in the current window
+     * 
+     */
+     popUpContainer.addEventListener('click', function (e) {
+        if (e.target == popUpContainer)
+            closeDialogue();
+    });
+
+    /** Shows the dialogue window called dialogueName, which is a child of pop-up-container in pixel-editor.hbs
+     * 
+     * @param {*} dialogueName The name of the window to show
+     * @param {*} trackEvent Should I track the GA event?
+     */
+    function showDialogue (dialogueName, trackEvent) {
+        if (typeof trackEvent === 'undefined') trackEvent = true; 
+
+        // Updating currently open dialogue
+        currentOpenDialogue = dialogueName;
+        // The pop up window is open
+        dialogueOpen = true;
+        // Showing the pop up container
+        popUpContainer.style.display = 'block';
+
+        // Showing the window
+        document.getElementById(dialogueName).style.display = 'block';
+
+        // If I'm opening the palette window, I initialize the colour picker
+        if (dialogueName == 'palette-block' && documentCreated) {
+            cpInit();
+            pbInit();
+        }
+
+        //track google event
+        if (trackEvent)
+            ga('send', 'event', 'Palette Editor Dialogue', dialogueName); /*global ga*/
+    }
+
+    /** Closes the current dialogue by hiding the window and the pop-up-container
+     * 
+     */
+    function closeDialogue () {
+        popUpContainer.style.display = 'none';
+        var popups = popUpContainer.children;
+
+        for (var i = 0; i < popups.length; i++) {
+            popups[i].style.display = 'none';
+        }
+
+        dialogueOpen = false;
+
+        if (currentOpenDialogue == "palette-block") {
+            ColorModule.addToSimplePalette();
+        }
+    }
+
+    return {
+        showDialogue,
+        closeDialogue
+    }
+})();
+
+console.log("Dialog: " + Dialogue);