From a2ce072ae7bd9249754f1151efcbbde3aafc3a27 Mon Sep 17 00:00:00 2001 From: fuyu <54523771+mfmfuyu@users.noreply.github.com> Date: Fri, 14 Feb 2020 23:31:24 +0900 Subject: [PATCH] =?UTF-8?q?=E3=82=A2=E3=83=8A=E3=83=AD=E3=82=B0=E6=99=82?= =?UTF-8?q?=E8=A8=88=E3=82=A6=E3=82=A3=E3=82=B8=E3=82=A7=E3=83=83=E3=83=88?= =?UTF-8?q?=E3=82=92=E7=A7=BB=E6=A4=8D=20(#5944)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * アナログ時計ウィジェットを移植 * analog-clock -> clock --- src/client/app.vue | 3 +- src/client/components/analog-clock.vue | 143 +++++++++++++++++++++++++ src/client/widgets/clock.vue | 42 ++++++++ src/client/widgets/index.ts | 1 + 4 files changed, 188 insertions(+), 1 deletion(-) create mode 100644 src/client/components/analog-clock.vue create mode 100644 src/client/widgets/clock.vue diff --git a/src/client/app.vue b/src/client/app.vue index c2e60c9bbe..615f6b9cd3 100644 --- a/src/client/app.vue +++ b/src/client/app.vue @@ -293,7 +293,7 @@ export default Vue.extend({ const ro = new ResizeObserver((entries, observer) => { adjustTitlePosition(); }); - + ro.observe(this.$refs.contents); window.addEventListener('resize', adjustTitlePosition); @@ -556,6 +556,7 @@ export default Vue.extend({ 'calendar', 'rss', 'trends', + 'clock' ]; this.$root.menu({ diff --git a/src/client/components/analog-clock.vue b/src/client/components/analog-clock.vue new file mode 100644 index 0000000000..a107362240 --- /dev/null +++ b/src/client/components/analog-clock.vue @@ -0,0 +1,143 @@ + + + + + diff --git a/src/client/widgets/clock.vue b/src/client/widgets/clock.vue new file mode 100644 index 0000000000..bd521813b7 --- /dev/null +++ b/src/client/widgets/clock.vue @@ -0,0 +1,42 @@ + + + + + diff --git a/src/client/widgets/index.ts b/src/client/widgets/index.ts index 4743be0763..d6af41e2f8 100644 --- a/src/client/widgets/index.ts +++ b/src/client/widgets/index.ts @@ -6,3 +6,4 @@ Vue.component('mkw-timeline', () => import('./timeline.vue').then(m => m.default Vue.component('mkw-calendar', () => import('./calendar.vue').then(m => m.default)); Vue.component('mkw-rss', () => import('./rss.vue').then(m => m.default)); Vue.component('mkw-trends', () => import('./trends.vue').then(m => m.default)); +Vue.component('mkw-clock', () => import('./clock.vue').then(m => m.default));