Update CSP icon and swagger api target

index.html

@@ -693,9 +693,14 @@
           </div>
 
         </div>
-        <iframe id="iframe" src="http://localhost:1323/tumblebug/swagger/index.html"
-          style="visibility:hidden; width:100%; height:100%; position:absolute; top:0; left:0;"></iframe>
 
+        <!-- Admin dashboards -->
+        <div id="console" style="display:none; width:100%; height:100%; position:absolute; top:0; left:0;">
+            <iframe id="iframe" src="http://localhost:1323/tumblebug/api/index.html"
+                style="visibility:visible; width:50%; height:100%; position:relative;"></iframe>
+            <iframe id="iframe2" src="http://localhost:1024/spider/adminweb"
+                style="visibility:visible; width:50%; height:100%; position:relative;"></iframe> 
+        </div>  
       </div>
 
     </div>
@@ -705,16 +710,14 @@
     <script type="text/javascript">
       function toggleView() {
         var map = document.getElementById('map');
-        var iframe = document.getElementById('iframe');
+        var console = document.getElementById('console');
 
-        if (iframe.style.visibility === "hidden") {
+        if (console.style.display === "none") {
           map.style.display = "none";
-          iframe.style.visibility = "visible";
-          iframe.style.position = "static";
+          console.style.display = "flex";
         } else {
           map.style.display = "block";
-          iframe.style.visibility = "hidden";
-          iframe.style.position = "absolute";
+          console.style.display = "none";
         }
       }
     </script>

index.js

@@ -1119,12 +1119,8 @@ function createMcis() {
                 }
                 console.log(error.config);
 
-                errorAlert(
-                  JSON.stringify(error.response.data, null, 2).replace(
-                    /['",]+/g,
-                    ""
-                  )
-                );
+                displayJsonData(error.response, typeError);
+
               })
               .finally(function () {
                 removeSpinnerTask(spinnerId);
@@ -3172,7 +3168,7 @@ window.onload = function () {
   var strArray = tbServerAp.split(":");
   console.log("Host address: " + strArray[0]);
   document.getElementById("hostname").value = strArray[0];
-  setTimeout(getConnection, 3000);
+  setTimeout(getConnection, 1000);
 
   updateNsList();
 

package.json

@@ -27,7 +27,7 @@
     "build": "echo 'Removing temporal cache files' && rm -rf dist/* .parcel-cache/* && mkdir -p dist/img/ && cp -r img/ dist/ && parcel build --public-url . index.html"
   },
   "description": "MapUI Client for CB-Tumblebug (display multi-cloud infra service)",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cloud-barista/cb-mapui.git"