aboutsummaryrefslogtreecommitdiff
path: root/src/site/components/statistics/detailed.vue
diff options
context:
space:
mode:
authorPitu <[email protected]>2021-01-07 23:02:35 +0900
committerPitu <[email protected]>2021-01-07 23:02:35 +0900
commit5823fa95cd719eb69b14bb45d45f917b6cc46183 (patch)
tree80a02617925a499bccfc7aab7822ed9985b88125 /src/site/components/statistics/detailed.vue
parentchore: update sharex snippet to use apiKey instead of jwt (diff)
downloadhost.fuwn.me-5823fa95cd719eb69b14bb45d45f917b6cc46183.tar.xz
host.fuwn.me-5823fa95cd719eb69b14bb45d45f917b6cc46183.zip
feature: Add basic statistics UI
Diffstat (limited to 'src/site/components/statistics/detailed.vue')
-rw-r--r--src/site/components/statistics/detailed.vue33
1 files changed, 33 insertions, 0 deletions
diff --git a/src/site/components/statistics/detailed.vue b/src/site/components/statistics/detailed.vue
new file mode 100644
index 0000000..8a0722e
--- /dev/null
+++ b/src/site/components/statistics/detailed.vue
@@ -0,0 +1,33 @@
+<template>
+ <div>
+ <div class="columns">
+ <div class="column is-2">
+ {{ title }}
+ </div>
+ <div class="column">
+ <b-table :data="data || []" :mobile-cards="true">
+ <b-table-column v-slot="props" field="type" label="Type">
+ {{ props.row.key }}
+ </b-table-column>
+ <b-table-column v-slot="props" field="count" label="Count">
+ {{ props.row.value }}
+ </b-table-column>
+ </b-table>
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+export default {
+ props: {
+ title: {
+ 'type': String,
+ 'default': null
+ },
+ data: {
+ 'type': Array,
+ 'default': () => []
+ }
+ }
+};
+</script>