39 lines
987 B
Vue
39 lines
987 B
Vue
<!--
|
|
SPDX-FileCopyrightText: syuilo and misskey-project
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
-->
|
|
|
|
<template>
|
|
<div class="_panel" :class="$style.root">
|
|
<MkSelect v-model="src" :items="srcDef" style="margin: 0 0 12px 0;" small>
|
|
</MkSelect>
|
|
<MkHeatmap :src="src"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import MkHeatmap from '@/components/MkHeatmap.vue';
|
|
import MkSelect from '@/components/MkSelect.vue';
|
|
import { useMkSelect } from '@/composables/use-mkselect.js';
|
|
|
|
const {
|
|
model: src,
|
|
def: srcDef,
|
|
} = useMkSelect({
|
|
items: [
|
|
{ label: 'Active users', value: 'active-users' },
|
|
{ label: 'Notes', value: 'notes' },
|
|
{ label: 'AP Requests: inboxReceived', value: 'ap-requests-inbox-received' },
|
|
{ label: 'AP Requests: deliverSucceeded', value: 'ap-requests-deliver-succeeded' },
|
|
{ label: 'AP Requests: deliverFailed', value: 'ap-requests-deliver-failed' },
|
|
],
|
|
initialValue: 'active-users',
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.root {
|
|
padding: 20px;
|
|
}
|
|
</style>
|