diff options
| author | Kana <[email protected]> | 2021-01-08 13:46:17 +0900 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-01-08 13:46:17 +0900 |
| commit | 0205300cb907ad14115a30c4152f5df31385eb37 (patch) | |
| tree | e6751c9c112886010e1b8736de0bdbff1a6df6d8 /src/site/components/statistics/time.vue | |
| parent | chore: update sharex snippet to use apiKey instead of jwt (diff) | |
| parent | fix: indentation (diff) | |
| download | host.fuwn.me-0205300cb907ad14115a30c4152f5df31385eb37.tar.xz host.fuwn.me-0205300cb907ad14115a30c4152f5df31385eb37.zip | |
Merge pull request #248 from WeebDev/feature/stats-dashboard
feature: Add basic statistics UI
Diffstat (limited to 'src/site/components/statistics/time.vue')
| -rw-r--r-- | src/site/components/statistics/time.vue | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/src/site/components/statistics/time.vue b/src/site/components/statistics/time.vue new file mode 100644 index 0000000..ff1bb8d --- /dev/null +++ b/src/site/components/statistics/time.vue @@ -0,0 +1,46 @@ +<template> + <div> + <div class="columns"> + <div class="column is-2"> + {{ title }} + </div> + <div class="column"> + {{ parsedTime }} + </div> + </div> + </div> +</template> +<script> +export default { + props: { + title: { + 'type': String, + 'default': null + }, + value: { + 'type': Number, + 'default': null + } + }, + computed: { + parsedTime() { + let seconds = this.value; + const days = Math.floor(seconds / 86400); + seconds %= 86400; + let hours = Math.floor(seconds / 3600); + seconds %= 3600; + let minutes = Math.floor(seconds / 60); + seconds %= 60; + + if (hours < 10) hours = `0${hours}`; + if (minutes < 10) minutes = `0${minutes}`; + if (seconds < 10) seconds = `0${seconds}`; + + if (days > 0) { + return `${days}d ${hours}:${minutes}:${seconds}`; + } + return `${hours}:${minutes}:${seconds}`; + } + } +}; +</script> |