MISP/SkillAegis
MISP/SkillAegis
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chg: [front:socketConnectionState] Small UI improvement for disconnected socket

Browse source
This commit is contained in:
Sami Mokaddem 2024-07-04 11:23:35 +02:00
parent 44d040c70b
commit b79152a6e5
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/TheSocketConnectionState.vue
View file

@ -13,13 +13,16 @@
<span :class="{ <span :class="{
'px-2 rounded-md inline-block w-48 leading-4': true, 'px-2 rounded-md inline-block w-48 leading-4': true,
'text-slate-900 dark:text-slate-400': socketConnected, 'text-slate-900 dark:text-slate-400': socketConnected,
'text-slate-50 bg-red-600': !socketConnected, 'text-slate-50 bg-red-600 px-2 py-1': !socketConnected,
}"> }">
<span class="mr-1">Socket.IO:</span> <span class="mr-1">Socket.IO:</span>
<span v-show="socketConnected" class="font-semibold text-green-600 dark:text-green-400">Connected</span> <span v-show="socketConnected" class="font-semibold text-green-600 dark:text-green-400">Connected</span>
<span v-show="!socketConnected" class="font-semibold text-slate-50">Disconnected</span> <span v-show="!socketConnected" class="font-semibold text-slate-50">Disconnected</span>
</span> </span>
<span class="text-xs font-thin leading-3 inline-block text-center"> <span
v-if="socketConnected"
class="text-xs font-thin leading-3 inline-block text-center"
>
<template v-if="zmqLastTimeSecond == 0"> <template v-if="zmqLastTimeSecond == 0">
online online
</template> </template>