From aae1479ae7baa95c125cd8868a1bccb96267cec2 Mon Sep 17 00:00:00 2001
From: zeus <rootapostolos@swarmlab.io>
Date: Sun, 6 Dec 2020 18:13:45 +0200
Subject: [PATCH] hotreload

---
 src/components/doclive/AdhocView.vue    | 82 ++++++++++++++++++++++++-
 src/store/modules/create_pipelineLLO.js |  4 ++
 2 files changed, 84 insertions(+), 2 deletions(-)

diff --git a/src/components/doclive/AdhocView.vue b/src/components/doclive/AdhocView.vue
index 7d9128c..ae21594 100644
--- a/src/components/doclive/AdhocView.vue
+++ b/src/components/doclive/AdhocView.vue
@@ -41,7 +41,7 @@
                           v-if="socketonline"
                           @click="socketconnect"
                           >
-                         online</button>
+                         online </button>
                         <button type="button"
                           round
                           class="btn btn-outline-info btn-sm"
@@ -49,13 +49,27 @@
                           @click="socketconnect"
                           >
                         socket disconnected</button>
-                    </div>
+                        <button type="button"
+                          round
+                          class="btn btn-outline-info btn-sm"
+                          v-if="socketonline"
+                          @click="hotreload()">
+                          Hot_Reload</button>
+                     </div>
                   </b-col>
 
                   <b-col cols="5" >
                     <div class="input-group input-group-sm d-flex justify-content-end">
                     </div>
                     <div class="input-group input-group-sm d-flex justify-content-end">
+                    <div class="input-group-append">
+                        <button type="button"
+                          round
+                          class="btn btn-outline-warning btn-sm"
+                          v-if="socketonline"
+                          @click="infoHotreload()">
+                          Hot_Reload_HowTo</button>
+                     </div>
                     <div class="input-group-append">
                         <button type="button"
                           round
@@ -158,6 +172,8 @@ export default {
       tryConsole:false,
       ssl:{},
       getinfo:'',
+      token:'',
+      swarmlabname:'',
 
       code: '',
       editchoice: '',
@@ -342,6 +358,66 @@ export default {
 					showLoaderOnConfirm: false,
 					allowOutsideClick: false
 				})
+		},
+    async hotreload() {
+              var field = this.getinfo
+              var log = await store.dispatch("pipelineLLO/hotreload",{
+                token:this.token,
+                swarmlabname:this.swarmlabname 
+              })
+    },
+		infoHotreload() {
+ var html1 = ` <div style="overflow-x: auto;"> <table  class="table table-striped table-sm ">
+        <thead>
+            <tr>
+                <th></th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td class="text-left" >Download</td>
+                <td class="text-left">https://git.swarmlab.io:3000/labs/swarmlab-playground-client/raw/branch/master/hot_reload.sh</td>
+            </tr>
+            <tr>
+                <td class="text-center" colspan="2"><b>and add the proper values</b></td> 
+            </tr>
+            <tr>
+              <td class="text-left">token</td> 
+              <td class="text-left">${this.token}</td>
+            </tr>
+            <tr>
+              <td class="text-left">swarmlabname</td> 
+              <td class="text-left">${this.swarmlabname}</td>
+            </tr>
+            <tr>
+              <td class="text-center" colspan="2"><b>OR set the variables before exec</b></td> 
+            </tr>
+            <tr>
+              <td class="text-left" colspan="2">export SWARMLAB_token=${this.token}</td>
+            </tr>
+            <tr>
+              <td class="text-left" colspan="2">export SWARMLAB_name=${this.swarmlabname}</td>
+            </tr>
+            <tr>
+              <td class="text-center" colspan="2"><b>Ready!</b<</td> 
+            </tr>
+            <tr>
+              <td class="text-left" colspan="2"><i>Execute script every time you run git push</i></td>
+            </tr>
+</tbody>
+</table></div>`
+
+
+
+				this.$swal({
+					title: '<strong>HowTo</strong>',
+					type: 'info',
+					html: html1,
+					showCloseButton: true,
+					showLoaderOnConfirm: false,
+					allowOutsideClick: false
+				})
 		}
 
   },
@@ -420,6 +496,8 @@ export default {
  },
 
 		created () {
+      this.token = new  URL(location.href).searchParams.get('token');
+      this.swarmlabname = new  URL(location.href).searchParams.get('swarmlabname');
 		}
 };
 </script>
diff --git a/src/store/modules/create_pipelineLLO.js b/src/store/modules/create_pipelineLLO.js
index 0beea8b..621e744 100644
--- a/src/store/modules/create_pipelineLLO.js
+++ b/src/store/modules/create_pipelineLLO.js
@@ -112,6 +112,10 @@ export default {
         }
 			}
 		},
+		async hotreload({commit,rootGetters}, value) {
+      console.log(value.token)
+      console.log(value.swarmlabname)
+		},
 		setScriptllo({commit}, value) {
 				//console.log("container "+value)
 			commit('setllo', value)