summaryrefslogtreecommitdiff
path: root/src/server/web/app/common/views/components/timer.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/server/web/app/common/views/components/timer.vue')
-rw-r--r--src/server/web/app/common/views/components/timer.vue49
1 files changed, 0 insertions, 49 deletions
diff --git a/src/server/web/app/common/views/components/timer.vue b/src/server/web/app/common/views/components/timer.vue
deleted file mode 100644
index a3c4f01b77..0000000000
--- a/src/server/web/app/common/views/components/timer.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-<time class="mk-time">
- {{ hh }}:{{ mm }}:{{ ss }}
-</time>
-</template>
-
-<script lang="ts">
-import Vue from 'vue';
-
-export default Vue.extend({
- props: {
- time: {
- type: [Date, String],
- required: true
- }
- },
- data() {
- return {
- tickId: null,
- hh: null,
- mm: null,
- ss: null
- };
- },
- computed: {
- _time(): Date {
- return typeof this.time == 'string' ? new Date(this.time) : this.time;
- }
- },
- created() {
- this.tick();
- this.tickId = setInterval(this.tick, 1000);
- },
- destroyed() {
- clearInterval(this.tickId);
- },
- methods: {
- tick() {
- const now = new Date().getTime();
- const start = this._time.getTime();
- const ago = Math.floor((now - start) / 1000);
-
- this.hh = Math.floor(ago / (60 * 60)).toString().padStart(2, '0');
- this.mm = Math.floor(ago / 60).toString().padStart(2, '0');
- this.ss = (ago % 60).toString().padStart(2, '0');
- }
- }
-});
-</script>