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/byteUsage.vue | 31 ++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/site/components/statistics/byteUsage.vue

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

diff --git a/src/site/components/statistics/byteUsage.vue b/src/site/components/statistics/byteUsage.vue
new file mode 100644
index 0000000..740feff
--- /dev/null
+++ b/src/site/components/statistics/byteUsage.vue
@@ -0,0 +1,31 @@
+<template>
+	<div>
+		<div class="columns">
+			<div class="column is-2">
+				{{ title }}
+			</div>
+			<div class="column">
+				{{ (used / 1024 / 1024 / 1024).toFixed(2) }} GiB /
+				{{ (total / 1024 / 1024 / 1024).toFixed(2) }} GiB ({{ ((used * 100) / total).toFixed(2) }}%)
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+export default {
+	props: {
+		title: {
+			'type': String,
+			'default': null
+		},
+		used: {
+			'type': Number,
+			'default': null
+		},
+		total: {
+			'type': Number,
+			'default': null
+		}
+	}
+};
+</script>
-- 
cgit v1.2.3

