summaryrefslogtreecommitdiff
path: root/src/client/components
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2020-10-21 21:50:24 +0900
committersyuilo <syuilotan@yahoo.co.jp>2020-10-21 21:50:24 +0900
commit0e40d4e7962204a31f2c149250f945504089a15b (patch)
tree4f56892a7b17908e28e52edde8d44b0a97ef4095 /src/client/components
parentMerge branch 'develop' of https://github.com/syuilo/misskey into develop (diff)
downloadsharkey-0e40d4e7962204a31f2c149250f945504089a15b.tar.gz
sharkey-0e40d4e7962204a31f2c149250f945504089a15b.tar.bz2
sharkey-0e40d4e7962204a31f2c149250f945504089a15b.zip
Clean up
Diffstat (limited to 'src/client/components')
-rw-r--r--src/client/components/header-clock.vue102
1 files changed, 0 insertions, 102 deletions
diff --git a/src/client/components/header-clock.vue b/src/client/components/header-clock.vue
deleted file mode 100644
index 6be8effbb7..0000000000
--- a/src/client/components/header-clock.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-<div class="eqryymyo">
- <div class="header">
- <time ref="time" class="_ghost">
- <span class="yyyymmdd">{{ yyyy }}/{{ mm }}/{{ dd }}</span>
- <br>
- <span class="hhnn">{{ hh }}<span :style="{ visibility: now.getSeconds() % 2 == 0 ? 'visible' : 'hidden' }">:</span>{{ nn }}</span>
- </time>
- </div>
- <div class="content _panel _ghost">
- <MkClock/>
- </div>
-</div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import MkClock from './analog-clock.vue';
-import * as os from '@/os';
-
-export default defineComponent({
- components: {
- MkClock
- },
- data() {
- return {
- now: new Date(),
- clock: null
- };
- },
- computed: {
- yyyy(): number {
- return this.now.getFullYear();
- },
- mm(): string {
- return ('0' + (this.now.getMonth() + 1)).slice(-2);
- },
- dd(): string {
- return ('0' + this.now.getDate()).slice(-2);
- },
- hh(): string {
- return ('0' + this.now.getHours()).slice(-2);
- },
- nn(): string {
- return ('0' + this.now.getMinutes()).slice(-2);
- }
- },
- mounted() {
- this.tick();
- this.clock = setInterval(this.tick, 1000);
- },
- beforeUnmount() {
- clearInterval(this.clock);
- },
- methods: {
- tick() {
- this.now = new Date();
- }
- }
-});
-</script>
-
-<style lang="scss" scoped>
-.eqryymyo {
- display: inline-block;
- overflow: visible;
-
- > .header {
- padding: 0 12px;
- padding-top: 4px;
- text-align: center;
- font-size: 12px;
- font-family: Lucida Console, Courier, monospace;
-
- &:hover + .content {
- opacity: 1;
- }
-
- > time {
- display: table-cell;
- vertical-align: middle;
- height: 48px;
-
- > .yyyymmdd {
- opacity: 0.7;
- }
- }
- }
-
- > .content {
- opacity: 0;
- display: block;
- position: absolute;
- top: auto;
- right: 0;
- margin: 16px 0 0 0;
- padding: 16px;
- width: 230px;
- transition: opacity 0.2s ease;
- }
-}
-</style>