Create modal component; Change the fieldset class to remove window. Other little changes...

src/js/tuicss.js

@@ -5,6 +5,7 @@ $(document).ready(function() {
     tabsController();
     dateController();
     sidenavController();
+    modalController();
 });
 
 /**
@@ -21,6 +22,9 @@ function tabsController() {
     $('.tui-tab.active').click();
 }
 
+/**
+ * Date field controller
+ */
 function dateController() {
     let interval = setInterval(function () {
         let today = new Date();
@@ -49,6 +53,9 @@ function dateController() {
     });
 }
 
+/**
+ * Sidenav Controller
+ */
 function sidenavController() {
     $(".tui-sidenav-button").click(function() {
         let sidenav = $(".tui-sidenav");
@@ -58,4 +65,20 @@ function sidenavController() {
             $(".tui-sidenav").addClass("active");
         }
     });
+}
+
+/**
+ * Modal controller
+ */
+function modalController() {
+    $(".tui-modal-button").click(function() {
+        $(".tui-overlap").addClass("active");
+        let modalId = $(this).attr("data-modal");
+        $(`#${modalId}`).addClass("active");
+    });
+    $(".tui-modal-close-button").click(function() {
+        $(".tui-overlap").removeClass("active");
+        let modalId = $(this).attr("data-modal");
+        $(`#${modalId}`).removeClass("active");
+    });
 }