summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkDigitalClock.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
commit9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch)
treece5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/components/MkDigitalClock.vue
parentwip: retention for dashboard (diff)
downloadmisskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.gz
misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.bz2
misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.zip
rename: client -> frontend
Diffstat (limited to 'packages/client/src/components/MkDigitalClock.vue')
-rw-r--r--packages/client/src/components/MkDigitalClock.vue77
1 files changed, 0 insertions, 77 deletions
diff --git a/packages/client/src/components/MkDigitalClock.vue b/packages/client/src/components/MkDigitalClock.vue
deleted file mode 100644
index 9ed8d63d19..0000000000
--- a/packages/client/src/components/MkDigitalClock.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-<span class="zjobosdg">
- <span v-text="hh"></span>
- <span class="colon" :class="{ showColon }">:</span>
- <span v-text="mm"></span>
- <span v-if="showS" class="colon" :class="{ showColon }">:</span>
- <span v-if="showS" v-text="ss"></span>
- <span v-if="showMs" class="colon" :class="{ showColon }">:</span>
- <span v-if="showMs" v-text="ms"></span>
-</span>
-</template>
-
-<script lang="ts" setup>
-import { onUnmounted, ref, watch } from 'vue';
-
-const props = withDefaults(defineProps<{
- showS?: boolean;
- showMs?: boolean;
- offset?: number;
-}>(), {
- showS: true,
- showMs: false,
- offset: 0 - new Date().getTimezoneOffset(),
-});
-
-let intervalId;
-const hh = ref('');
-const mm = ref('');
-const ss = ref('');
-const ms = ref('');
-const showColon = ref(false);
-let prevSec: number | null = null;
-
-watch(showColon, (v) => {
- if (v) {
- window.setTimeout(() => {
- showColon.value = false;
- }, 30);
- }
-});
-
-const tick = () => {
- const now = new Date();
- now.setMinutes(now.getMinutes() + (new Date().getTimezoneOffset() + props.offset));
- hh.value = now.getHours().toString().padStart(2, '0');
- mm.value = now.getMinutes().toString().padStart(2, '0');
- ss.value = now.getSeconds().toString().padStart(2, '0');
- ms.value = Math.floor(now.getMilliseconds() / 10).toString().padStart(2, '0');
- if (now.getSeconds() !== prevSec) showColon.value = true;
- prevSec = now.getSeconds();
-};
-
-tick();
-
-watch(() => props.showMs, () => {
- if (intervalId) window.clearInterval(intervalId);
- intervalId = window.setInterval(tick, props.showMs ? 10 : 1000);
-}, { immediate: true });
-
-onUnmounted(() => {
- window.clearInterval(intervalId);
-});
-</script>
-
-<style lang="scss" scoped>
-.zjobosdg {
- > .colon {
- opacity: 0;
- transition: opacity 1s ease;
-
- &.showColon {
- opacity: 1;
- transition: opacity 0s;
- }
- }
-}
-</style>