mirror of
https://github.com/Drop-OSS/drop.git
synced 2025-11-15 17:21:13 +10:00
dfa30c8a65
* First iteration on the new PieChart component * #128 Adds new admin home page * Fixes code after merging conflicts * Removes empty file * Uses real data for admin home page, and improves style * Reverts debugging code * Defines missing variable * Caches user stats data for admin home page * Typo * Styles improvements * Invalidates cache on signup/signin * Implements top 5 biggest games * Improves styling * Improves style * Using generateManifest to get the proper size * Reading data from cache * Removes unnecessary import * Improves caching mechanism for game sizes * Removes lint errors * Replaces piechart tooltip with colors in legend * Fixes caching * Fixes caching and slight improvement on pie chart colours * Fixes a few bugs related to caching * Fixes bug where app signin didn't refresh cache * feat: style improvements * fix: lint --------- Co-authored-by: DecDuck <declanahofmeyr@gmail.com>
36 lines
884 B
Vue
36 lines
884 B
Vue
<template>
|
|
<path
|
|
v-if="slice.percentage !== 0 && slice.percentage !== 100"
|
|
:class="[CHART_COLOURS[slice.color].fill]"
|
|
:d="`
|
|
M ${slice.start}
|
|
A ${slice.radius},${slice.radius} 0 ${getFlags(slice.percentage)} ${polarToCartesian(slice.center, slice.radius, percent2Degrees(slice.totalPercentage))}
|
|
L ${slice.center}
|
|
z
|
|
`"
|
|
stroke-width="2"
|
|
/>
|
|
<circle
|
|
v-if="slice.percentage === 100"
|
|
:r="slice.radius"
|
|
:cx="slice.center.x"
|
|
:cy="slice.center.y"
|
|
:class="[CHART_COLOURS[slice.color].fill]"
|
|
stroke-width="2"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { Slice } from "~/components/PieChart/types";
|
|
import {
|
|
getFlags,
|
|
percent2Degrees,
|
|
polarToCartesian,
|
|
} from "~/components/PieChart/utils";
|
|
import { CHART_COLOURS } from "~/utils/colors";
|
|
|
|
const { slice } = defineProps<{
|
|
slice: Slice;
|
|
}>();
|
|
</script>
|