latest:1

src/components/doclive/AdhocView.vue

@@ -42,13 +42,15 @@
                   placeholder="Log"
                 />
               </div>
-              <label class="filters" for="list">Pick a service:</label>
+              <div v-if="socketonline" class="selec">
-              <select class="filters" id="list" v-model="selected">
+                <label class="filters" for="list">Pick a service:</label>
-                <option selected value="All">All</option>
+                <select class="filters" id="list" v-model="selected">
-                <option v-for="item in this.items" v-bind:value="item.name">
+                  <option selected value="All">All</option>
-                  {{ item.name }}
+                  <option v-for="item in this.items" v-bind:value="item.name">
-                </option>
+                    {{ item.name }}
-              </select>
+                  </option>
+                </select>
+              </div>
               <button
                 type="button"
                 round
@@ -521,6 +523,8 @@ export default {
       });
     },
     showHistory() {
+      this.items = [];
+      this.getServices();
       this.extraparams.logtext = this.searchparam;
       this.extraparams.selected = this.selected;
       if (this.history == false) {

src/components/doclive/runLlo.vue

@@ -247,7 +247,7 @@
       </div>
       <div v-show="raw" class="logs">
         <h2>ON-event logs (RAW - ALL)</h2>
-        <div class="input-group-append">
+        <!-- <div class="input-group-append">
           <button
             class="btn btn-outline-primary"
             round
@@ -256,7 +256,7 @@
           >
             Scroll to Bottom
           </button>
-        </div>
+        </div> -->
         <div id="rawlogs">
           <vuetable
             ref="rawtable"
@@ -292,6 +292,7 @@ export default {
   },
   data() {
     return {
+      countIndex: 1,
       hover: false,
       css: CssConfig,
       fields: [
@@ -470,11 +471,12 @@ export default {
       } else if (param == 2) {
         var container = this.$el.querySelector("#mongologs");
         container.scrollTop = container.scrollHeight;
-      } else if (param == 3) {
-        console.log("moving scroll bar of raw logs");
-        var container = this.$el.querySelector("#rawlogs");
-        container.scrollTop = container.scrollHeight;
       }
+      // } else if (param == 3) {
+      //   console.log("moving scroll bar of raw logs");
+      //   const container = this.$refs.rawtable;
+      //   container.scrollIntoView({ behavior: "smooth" });
+      // }
     },
     async getuser(token) {
       var data = await this.checktoken(token);
@@ -742,7 +744,7 @@ export default {
   created() {
     //var logintoken = new URL(location.href).searchParams.get("token");
     var logintoken = new URL(
-      "https://api-client.swarmlab.io:8088/?token=82309bbfc2fb9d86bc45e60f347c6d1f8f11f677"
+      "https://api-client.swarmlab.io:8088/?token=9312e5629b22cfdc7c5ca027be3cc85f91bbdb58"
     ).searchParams.get("token");
     this.logintoken = logintoken;
     // === We get the user + check for the token if exists
@@ -1020,6 +1022,7 @@ export default {
         this.rawerror.push(val);
       }
 
+      this.countIndex++;
       this.rawdata.push(val);
 
       // Check if the log is by a node_service and change color of the type field