|
|
@ -2,12 +2,11 @@ |
|
|
<div> |
|
|
<div> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-12 d-flex justify-content-center text-center"> |
|
|
<div class="col-12 d-flex justify-content-center text-center"> |
|
|
<h4 class="text-info"> Search </h4> |
|
|
<h4 class="text-info">Search</h4> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<div class="col-6"> |
|
|
<div class="col-6"> |
|
|
<div class="input-group input-group-sm sm-6"> |
|
|
<div class="input-group input-group-sm sm-6"> |
|
|
<!-- --------------------------------------------------------- --> |
|
|
<!-- --------------------------------------------------------- --> |
|
|
@ -15,9 +14,9 @@ |
|
|
<!-- --------------------------------------------------------- --> |
|
|
<!-- --------------------------------------------------------- --> |
|
|
<div class="input-group input-group-sm mb-3"> |
|
|
<div class="input-group input-group-sm mb-3"> |
|
|
<div class="input-group-prepend"> |
|
|
<div class="input-group-prepend"> |
|
|
<button class="btn btn-outline-secondary" |
|
|
<button class="btn btn-outline-secondary" type="button"> |
|
|
type="button" |
|
|
Start date |
|
|
>Start date </button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<date-picker |
|
|
<date-picker |
|
|
type="date" |
|
|
type="date" |
|
|
@ -29,7 +28,8 @@ |
|
|
</date-picker> |
|
|
</date-picker> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> <!-- col --> |
|
|
</div> |
|
|
|
|
|
<!-- col --> |
|
|
|
|
|
|
|
|
<div class="col-6"> |
|
|
<div class="col-6"> |
|
|
<div class="input-group input-group-sm sm-6"> |
|
|
<div class="input-group input-group-sm sm-6"> |
|
|
@ -38,9 +38,9 @@ |
|
|
<!-- --------------------------------------------------------- --> |
|
|
<!-- --------------------------------------------------------- --> |
|
|
<div class="input-group input-group-sm mb-3"> |
|
|
<div class="input-group input-group-sm mb-3"> |
|
|
<div class="input-group-prepend"> |
|
|
<div class="input-group-prepend"> |
|
|
<button class="btn btn-outline-secondary" |
|
|
<button class="btn btn-outline-secondary" type="button"> |
|
|
type="button" |
|
|
End date |
|
|
>End date </button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<date-picker |
|
|
<date-picker |
|
|
type="date" |
|
|
type="date" |
|
|
@ -56,48 +56,67 @@ |
|
|
class="btn btn-outline-primary" |
|
|
class="btn btn-outline-primary" |
|
|
round |
|
|
round |
|
|
type="button" |
|
|
type="button" |
|
|
@click="setFilter"> |
|
|
@click="setFilter" |
|
|
Go</button> |
|
|
> |
|
|
|
|
|
Go |
|
|
|
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> <!-- col --> |
|
|
</div> |
|
|
|
|
|
<!-- col --> |
|
|
</div> <!-- row --> |
|
|
</div> |
|
|
|
|
|
<!-- row --> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-6"> |
|
|
<div class="col-6"> |
|
|
|
|
|
|
|
|
<div class="input-group input-group-sm sm-6"> |
|
|
<div class="input-group input-group-sm sm-6"> |
|
|
<div class="input-group-prepend"> |
|
|
<div class="input-group-prepend"> |
|
|
|
|
|
<div |
|
|
<div class="form-control custom-control custom-switch custom-control-inline"> |
|
|
class="form-control custom-control custom-switch custom-control-inline" |
|
|
<input type="checkbox" class="custom-control-input" id="log_logerror" |
|
|
> |
|
|
|
|
|
<input |
|
|
|
|
|
type="checkbox" |
|
|
|
|
|
class="custom-control-input" |
|
|
|
|
|
id="log_logerror" |
|
|
v-model="logcheck.error" |
|
|
v-model="logcheck.error" |
|
|
|
|
|
/> |
|
|
|
|
|
<label class="custom-control-label" for="log_logerror" |
|
|
|
|
|
>Error</label |
|
|
> |
|
|
> |
|
|
<label class="custom-control-label" for="log_logerror">Error</label> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="form-control custom-control custom-switch custom-control-inline"> |
|
|
<div |
|
|
<input type="checkbox" class="custom-control-input" id="log_output" |
|
|
class="form-control custom-control custom-switch custom-control-inline" |
|
|
|
|
|
> |
|
|
|
|
|
<input |
|
|
|
|
|
type="checkbox" |
|
|
|
|
|
class="custom-control-input" |
|
|
|
|
|
id="log_output" |
|
|
v-model="logcheck.output" |
|
|
v-model="logcheck.output" |
|
|
data-size="large" |
|
|
data-size="large" |
|
|
data-toggle="toggle" |
|
|
data-toggle="toggle" |
|
|
|
|
|
/> |
|
|
|
|
|
<label class="custom-control-label" for="log_output" |
|
|
|
|
|
>Output</label |
|
|
> |
|
|
> |
|
|
<label class="custom-control-label" for="log_output">Output</label> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="form-control custom-control custom-switch custom-control-inline"> |
|
|
<div |
|
|
<input type="checkbox" class="custom-control-input" id="log_log" |
|
|
class="form-control custom-control custom-switch custom-control-inline" |
|
|
v-model="logcheck.log" |
|
|
|
|
|
> |
|
|
> |
|
|
|
|
|
<input |
|
|
|
|
|
type="checkbox" |
|
|
|
|
|
class="custom-control-input" |
|
|
|
|
|
id="log_log" |
|
|
|
|
|
v-model="logcheck.log" |
|
|
|
|
|
/> |
|
|
<label class="custom-control-label" for="log_log">Log</label> |
|
|
<label class="custom-control-label" for="log_log">Log</label> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> <!-- col --> |
|
|
</div> |
|
|
|
|
|
<!-- col --> |
|
|
|
|
|
|
|
|
<div class="col-5"> |
|
|
<div class="col-5"> |
|
|
<div class="input-group input-group-sm sm-5 justify-content-end "> |
|
|
<div class="input-group input-group-sm sm-5 justify-content-end "> |
|
|
@ -107,8 +126,10 @@ |
|
|
class="btn btn-outline-warning" |
|
|
class="btn btn-outline-warning" |
|
|
round |
|
|
round |
|
|
type="button" |
|
|
type="button" |
|
|
@click="Clearlog"> |
|
|
@click="Clearlog" |
|
|
Clear</button> |
|
|
> |
|
|
|
|
|
Clear |
|
|
|
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="input-group-append"> |
|
|
<div class="input-group-append"> |
|
|
@ -116,211 +137,209 @@ |
|
|
class="btn btn-outline-primary" |
|
|
class="btn btn-outline-primary" |
|
|
round |
|
|
round |
|
|
type="button" |
|
|
type="button" |
|
|
@click="Hotlog"> |
|
|
@click="Hotlog" |
|
|
Hot_log</button> |
|
|
> |
|
|
|
|
|
Hot_log |
|
|
|
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> <!-- col --> |
|
|
</div> |
|
|
|
|
|
<!-- col --> |
|
|
<div class="col-1"> |
|
|
|
|
|
</div> <!-- col --> |
|
|
|
|
|
|
|
|
|
|
|
</div> <!-- row --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-1"></div> |
|
|
|
|
|
<!-- col --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- row --> |
|
|
|
|
|
|
|
|
<div class="row rowlog overflow-auto"> |
|
|
<div class="row rowlog overflow-auto"> |
|
|
<div class="col-12" |
|
|
<div class="col-12" v-for="item in log_path"> |
|
|
v-for="item in log_path" |
|
|
<b-row class="border-bottom" v-if="logview(item) === true"> |
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
<b-row |
|
|
|
|
|
class="border-bottom" |
|
|
|
|
|
v-if="logview(item) === true" |
|
|
|
|
|
> |
|
|
|
|
|
<b-col cols="2"> |
|
|
<b-col cols="2"> |
|
|
<span class="badge badge-danger badge-pill" |
|
|
<span |
|
|
|
|
|
class="badge badge-danger badge-pill" |
|
|
style="cursor: pointer" |
|
|
style="cursor: pointer" |
|
|
@click="clearLog()" |
|
|
@click="clearLog()" |
|
|
>Clear</span> |
|
|
>Clear</span |
|
|
|
|
|
> |
|
|
</b-col> |
|
|
</b-col> |
|
|
|
|
|
|
|
|
<b-col cols="8" |
|
|
<b-col cols="8" style="cursor: pointer" @click="selectPath(item)"> |
|
|
style="cursor: pointer" |
|
|
|
|
|
@click="selectPath(item)" |
|
|
|
|
|
> |
|
|
|
|
|
{{ item }} |
|
|
{{ item }} |
|
|
</b-col> |
|
|
</b-col> |
|
|
|
|
|
|
|
|
<b-col cols="2"> |
|
|
<b-col cols="2"> |
|
|
<span class="badge badge-secondary badge-pill" |
|
|
<span |
|
|
|
|
|
class="badge badge-secondary badge-pill" |
|
|
v-if="log_path_lenght[item] == log_path_lenghtstatus[item]" |
|
|
v-if="log_path_lenght[item] == log_path_lenghtstatus[item]" |
|
|
>{{log_path_lenght[item]}}</span> |
|
|
>{{ log_path_lenght[item] }}</span |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<span class="badge badge-primary badge-pill" |
|
|
<span class="badge badge-primary badge-pill" v-else>{{ |
|
|
v-else |
|
|
log_path_lenght[item] |
|
|
>{{log_path_lenght[item]}}</span> |
|
|
}}</span> |
|
|
</b-col> |
|
|
</b-col> |
|
|
</b-row> |
|
|
</b-row> |
|
|
|
|
|
</div> |
|
|
</div> <!-- col --> |
|
|
<!-- col --> |
|
|
</div> <!-- row --> |
|
|
</div> |
|
|
|
|
|
<!-- row --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|
import {mapState, mapGetters, mapActions,dispatch} from 'vuex' |
|
|
import { mapState, mapGetters, mapActions, dispatch } from "vuex"; |
|
|
import Vue from 'vue' |
|
|
import Vue from "vue"; |
|
|
import store from '@/store/index' |
|
|
import store from "@/store/index"; |
|
|
import JSZip from 'jszip'; |
|
|
import JSZip from "jszip"; |
|
|
import DatePicker from 'vue2-datepicker' |
|
|
import DatePicker from "vue2-datepicker"; |
|
|
import 'vue2-datepicker/index.css'; |
|
|
import "vue2-datepicker/index.css"; |
|
|
import { DateTime } from "luxon"; |
|
|
import { DateTime } from "luxon"; |
|
|
import FileSaver from 'file-saver'; |
|
|
import FileSaver from "file-saver"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
DatePicker |
|
|
DatePicker, |
|
|
}, |
|
|
}, |
|
|
data () { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
log_path:[], |
|
|
log_path: [], |
|
|
log_path_lenght:[], |
|
|
log_path_lenght: [], |
|
|
log_path_lenghtstatus:[], |
|
|
log_path_lenghtstatus: [], |
|
|
loglenghttotal:32, |
|
|
loglenghttotal: 32, |
|
|
search: { |
|
|
search: { |
|
|
datestart: "", |
|
|
datestart: "", |
|
|
dateend: "", |
|
|
dateend: "", |
|
|
log: "", |
|
|
log: "", |
|
|
output: "", |
|
|
output: "", |
|
|
error: "" |
|
|
error: "", |
|
|
}, |
|
|
}, |
|
|
logcheck: { |
|
|
logcheck: { |
|
|
log: true, |
|
|
log: true, |
|
|
error: true, |
|
|
error: true, |
|
|
output: true |
|
|
output: true, |
|
|
}, |
|
|
}, |
|
|
selected: [], |
|
|
selected: [], |
|
|
showlloedit:true, |
|
|
showlloedit: true, |
|
|
issocket:'close', |
|
|
issocket: "close", |
|
|
socketdata:'', |
|
|
socketdata: "", |
|
|
logintoken:'', |
|
|
logintoken: "", |
|
|
code:[], |
|
|
code: [], |
|
|
logdata: [] |
|
|
logdata: [], |
|
|
} |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
Hotlog() { |
|
|
Hotlog() { |
|
|
this.Clearlog() |
|
|
this.Clearlog(); |
|
|
var restapi = "off" |
|
|
var restapi = "off"; |
|
|
var logrestapi = store.dispatch("pipelineLLO/setRestapi",{ |
|
|
var logrestapi = store.dispatch("pipelineLLO/setRestapi", { |
|
|
restapi:restapi |
|
|
restapi: restapi, |
|
|
}) |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
Clearlog() { |
|
|
Clearlog() { |
|
|
var log = store.dispatch("pipelineLLO/RMmongolog") |
|
|
var log = store.dispatch("pipelineLLO/RMmongolog"); |
|
|
this.log_path = [] |
|
|
this.log_path = []; |
|
|
//var mongolog = store.getters['pipelineLLO/getmongolog']; |
|
|
//var mongolog = store.getters['pipelineLLO/getmongolog']; |
|
|
//console.log("rmmongolog "+JSON.stringify(mongolog)) |
|
|
//console.log("rmmongolog "+JSON.stringify(mongolog)) |
|
|
}, |
|
|
}, |
|
|
logview(item) { |
|
|
logview(item) { |
|
|
//console.log('path ' + JSON.stringify(item)) |
|
|
//console.log('path ' + JSON.stringify(item)) |
|
|
if(this.logcheck.log){ |
|
|
if (this.logcheck.log) { |
|
|
if(item.endsWith('-log')){ |
|
|
if (item.endsWith("-log")) { |
|
|
return true; |
|
|
return true; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
if(this.logcheck.error){ |
|
|
if (this.logcheck.error) { |
|
|
if(item.endsWith('-error')){ |
|
|
if (item.endsWith("-error")) { |
|
|
return true; |
|
|
return true; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
if(this.logcheck.output){ |
|
|
if (this.logcheck.output) { |
|
|
if(item.endsWith('-output')){ |
|
|
if (item.endsWith("-output")) { |
|
|
return true; |
|
|
return true; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
async selectPath(path) { |
|
|
async selectPath(path) { |
|
|
console.log('path ' + JSON.stringify(path)) |
|
|
console.log("path " + JSON.stringify(path)); |
|
|
var statuslenght = this.log_path_lenght[path] |
|
|
var statuslenght = this.log_path_lenght[path]; |
|
|
Vue.set(this.log_path_lenghtstatus, path, statuslenght); |
|
|
Vue.set(this.log_path_lenghtstatus, path, statuslenght); |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
// send to AdhocView to view in code |
|
|
// send to AdhocView to view in code |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
this.$root.$emit('playground_log_in',path) |
|
|
this.$root.$emit("playground_log_in", path); |
|
|
}, |
|
|
}, |
|
|
async clearLog(path) { |
|
|
async clearLog(path) { |
|
|
console.log('path ' + JSON.stringify(path)) |
|
|
console.log("path " + JSON.stringify(path)); |
|
|
Vue.set(this.log_path_lenght, path, 0); |
|
|
Vue.set(this.log_path_lenght, path, 0); |
|
|
Vue.set(this.log_path_lenghtstatus, path, 0); |
|
|
Vue.set(this.log_path_lenghtstatus, path, 0); |
|
|
var log = store.dispatch("pipelineLLO/rmlog",{ |
|
|
var log = store.dispatch("pipelineLLO/rmlog", { |
|
|
path:path |
|
|
path: path, |
|
|
}) |
|
|
}); |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
async setFilter() { |
|
|
async setFilter() { |
|
|
console.log(JSON.stringify(this.search)) |
|
|
console.log(JSON.stringify(this.search)); |
|
|
|
|
|
|
|
|
var ddd8 = JSON.stringify(this.search.datestart) |
|
|
var ddd8 = JSON.stringify(this.search.datestart); |
|
|
ddd8 = ddd8.replace(/"/g,''); //" |
|
|
ddd8 = ddd8.replace(/"/g, ""); //" |
|
|
var datestart = DateTime.fromISO(ddd8, { zone: "Europe/Athens" }); |
|
|
var datestart = DateTime.fromISO(ddd8, { zone: "Europe/Athens" }); |
|
|
//console.log(datestart.zoneName); //=> 'Europe/Paris' |
|
|
//console.log(datestart.zoneName); //=> 'Europe/Paris' |
|
|
//console.log(datestart.toString()); //=> 'Europe/Paris' |
|
|
//console.log(datestart.toString()); //=> 'Europe/Paris' |
|
|
|
|
|
|
|
|
var ddd18 = JSON.stringify(this.search.dateend) |
|
|
var ddd18 = JSON.stringify(this.search.dateend); |
|
|
ddd18 = ddd18.replace(/"/g,''); //" |
|
|
ddd18 = ddd18.replace(/"/g, ""); //" |
|
|
var dateend = DateTime.fromISO(ddd18, { zone: "Europe/Athens" }); |
|
|
var dateend = DateTime.fromISO(ddd18, { zone: "Europe/Athens" }); |
|
|
|
|
|
|
|
|
var restapi = "on" |
|
|
var restapi = "on"; |
|
|
var logrestapi = await store.dispatch("pipelineLLO/setRestapi",{ |
|
|
var logrestapi = await store.dispatch("pipelineLLO/setRestapi", { |
|
|
restapi:restapi |
|
|
restapi: restapi, |
|
|
}) |
|
|
}); |
|
|
var swarmlabname = new URL(location.href).searchParams.get('pipelinename'); |
|
|
var swarmlabname = new URL(location.href).searchParams.get( |
|
|
var log = await store.dispatch("pipelineLLO/get_log",{ |
|
|
"pipelinename" |
|
|
datestart:datestart.toISODate(), |
|
|
); |
|
|
dateend:dateend.toISODate(), |
|
|
var log = await store.dispatch("pipelineLLO/get_log", { |
|
|
swarmlabname:swarmlabname |
|
|
datestart: datestart.toISODate(), |
|
|
}) |
|
|
dateend: dateend.toISODate(), |
|
|
var mongolog = store.getters['pipelineLLO/getmongolog']; |
|
|
swarmlabname: swarmlabname, |
|
|
console.log("paramp "+JSON.stringify(mongolog)) |
|
|
}); |
|
|
|
|
|
var mongolog = store.getters["pipelineLLO/getmongolog"]; |
|
|
|
|
|
console.log("paramp " + JSON.stringify(mongolog)); |
|
|
|
|
|
|
|
|
//this.$root.$emit('GREP_on_data',mongolog.data.data) |
|
|
//this.$root.$emit('GREP_on_data',mongolog.data.data) |
|
|
|
|
|
|
|
|
// list files from data |
|
|
// list files from data |
|
|
this.log_path = [...new Set(mongolog.map(item => item.tailed_path))]; |
|
|
this.log_path = [...new Set(mongolog.map((item) => item.tailed_path))]; |
|
|
var loglenght = '' |
|
|
var loglenght = ""; |
|
|
for (let item of this.log_path) { |
|
|
for (let item of this.log_path) { |
|
|
loglenght = mongolog.filter(item1 => item1.tailed_path === item).length; |
|
|
loglenght = mongolog.filter((item1) => item1.tailed_path === item) |
|
|
|
|
|
.length; |
|
|
Vue.set(this.log_path_lenght, item, loglenght); |
|
|
Vue.set(this.log_path_lenght, item, loglenght); |
|
|
if(loglenght > this.loglenghttotal){ |
|
|
if (loglenght > this.loglenghttotal) { |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
// Save store |
|
|
// Save store |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
var ltotal1 = store.dispatch("pipelineLLO/taillog",{ |
|
|
var ltotal1 = store.dispatch("pipelineLLO/taillog", { |
|
|
path:item |
|
|
path: item, |
|
|
}) |
|
|
}); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
async resetFilter() { |
|
|
async resetFilter() { |
|
|
console.log(JSON.stringify(this.logdata)) |
|
|
console.log(JSON.stringify(this.logdata)); |
|
|
}, |
|
|
}, |
|
|
async socketopen () { |
|
|
async socketopen() { |
|
|
this.$socket.client.open(); |
|
|
this.$socket.client.open(); |
|
|
}, |
|
|
}, |
|
|
async socketauthenticate () { |
|
|
async socketauthenticate() { |
|
|
var tokentmp = store.getters['pipelineLLO/gettoken']; |
|
|
var tokentmp = store.getters["pipelineLLO/gettoken"]; |
|
|
this.$socket.client.emit('authenticate', tokentmp); |
|
|
// pernaw hardcoded to token |
|
|
|
|
|
var test = "c96e7fe836f9ffaf83e1fb7bc2b49819251057b0"; |
|
|
|
|
|
this.$socket.client.emit("authenticate", test); |
|
|
}, |
|
|
}, |
|
|
async socketreconnect () { |
|
|
async socketreconnect() { |
|
|
var log = await this.socketopen() |
|
|
var log = await this.socketopen(); |
|
|
this.socketauthenticate() |
|
|
this.socketauthenticate(); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
* == socketclose() |
|
|
* == socketclose() |
|
|
* |
|
|
* |
|
|
@ -330,18 +349,17 @@ export default { |
|
|
* ---- |
|
|
* ---- |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
async socketclose () { |
|
|
|
|
|
this.$socket.client.close(); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
async socketclose() { |
|
|
|
|
|
this.$socket.client.close(); |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
|
|
|
}, |
|
|
}, |
|
|
beforeMount () { |
|
|
computed: {}, |
|
|
this.socketauthenticate() |
|
|
beforeMount() { |
|
|
console.log('send') |
|
|
this.socketauthenticate(); |
|
|
|
|
|
console.log("send1"); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
* == Socket subscribe |
|
|
* == Socket subscribe |
|
|
* |
|
|
* |
|
|
@ -357,13 +375,13 @@ export default { |
|
|
*/ |
|
|
*/ |
|
|
mounted() { |
|
|
mounted() { |
|
|
// from AdhocView |
|
|
// from AdhocView |
|
|
this.$root.$on('SERVER_socket_connect', (v) => { |
|
|
this.$root.$on("SERVER_socket_connect", (v) => { |
|
|
this.$nextTick(function () { |
|
|
this.$nextTick(function() { |
|
|
this.socketreconnect() |
|
|
this.socketreconnect(); |
|
|
}) |
|
|
}); |
|
|
}) |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
* == Destroy EventBus |
|
|
* == Destroy EventBus |
|
|
* |
|
|
* |
|
|
@ -380,8 +398,8 @@ export default { |
|
|
* <1> EventBus is used for parent/child component communication. |
|
|
* <1> EventBus is used for parent/child component communication. |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
beforeDestroy () { |
|
|
beforeDestroy() { |
|
|
this.$root.$off('SERVER_socket_socket') |
|
|
this.$root.$off("SERVER_socket_socket"); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -401,12 +419,14 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
|
|
|
|
|
|
created () { |
|
|
created() { |
|
|
this.socketopen() |
|
|
this.socketopen(); |
|
|
var logintoken = new URL(location.href).searchParams.get('token'); |
|
|
var logintoken = new URL(location.href).searchParams.get("token"); |
|
|
var log = store.dispatch("pipelineLLO/settoken",{ |
|
|
// hardcoded token |
|
|
token:logintoken |
|
|
var hardtoken = "c96e7fe836f9ffaf83e1fb7bc2b49819251057b0"; |
|
|
}) |
|
|
var log = store.dispatch("pipelineLLO/settoken", { |
|
|
|
|
|
token: hardtoken, |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
//var tokentmp =store.getters['pipelineLLO/gettoken']; |
|
|
//var tokentmp =store.getters['pipelineLLO/gettoken']; |
|
|
//console.log("tokennnn "+tokentmp); |
|
|
//console.log("tokennnn "+tokentmp); |
|
|
@ -423,9 +443,12 @@ export default { |
|
|
*/ |
|
|
*/ |
|
|
sockets: { |
|
|
sockets: { |
|
|
connect() { |
|
|
connect() { |
|
|
this.$socket.client.emit('authenticate', 'logintoken'); |
|
|
//hardtoken |
|
|
|
|
|
var hardtoken = "c96e7fe836f9ffaf83e1fb7bc2b49819251057b0"; |
|
|
|
|
|
this.$socket.client.emit("authenticate", hardtoken); |
|
|
|
|
|
//this.$socket.client.emit("authenticate", "logintoken"); |
|
|
|
|
|
|
|
|
this.$socket.client.emit('socket_id_get', 'socketdatasend'); |
|
|
this.$socket.client.emit("socket_id_get", "socketdatasend"); |
|
|
//var username = 'username' |
|
|
//var username = 'username' |
|
|
//var roomname = 'roomname' |
|
|
//var roomname = 'roomname' |
|
|
//this.$socket.client.emit('setUsername',{user:username}); |
|
|
//this.$socket.client.emit('setUsername',{user:username}); |
|
|
@ -433,10 +456,10 @@ export default { |
|
|
//this.$socket.client.emit('joinRooom',{room:roomname}); |
|
|
//this.$socket.client.emit('joinRooom',{room:roomname}); |
|
|
//var msg = {user:username,room:roomname,msg:'hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii'} |
|
|
//var msg = {user:username,room:roomname,msg:'hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii'} |
|
|
//this.$socket.client.emit('sendMessage',msg); |
|
|
//this.$socket.client.emit('sendMessage',msg); |
|
|
console.log('socket connected '+ 'socketdatasend' ) |
|
|
console.log("socket connected " + "socketdatasend"); |
|
|
this.issocket = 'open' |
|
|
this.issocket = "open"; |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','on') |
|
|
this.$root.$emit("SERVER_socket_status", "on"); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -444,10 +467,10 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
error(error) { |
|
|
error(error) { |
|
|
console.log("socket error "+JSON.stringify(error)) |
|
|
console.log("socket error " + JSON.stringify(error)); |
|
|
this.issocket = 'close' |
|
|
this.issocket = "close"; |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -455,11 +478,11 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
connect_error(error) { |
|
|
connect_error(error) { |
|
|
console.log("socket connect_error "+JSON.stringify(error)) |
|
|
console.log("socket connect_error " + JSON.stringify(error)); |
|
|
this.issocket = 'close' |
|
|
this.issocket = "close"; |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
this.socketreconnect() |
|
|
this.socketreconnect(); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -467,11 +490,11 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
disconnect(reason) { |
|
|
disconnect(reason) { |
|
|
console.log("socket disconnect "+JSON.stringify(reason)) |
|
|
console.log("socket disconnect " + JSON.stringify(reason)); |
|
|
this.issocket = 'close' |
|
|
this.issocket = "close"; |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
this.socketreconnect() |
|
|
this.socketreconnect(); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -479,11 +502,11 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
connect_timeout(reason) { |
|
|
connect_timeout(reason) { |
|
|
console.log("socket timeout "+JSON.stringify(reason)) |
|
|
console.log("socket timeout " + JSON.stringify(reason)); |
|
|
this.issocket = 'close' |
|
|
this.issocket = "close"; |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
this.socketreconnect() |
|
|
this.socketreconnect(); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -491,10 +514,12 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
reconnect(attemptNumber) { |
|
|
reconnect(attemptNumber) { |
|
|
console.log("socket reconnect attemptNumber "+JSON.stringify(attemptNumber)) |
|
|
console.log( |
|
|
|
|
|
"socket reconnect attemptNumber " + JSON.stringify(attemptNumber) |
|
|
|
|
|
); |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
this.socketreconnect() |
|
|
this.socketreconnect(); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -502,10 +527,10 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
reconnect_attempt(attemptNumber) { |
|
|
reconnect_attempt(attemptNumber) { |
|
|
console.log("socket reconnect_attempt "+JSON.stringify(attemptNumber)) |
|
|
console.log("socket reconnect_attempt " + JSON.stringify(attemptNumber)); |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
this.socketreconnect() |
|
|
this.socketreconnect(); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -513,9 +538,9 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
reconnecting(attemptNumber) { |
|
|
reconnecting(attemptNumber) { |
|
|
console.log("socket reconnecting "+JSON.stringify(attemptNumber)) |
|
|
console.log("socket reconnecting " + JSON.stringify(attemptNumber)); |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
this.socketreconnect() |
|
|
this.socketreconnect(); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -523,11 +548,11 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
reconnect_error(error) { |
|
|
reconnect_error(error) { |
|
|
console.log("socket reconnect_error "+JSON.stringify(error)) |
|
|
console.log("socket reconnect_error " + JSON.stringify(error)); |
|
|
this.issocket = 'close' |
|
|
this.issocket = "close"; |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
this.socketreconnect() |
|
|
this.socketreconnect(); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -535,10 +560,10 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
unauthorized(val) { |
|
|
unauthorized(val) { |
|
|
console.log("socket unauthorized "+JSON.stringify(val)) |
|
|
console.log("socket unauthorized " + JSON.stringify(val)); |
|
|
this.issocket = 'close' |
|
|
this.issocket = "close"; |
|
|
// send to AdhocView |
|
|
// send to AdhocView |
|
|
this.$root.$emit('SERVER_socket_status','off') |
|
|
this.$root.$emit("SERVER_socket_status", "off"); |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -546,9 +571,9 @@ export default { |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
socket_id_emit(val) { |
|
|
socket_id_emit(val) { |
|
|
console.log("socket id from server "+JSON.stringify(val)) |
|
|
console.log("socket id from server " + JSON.stringify(val)); |
|
|
console.log("socket id from serveri saved "+JSON.stringify(socketsave)) |
|
|
console.log("socket id from serveri saved " + JSON.stringify(socketsave)); |
|
|
this.issocket = 'open' |
|
|
this.issocket = "open"; |
|
|
}, |
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
@ -587,17 +612,17 @@ export default { |
|
|
}, |
|
|
}, |
|
|
*/ |
|
|
*/ |
|
|
async logdata(val) { |
|
|
async logdata(val) { |
|
|
console.log(" socket from logdata "+JSON.stringify(val)) |
|
|
console.log(" socket from logdata " + JSON.stringify(val)); |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
// Save store |
|
|
// Save store |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
var log = store.dispatch("pipelineLLO/addlog",{ |
|
|
var log = store.dispatch("pipelineLLO/addlog", { |
|
|
log:val |
|
|
log: val, |
|
|
}) |
|
|
}); |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
// send to grep rungrep to view |
|
|
// send to grep rungrep to view |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
this.$root.$emit('GREP_on_data',val) |
|
|
this.$root.$emit("GREP_on_data", val); |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
// send to AdhocView to view in code |
|
|
// send to AdhocView to view in code |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
@ -605,23 +630,23 @@ export default { |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
// send to AdhocView for socket status |
|
|
// send to AdhocView for socket status |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
this.$root.$emit('SERVER_socket_status','on') |
|
|
this.$root.$emit("SERVER_socket_status", "on"); |
|
|
|
|
|
|
|
|
var ltmp = store.getters['pipelineLLO/getlog']; |
|
|
var ltmp = store.getters["pipelineLLO/getlog"]; |
|
|
//console.log('logtmpltmp '+ JSON.stringify(ltmp)) |
|
|
//console.log('logtmpltmp '+ JSON.stringify(ltmp)) |
|
|
this.log_path = [...new Set(ltmp.map(item => item.tailed_path))]; |
|
|
this.log_path = [...new Set(ltmp.map((item) => item.tailed_path))]; |
|
|
var loglenght = '' |
|
|
var loglenght = ""; |
|
|
for (let item of this.log_path) { |
|
|
for (let item of this.log_path) { |
|
|
//console.log('l1find '+ JSON.stringify(item)) |
|
|
//console.log('l1find '+ JSON.stringify(item)) |
|
|
loglenght = ltmp.filter(item1 => item1.tailed_path === item).length; |
|
|
loglenght = ltmp.filter((item1) => item1.tailed_path === item).length; |
|
|
Vue.set(this.log_path_lenght, item, loglenght); |
|
|
Vue.set(this.log_path_lenght, item, loglenght); |
|
|
if(loglenght > this.loglenghttotal){ |
|
|
if (loglenght > this.loglenghttotal) { |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
// Save store |
|
|
// Save store |
|
|
// ------------------------------------- |
|
|
// ------------------------------------- |
|
|
var ltotal1 = store.dispatch("pipelineLLO/taillog",{ |
|
|
var ltotal1 = store.dispatch("pipelineLLO/taillog", { |
|
|
path:item |
|
|
path: item, |
|
|
}) |
|
|
}); |
|
|
} |
|
|
} |
|
|
/* |
|
|
/* |
|
|
this.log_path_lenght[item] = ltmp.filter(function(item1){ |
|
|
this.log_path_lenght[item] = ltmp.filter(function(item1){ |
|
|
@ -635,20 +660,16 @@ export default { |
|
|
//console.log('l2 '+ this.log_path_lenght[item] ) |
|
|
//console.log('l2 '+ this.log_path_lenght[item] ) |
|
|
} |
|
|
} |
|
|
//console.log('l1 '+ JSON.stringify(this.log_path)) |
|
|
//console.log('l1 '+ JSON.stringify(this.log_path)) |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
async message(val) { |
|
|
async message(val) { |
|
|
console.log(" socket message "+JSON.stringify(val)) |
|
|
console.log(" socket message " + JSON.stringify(val)); |
|
|
} |
|
|
}, |
|
|
} |
|
|
}, |
|
|
|
|
|
|
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style> |
|
|
<style> |
|
|
.CodeMirror { |
|
|
.CodeMirror { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
font-family: monospace; |
|
|
font-family: monospace; |
|
|
height: 750px; |
|
|
height: 750px; |
|
|
} |
|
|
} |
|
|
@ -656,5 +677,4 @@ export default { |
|
|
display: flex; /* equal height of the children */ |
|
|
display: flex; /* equal height of the children */ |
|
|
height: 470px; |
|
|
height: 470px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
</style> |
|
|
</style> |
|
|
|
