From a2e2d5ba776bc27c31a3fd3cd45f563975f764bc Mon Sep 17 00:00:00 2001 From: syuilo <syuilotan@yahoo.co.jp> Date: Sun, 23 Sep 2018 19:55:15 +0900 Subject: [PATCH] =?UTF-8?q?=E9=9D=9E=E3=83=AD=E3=82=B0=E3=82=A4=E3=83=B3?= =?UTF-8?q?=E6=99=82=E3=81=AE=E3=83=A6=E3=83=BC=E3=82=B6=E3=83=BC=E3=83=9A?= =?UTF-8?q?=E3=83=BC=E3=82=B8=E3=81=AB=E3=82=A4=E3=83=B3=E3=82=B9=E3=82=BF?= =?UTF-8?q?=E3=83=B3=E3=82=B9=E3=81=AE=E7=B4=B9=E4=BB=8B=E3=82=92=E8=A1=A8?= =?UTF-8?q?=E7=A4=BA=E3=81=99=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../app/common/views/components/index.ts | 2 + .../app/common/views/components/instance.vue | 57 +++++++++++++++++++ .../app/desktop/views/pages/user/user.vue | 5 ++ 3 files changed, 64 insertions(+) create mode 100644 src/client/app/common/views/components/instance.vue diff --git a/src/client/app/common/views/components/index.ts b/src/client/app/common/views/components/index.ts index 6f8152cea2..0a3d0d0ae6 100644 --- a/src/client/app/common/views/components/index.ts +++ b/src/client/app/common/views/components/index.ts @@ -1,5 +1,6 @@ import Vue from 'vue'; +import instance from './instance.vue'; import cwButton from './cw-button.vue'; import tagCloud from './tag-cloud.vue'; import trends from './trends.vue'; @@ -43,6 +44,7 @@ import uiSelect from './ui/select.vue'; import formButton from './ui/form/button.vue'; import formRadio from './ui/form/radio.vue'; +Vue.component('mk-instance', instance); Vue.component('mk-cw-button', cwButton); Vue.component('mk-tag-cloud', tagCloud); Vue.component('mk-trends', trends); diff --git a/src/client/app/common/views/components/instance.vue b/src/client/app/common/views/components/instance.vue new file mode 100644 index 0000000000..14c6664eff --- /dev/null +++ b/src/client/app/common/views/components/instance.vue @@ -0,0 +1,57 @@ +<template> +<div class="nhasjydimbopojusarffqjyktglcuxjy" v-if="meta"> + <div class="banner" :style="{ backgroundImage: meta.bannerUrl ? `url(${meta.bannerUrl})` : null }"></div> + + <h1>{{ meta.name }}</h1> + <p v-html="meta.description || '%i18n:common.about%'"></p> + <router-link to="/">%i18n:@start%</router-link> +</div> +</template> + +<script lang="ts"> +import Vue from 'vue'; + +export default Vue.extend({ + data() { + return { + meta: null + } + }, + created() { + (this as any).os.getMeta().then(meta => { + this.meta = meta; + }); + } +}); +</script> + +<style lang="stylus" scoped> +root(isDark) + color isDark ? #fff : #5b646f + background isDark ? #21242f : #fff + text-align center + + > .banner + height 100px + background-position center + background-size cover + + > h1 + margin 16px + font-size 16px + + > p + margin 16px + font-size 14px + + > a + display block + padding-bottom 16px + +.nhasjydimbopojusarffqjyktglcuxjy[data-darkmode] + root(true) + +.nhasjydimbopojusarffqjyktglcuxjy:not([data-darkmode]) + root(false) + +</style> diff --git a/src/client/app/desktop/views/pages/user/user.vue b/src/client/app/desktop/views/pages/user/user.vue index b1ebe2392e..a7065af5e7 100644 --- a/src/client/app/desktop/views/pages/user/user.vue +++ b/src/client/app/desktop/views/pages/user/user.vue @@ -10,6 +10,7 @@ <x-timeline class="timeline" ref="tl" :user="user"/> </div> <div class="side"> + <div class="instance" v-if="!$store.getters.isSignedIn"><mk-instance/></div> <x-profile :user="user"/> <x-twitter :user="user" v-if="user.host === null && user.twitter"/> <mk-calendar @chosen="warp" :start="new Date(user.createdAt)"/> @@ -131,6 +132,10 @@ root(isDark) font-size 0.8em color #aaa + > .instance + box-shadow var(--shadow) + border-radius var(--round) + > .nav padding 16px font-size 12px