mirror of https://github.com/statping/statping
parent
b88df1a993
commit
e863de3f90
|
@ -10,7 +10,6 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div v-if="ready" class="col-12 mb-4">
|
||||
<span class="mt-3 mb-3 text-white d-md-none btn d-block d-md-none text-uppercase" :class="{'bg-success': service.online, 'bg-danger': !service.online}">
|
||||
{{service.online ? $t('online') : $t('offline')}}
|
||||
|
@ -31,15 +30,15 @@
|
|||
<div class="card-header text-capitalize">Timeframe</div>
|
||||
<div class="card-body pb-4">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 font-2 mb-3 mb-md-0">
|
||||
<flatPickr :disabled="!loaded" @on-change="reload" v-model="start_time" :config="{ enableTime: true, altInput: true, altFormat: 'Y-m-d h:i K', maxDate: new Date() }" type="text" class="form-control text-left d-block" required />
|
||||
<div class="col">
|
||||
<flatPickr :disabled="!loaded" @on-change="reload" v-model="start_time" :config="{ wrap: true, allowInput: true, enableTime: true, dateFormat: 'Z', altInput: true, altFormat: 'Y-m-d h:i K', maxDate: new Date() }" type="text" class="form-control text-left" required />
|
||||
<small class="d-block">From {{this.format(new Date(start_time))}}</small>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 font-2 mb-3 mb-md-0">
|
||||
<flatPickr :disabled="!loaded" @on-change="reload" v-model="end_time" :config="{ enableTime: true, altInput: true, altFormat: 'Y-m-d h:i K', maxDate: new Date()}" type="text" class="form-control text-left" required />
|
||||
<div class="col">
|
||||
<flatPickr :disabled="!loaded" @on-change="reload" v-model="end_time" :config="{ wrap: true, allowInput: true, enableTime: true, dateFormat: 'Z', altInput: true, altFormat: 'Y-m-d h:i K', maxDate: new Date() }" type="text" class="form-control text-left" required />
|
||||
<small class="d-block">To {{this.format(new Date(end_time))}}</small>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 mb-1 mb-md-0">
|
||||
<div class="col">
|
||||
<select :disabled="!loaded" @change="chartHits(service)" v-model="group" class="form-control">
|
||||
<option value="1m">1 Minute</option>
|
||||
<option value="5m">5 Minutes</option>
|
||||
|
@ -456,18 +455,11 @@ export default {
|
|||
inRange(message) {
|
||||
return this.isBetween(this.now(), message.start_on, message.start_on === message.end_on ? this.maxDate().toISOString() : message.end_on)
|
||||
},
|
||||
async serviceFailures() {
|
||||
this.failures = await Api.service_failures(this.service.id, this.params.start, this.params.end)
|
||||
},
|
||||
async chartHits(start=0, end=99999999999) {
|
||||
if (!this.service) {
|
||||
return
|
||||
}
|
||||
this.data = await Api.service_hits(this.service.id, this.params.start, this.params.end, this.group, false)
|
||||
if (this.data.length === 0 && this.group !== "1h") {
|
||||
this.group = "1h"
|
||||
await this.chartHits(service, "1h")
|
||||
}
|
||||
this.ready = true
|
||||
},
|
||||
async chartFailures(start=0, end=99999999999) {
|
||||
|
@ -475,10 +467,6 @@ export default {
|
|||
return
|
||||
}
|
||||
this.failures_data = await Api.service_failures_data(this.service.id, this.params.start, this.params.end, this.group, true)
|
||||
if (this.data.length === 0 && this.group !== "1h") {
|
||||
this.group = "1h"
|
||||
await this.chartFailures(service, "1h")
|
||||
}
|
||||
this.ready = true
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue