refactor format

src/components/AdminCommands.vue

@@ -41,8 +41,9 @@ export default class AdminCommands extends Vue {
 
     this.responses = []
     for (let index = 0; index < data.length; index++) {
+      this.cnt++
       this.responses.push({
-        cnt: this.cnt++,
+        cnt: this.cnt,
         data: JSON.stringify(
           this.parseData(data[index]),
           null, 3
@@ -63,13 +64,29 @@ export default class AdminCommands extends Vue {
       "token": data.token, 
       "lastActionOn": data.lastActionOn, 
       "connections": data.connections.map(c => ({ 
-        "client": c.client, 
-        "transport": c.transport, 
-        "id": c.id, 
+        "transport": c.client.transport, 
+        "id": c.client.id, 
       }))
     }
   }
-
+// x = [
+//    { 
+//      "id": "9z55r61", 
+//      "token": "9z55r67016", 
+//      "lastActionOn": "2021-07-17T13:25:04.406Z", 
+//      "timeout": 10000, 
+//      "connections": [ 
+//        { 
+//          "isDone": false, 
+//          "client": { 
+//            "transport": "socketio", 
+//            "id": "O6vmYhBbpHiDmibmAAAE", 
+//            "address": "::1", 
+//            "url": "/socket.io/?EIO=3&transport=polling&t=Ngqf3qf"
+//           }
+//         }
+//       ]
+//    }
   parseRequest(data) {
     const result = {
       ucpId: data.Message.header.security.ucpId,

src/components/UIClient.vue

@@ -505,7 +505,7 @@ h3 {
 }
 .card {
   display: block;
-  width: 300px;
+  width: 396px;
   background-color: cornflowerblue;
   border-radius: 6px;
   padding: .5em;