From 5823fa95cd719eb69b14bb45d45f917b6cc46183 Mon Sep 17 00:00:00 2001
From: Pitu <heyitspitu@gmail.com>
Date: Thu, 7 Jan 2021 23:02:35 +0900
Subject: feature: Add basic statistics UI

---
 src/site/components/statistics/detailed.vue | 33 +++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/site/components/statistics/detailed.vue

(limited to 'src/site/components/statistics/detailed.vue')

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>
-- 
cgit v1.2.3

