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

chg: [front:live-logs_user-activity-graph] Further improved UI

Browse source
This commit is contained in:
Sami Mokaddem 2024-07-09 13:19:27 +02:00
parent 4d445f3408
commit 0c2fdf5591
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/LiveLogsUserActivityGraph.vue
View file

@ -25,7 +25,7 @@
return {
chart: {
height: 12,
width: 208,
width: 224,
type: 'heatmap',
sparkline: {
enabled: true
@ -46,7 +46,7 @@
plotOptions: {
heatmap: {
radius: 2,
enableShades: !true,
enableShades: false,
shadeIntensity: 0.5,
reverseNegativeShade: true,
distributed: false,
@ -124,6 +124,6 @@
class="h-3 w-52"
:title="`Activity over ${bufferSizeMin}min`"
>
<apexchart type="heatmap" height="12" width="208" :options="chartOptions" :series="chartSeries"></apexchart>
<apexchart type="heatmap" height="12" width="224" :options="chartOptions" :series="chartSeries"></apexchart>
</span>
</template>

8
src/components/TheScores.vue
View file

@ -87,11 +87,11 @@
<template v-else>
<tr v-for="(progress, user_id) in progresses" :key="user_id" class="bg-slate-100 dark:bg-slate-900">
<td class="border-b border-slate-200 dark:border-slate-700 text-slate-600 dark:text-slate-400 p-0 pl-2 relative">
<span class="flex flex-col">
<span :title="user_id" class="text-nowrap inline-block leading-5">
<span class="flex flex-col max-w-60">
<span :title="user_id" class="text-nowrap inline-block leading-5 truncate">
<FontAwesomeIcon v-if="progress.exercises[exercise.uuid].score / progress.exercises[exercise.uuid].max_score == 1" :icon="faMedal" class="mr-1 text-amber-300"></FontAwesomeIcon>
<span class="text-lg font-bold font-mono leading-5">{{ progress.email.split('@')[0] }}</span>
<span class="text-xs font-mono">@{{ progress.email.split('@')[1] }}</span>
<span class="text-lg font-bold font-mono leading-5 tracking-tight">{{ progress.email.split('@')[0] }}</span>
<span class="text-xs font-mono tracking-tight">@{{ progress.email.split('@')[1] }}</span>
</span>
<LiveLogsUserActivityGraph :user_id="user_id"></LiveLogsUserActivityGraph>
</span>