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

8
src/components/TheScores.vue
View file

@ -87,11 +87,11 @@
<template v-else> <template v-else>
<tr v-for="(progress, user_id) in progresses" :key="user_id" class="bg-slate-100 dark:bg-slate-900"> <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"> <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 class="flex flex-col max-w-60">
<span :title="user_id" class="text-nowrap inline-block leading-5"> <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> <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-lg font-bold font-mono leading-5 tracking-tight">{{ progress.email.split('@')[0] }}</span>
<span class="text-xs font-mono">@{{ progress.email.split('@')[1] }}</span> <span class="text-xs font-mono tracking-tight">@{{ progress.email.split('@')[1] }}</span>
</span> </span>
<LiveLogsUserActivityGraph :user_id="user_id"></LiveLogsUserActivityGraph> <LiveLogsUserActivityGraph :user_id="user_id"></LiveLogsUserActivityGraph>
</span> </span>