From 0e40d4e7962204a31f2c149250f945504089a15b Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 21 Oct 2020 21:50:24 +0900
Subject: [PATCH] Clean up
---
src/client/components/header-clock.vue | 102 -------------------------
1 file changed, 102 deletions(-)
delete mode 100644 src/client/components/header-clock.vue
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>