forked from FoundKeyGang/FoundKey
wip
This commit is contained in:
parent
bc632cefe5
commit
29b7bd258c
9 changed files with 70 additions and 96 deletions
|
@ -1,25 +0,0 @@
|
||||||
<mk-introduction>
|
|
||||||
<article>
|
|
||||||
<h1>Misskeyとは?</h1>
|
|
||||||
<p><ruby>Misskey<rt>みすきー</rt></ruby>は、<a href="http://syuilo.com" target="_blank">syuilo</a>が2014年くらいから<a href="https://github.com/syuilo/misskey" target="_blank">オープンソースで</a>開発・運営を行っている、ミニブログベースのSNSです。</p>
|
|
||||||
<p>無料で誰でも利用でき、広告も掲載していません。</p>
|
|
||||||
<p><a href={ _DOCS_URL_ } target="_blank">もっと知りたい方はこちら</a></p>
|
|
||||||
</article>
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
:scope
|
|
||||||
display block
|
|
||||||
|
|
||||||
h1
|
|
||||||
margin 0
|
|
||||||
text-align center
|
|
||||||
font-size 1.2em
|
|
||||||
|
|
||||||
p
|
|
||||||
margin 16px 0
|
|
||||||
|
|
||||||
&:last-child
|
|
||||||
margin 0
|
|
||||||
text-align center
|
|
||||||
|
|
||||||
</style>
|
|
||||||
</mk-introduction>
|
|
|
@ -93,6 +93,6 @@ export default Vue.component('mk-post-html', {
|
||||||
}
|
}
|
||||||
}));
|
}));
|
||||||
|
|
||||||
return createElement('div', els);
|
return createElement('span', els);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="mk-twitter-setting">
|
<div class="mk-twitter-setting">
|
||||||
<p>%i18n:common.tags.mk-twitter-setting.description%<a :href="`${docsUrl}/link-to-twitter`" target="_blank">%i18n:common.tags.mk-twitter-setting.detail%</a></p>
|
<p>%i18n:common.tags.mk-twitter-setting.description%<a :href="`${docsUrl}/link-to-twitter`" target="_blank">%i18n:common.tags.mk-twitter-setting.detail%</a></p>
|
||||||
<p class="account" v-if="os.i.twitter" :title="`Twitter ID: ${os.i.twitter.user_id}`">%i18n:common.tags.mk-twitter-setting.connected-to%: <a :href="`https://twitter.com/${os.i.twitter.screen_name}`" target="_blank">@{{ I.twitter.screen_name }}</a></p>
|
<p class="account" v-if="os.i.twitter" :title="`Twitter ID: ${os.i.twitter.user_id}`">%i18n:common.tags.mk-twitter-setting.connected-to%: <a :href="`https://twitter.com/${os.i.twitter.screen_name}`" target="_blank">@{{ os.i.twitter.screen_name }}</a></p>
|
||||||
<p>
|
<p>
|
||||||
<a :href="`${apiUrl}/connect/twitter`" target="_blank" @click.prevent="connect">{{ os.i.twitter ? '%i18n:common.tags.mk-twitter-setting.reconnect%' : '%i18n:common.tags.mk-twitter-setting.connect%' }}</a>
|
<a :href="`${apiUrl}/connect/twitter`" target="_blank" @click.prevent="connect">{{ os.i.twitter ? '%i18n:common.tags.mk-twitter-setting.reconnect%' : '%i18n:common.tags.mk-twitter-setting.connect%' }}</a>
|
||||||
<span v-if="os.i.twitter"> or </span>
|
<span v-if="os.i.twitter"> or </span>
|
||||||
|
|
|
@ -35,11 +35,8 @@ export default Vue.extend({
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
.sub
|
.sub
|
||||||
margin 0
|
margin 0
|
||||||
padding 0
|
|
||||||
font-size 0.9em
|
|
||||||
|
|
||||||
> article
|
|
||||||
padding 16px
|
padding 16px
|
||||||
|
font-size 0.9em
|
||||||
|
|
||||||
&:after
|
&:after
|
||||||
content ""
|
content ""
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="post" tabindex="-1" :title="title" @keydown="onKeydown">
|
<div class="post" tabindex="-1" :title="title" @keydown="onKeydown">
|
||||||
<div class="reply-to" v-if="p.reply">
|
<div class="reply-to" v-if="p.reply">
|
||||||
<x-sub post="p.reply"/>
|
<x-sub :post="p.reply"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="repost" v-if="isRepost">
|
<div class="repost" v-if="isRepost">
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
<p class="fetching" v-if="fetching">%i18n:desktop.tags.mk-broadcast-home-widget.fetching%<mk-ellipsis/></p>
|
<p class="fetching" v-if="fetching">%i18n:desktop.tags.mk-broadcast-home-widget.fetching%<mk-ellipsis/></p>
|
||||||
<h1 v-if="!fetching">{{ broadcasts.length == 0 ? '%i18n:desktop.tags.mk-broadcast-home-widget.no-broadcasts%' : broadcasts[i].title }}</h1>
|
<h1 v-if="!fetching">{{ broadcasts.length == 0 ? '%i18n:desktop.tags.mk-broadcast-home-widget.no-broadcasts%' : broadcasts[i].title }}</h1>
|
||||||
<p v-if="!fetching">
|
<p v-if="!fetching">
|
||||||
<span v-if="broadcasts.length != 0" :v-html="broadcasts[i].text"></span>
|
<span v-if="broadcasts.length != 0" v-html="broadcasts[i].text"></span>
|
||||||
<template v-if="broadcasts.length == 0">%i18n:desktop.tags.mk-broadcast-home-widget.have-a-nice-day%</template>
|
<template v-if="broadcasts.length == 0">%i18n:desktop.tags.mk-broadcast-home-widget.have-a-nice-day%</template>
|
||||||
</p>
|
</p>
|
||||||
<a v-if="broadcasts.length > 1" @click="next">%i18n:desktop.tags.mk-broadcast-home-widget.next% >></a>
|
<a v-if="broadcasts.length > 1" @click="next">%i18n:desktop.tags.mk-broadcast-home-widget.next% >></a>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="channel">
|
<div class="channel">
|
||||||
<p v-if="fetching">読み込み中<mk-ellipsis/></p>
|
<p v-if="fetching">読み込み中<mk-ellipsis/></p>
|
||||||
<div v-if="!fetching" ref="posts">
|
<div v-if="!fetching" ref="posts" class="posts">
|
||||||
<p v-if="posts.length == 0">まだ投稿がありません</p>
|
<p v-if="posts.length == 0">まだ投稿がありません</p>
|
||||||
<x-post class="post" v-for="post in posts.slice().reverse()" :post="post" :key="post.id" @reply="reply"/>
|
<x-post class="post" v-for="post in posts.slice().reverse()" :post="post" :key="post.id" @reply="reply"/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -34,7 +34,9 @@ export default Vue.extend({
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
this.$nextTick(() => {
|
||||||
this.zap();
|
this.zap();
|
||||||
|
});
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
this.disconnect();
|
this.disconnect();
|
||||||
|
@ -85,7 +87,7 @@ export default Vue.extend({
|
||||||
text-align center
|
text-align center
|
||||||
color #aaa
|
color #aaa
|
||||||
|
|
||||||
> div
|
> .posts
|
||||||
height calc(100% - 38px)
|
height calc(100% - 38px)
|
||||||
overflow auto
|
overflow auto
|
||||||
font-size 0.9em
|
font-size 0.9em
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<button @click="settings" title="%i18n:desktop.tags.mk-channel-home-widget.settings%">%fa:cog%</button>
|
<button @click="settings" title="%i18n:desktop.tags.mk-channel-home-widget.settings%">%fa:cog%</button>
|
||||||
</template>
|
</template>
|
||||||
<p class="get-started" v-if="props.channel == null">%i18n:desktop.tags.mk-channel-home-widget.get-started%</p>
|
<p class="get-started" v-if="props.channel == null">%i18n:desktop.tags.mk-channel-home-widget.get-started%</p>
|
||||||
<x-channel class="channel" :channel="channel" v-else/>
|
<x-channel class="channel" :channel="channel" v-if="channel != null"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
<header>
|
<header>
|
||||||
<router-link class="name" :to="`/${post.user.username}`">{{ post.user.name }}</router-link>
|
<router-link class="name" :to="`/${post.user.username}`">{{ post.user.name }}</router-link>
|
||||||
<span class="username">@{{ post.user.username }}</span>
|
<span class="username">@{{ post.user.username }}</span>
|
||||||
<router-link class="created-at" :href="`/${post.user.username}/${post.id}`">
|
<router-link class="created-at" :to="`/${post.user.username}/${post.id}`">
|
||||||
<mk-time :time="post.created_at"/>
|
<mk-time :time="post.created_at"/>
|
||||||
</router-link>
|
</router-link>
|
||||||
</header>
|
</header>
|
||||||
|
|
Loading…
Reference in a new issue