diff options
Diffstat (limited to 'packages/client/src/pages/user/index.activity.vue')
| -rw-r--r-- | packages/client/src/pages/user/index.activity.vue | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/packages/client/src/pages/user/index.activity.vue b/packages/client/src/pages/user/index.activity.vue new file mode 100644 index 0000000000..e51d6c6090 --- /dev/null +++ b/packages/client/src/pages/user/index.activity.vue @@ -0,0 +1,34 @@ +<template> +<MkContainer> + <template #header><i class="fas fa-chart-bar" style="margin-right: 0.5em;"></i>{{ $ts.activity }}</template> + + <div style="padding: 8px;"> + <MkChart src="per-user-notes" :args="{ user, withoutAll: true }" span="day" :limit="limit" :stacked="true" :detailed="false" :aspect-ratio="6"/> + </div> +</MkContainer> +</template> + +<script lang="ts"> +import { defineComponent } from 'vue'; +import * as os from '@/os'; +import MkContainer from '@/components/ui/container.vue'; +import MkChart from '@/components/chart.vue'; + +export default defineComponent({ + components: { + MkContainer, + MkChart, + }, + props: { + user: { + type: Object, + required: true + }, + limit: { + type: Number, + required: false, + default: 40 + } + }, +}); +</script> |