Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-09 23:48:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactoring dashboard

Browse Source
This commit is contained in:
Emily
2025-01-23 17:34:43 +01:00
parent afeaac1b0d
commit e4bdf7e4c3
112 changed files with 2345 additions and 12532 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
dashboard/components/events/EventsStackedBarChart.vue
View File

@@ -1,7 +1,7 @@
<script lang="ts" setup>
import { onMounted } from 'vue';
import DateService, { type Slice } from '@services/DateService';
import { type Slice } from '@services/DateService';
const props = defineProps<{ slice: Slice }>();
const slice = computed(() => props.slice);
@@ -10,45 +10,23 @@ const { safeSnapshotDates } = useSnapshot()
function transformResponse(input: { _id: string, name: string, count: number }[]) {
const fixed = fixMetrics({
data: input,
from: input[0]._id,
to: safeSnapshotDates.value.to
},
const fixed = fixMetrics(
{ data: input, from: input[0]._id, to: safeSnapshotDates.value.to },
slice.value,
{ advanced: true, advancedGroupKey: 'name' });
{ advanced: true, advancedGroupKey: 'name' }
);
const parsedDatasets: any[] = [];
const colors = [
"#5655d0",
"#6bbbe3",
"#a6d5cb",
"#fae0b9",
"#f28e8e",
"#e3a7e4",
"#c4a8e1",
"#8cc1d8",
"#f9c2cd",
"#b4e3b2",
"#ffdfba",
"#e9c3b5",
"#d5b8d6",
"#add7f6",
"#ffd1dc",
"#ffe7a1",
"#a8e6cf",
"#d4a5a5",
"#f3d6e4",
"#c3aed6"
"#5655d0", "#6bbbe3", "#a6d5cb", "#fae0b9", "#f28e8e",
"#e3a7e4", "#c4a8e1", "#8cc1d8", "#f9c2cd", "#b4e3b2",
"#ffdfba", "#e9c3b5", "#d5b8d6", "#add7f6", "#ffd1dc",
"#ffe7a1", "#a8e6cf", "#d4a5a5", "#f3d6e4", "#c3aed6"
];
for (let i = 0; i < fixed.allKeys.length; i++) {
const line: any = {
data: [],
color: colors[i] || '#FF0000',
label: fixed.allKeys[i]
};
const line: any = { data: [], color: colors[i] || '#FF0000', label: fixed.allKeys[i] };
parsedDatasets.push(line)
fixed.data.forEach((e: { key: string, value: number }[]) => {
const target = e.find(e => e.key == fixed.allKeys[i]);
@@ -56,12 +34,7 @@ function transformResponse(input: { _id: string, name: string, count: number }[]
line.data.push(target.value);
});
}
return {
datasets: parsedDatasets,
labels: fixed.labels
}
return { datasets: parsedDatasets, labels: fixed.labels }
}
const errorData = ref<{ errored: boolean, text: string }>({
@@ -88,7 +61,6 @@ const eventsStackedData = useFetch(`/api/timeline/events_stacked`, {
onResponse
});
onMounted(async () => {
eventsStackedData.execute();
});