From 7e194cf0b84f9fce9df6987ba73f30e955290513 Mon Sep 17 00:00:00 2001
From: Seokho Son <shsongist@gmail.com>
Date: Mon, 29 Jan 2024 15:28:56 +0900
Subject: [PATCH] Fix json output overflow issue

---
 index.html | 2 +-
 index.js   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 21986da..d3cc05a 100644
--- a/index.html
+++ b/index.html
@@ -638,7 +638,7 @@
                 </div>
               </div> -->
               <div class="col-md-12">
-                <div id="jsonoutput" class="form-control" readonly style="height: auto; background-color: black;"></div>
+                <div id="jsonoutput" class="form-control" readonly style="height: auto; background-color: black; word-wrap: break-word; overflow-wrap: break-word; overflow-x: auto;"></div>
               </div>
             </div>
           </div>
diff --git a/index.js b/index.js
index 3034bc0..63add45 100644
--- a/index.js
+++ b/index.js
@@ -1024,8 +1024,7 @@ function outputAlert(jsonData, type) {
   Swal.fire({
     position: "top-end",
     icon: type,
-    html: '<div id="json-output" class="form-control" style="height: auto; background-color: black; text-align: left;"></div>',
-    background: "#0e1746",
+    html: '<div id="json-output" class="form-control" style="height: auto; background-color: black; text-align: left; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; overflow-x: auto;"></div>',    background: "#0e1746",
     showConfirmButton: true,
     //backdrop: false,
     didOpen: () => {
@@ -1432,7 +1431,8 @@ function createMcis() {
                 updateMcisList();
 
                 clearCircle("none");
-                infoAlert("Created " + createMcisReq.name);
+                messageTextArea.value = "Created " + createMcisReq.name;
+                //infoAlert("Created " + createMcisReq.name);
               })
               .catch(function (error) {
                 if (error.response) {