Changing last synchronization value style

This commit is contained in:
Félix Aime 2021-06-11 16:27:10 +02:00
parent 601450d9fd
commit 22315277f3
2 changed files with 6 additions and 5 deletions

View File

@ -679,7 +679,6 @@ h4, h5 {
font-size: 11px; font-size: 11px;
border-radius: 3px; border-radius: 3px;
padding:3px 6px 3px 6px; padding:3px 6px 3px 6px;
text-transform: uppercase;
cursor: help; cursor: help;
} }
@ -689,7 +688,6 @@ h4, h5 {
font-size: 11px; font-size: 11px;
border-radius: 3px; border-radius: 3px;
padding:3px 6px 3px 6px; padding:3px 6px 3px 6px;
text-transform: uppercase;
cursor: help; cursor: help;
} }
.misp-name { .misp-name {

View File

@ -54,8 +54,8 @@
<td>{{ i.url.replace('https://', '') .replace('http://', '') }}</td> <td>{{ i.url.replace('https://', '') .replace('http://', '') }}</td>
<td>{{ i.apikey.slice(0,5) }} [...] {{ i.apikey.slice(35,40) }}</td> <td>{{ i.apikey.slice(0,5) }} [...] {{ i.apikey.slice(35,40) }}</td>
<td> <td>
<span v-if="i.connected" class="misp-online tooltip" :data-tooltip="i.lastsync"> Online</span> <span v-if="i.connected" class="misp-online tooltip" :data-tooltip="i.lastsync"> ONLINE</span>
<span v-else class="misp-offline tooltip" :data-tooltip="i.lastsync"> Offline</span> <span v-else class="misp-offline tooltip" :data-tooltip="i.lastsync"> OFFLINE</span>
</td> </td>
<td><button class="btn btn-sm" v-on:click="delete_instance(i)">Delete</button></td> <td><button class="btn btn-sm" v-on:click="delete_instance(i)">Delete</button></td>
</tr> </tr>
@ -133,7 +133,10 @@ export default {
.then(response => { .then(response => {
if(response.data.results){ if(response.data.results){
this.instances = response.data.results; this.instances = response.data.results;
this.instances.forEach(e => { e.lastsync = "Last-sync: "+ new Date(e.lastsync * 1000).toDateString() } ) this.instances.forEach(e => {
var lastsync = parseInt((Date.now()/1000 - e.lastsync) / 86400)
e.lastsync = (!lastsync)? "Synchronized today" : `Synchronized ${lastsync} day(s) ago`
} )
} }
this.loading = false this.loading = false
}) })