Fix json output overflow issue

cloud-barista · Jan 29, 2024 · dd76694 · dd76694
2 parents 0b642df + 7e194cf
commit dd76694
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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) {