This commit is contained in:
syuilo 2019-02-18 20:48:39 +09:00
parent 69b74a46b9
commit b07cd37a16
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
2 changed files with 49 additions and 0 deletions

View file

@ -231,6 +231,8 @@ common/views/pages/explore.vue:
recently-registered-users: "新規ユーザー"
popular-tags: "人気のタグ"
federated: "連合"
explore: "{host}を探索"
users-info: "現在{users}ユーザーが登録されています"
common/views/components/user-list.vue:
no-users: "ユーザーがいません"

View file

@ -1,5 +1,14 @@
<template>
<div>
<ui-container :show-header="false">
<div class="kpdsmpnk" :style="{ backgroundImage: meta.bannerUrl ? `url(${meta.bannerUrl})` : null }">
<div>
<b>{{ $t('explore', { host: meta.name }) }}</b>
<span>{{ $t('users-info', { users: num(stats.originalUsersCount) }) }}</span>
</div>
</div>
</ui-container>
<mk-user-list v-if="tag != null" :make-promise="tagUsers" :key="`${tag}-local`">
<fa :icon="faHashtag" fixed-width/>{{ tag }}
</mk-user-list>
@ -76,6 +85,9 @@ export default Vue.extend({
}),
tagsLocal: [],
tagsRemote: [],
stats: null,
meta: null,
num: Vue.filter('number'),
faBookmark, faChartLine, faCommentAlt, faPlus, faHashtag
};
},
@ -117,6 +129,12 @@ export default Vue.extend({
}).then(tags => {
this.tagsRemote = tags;
});
this.$root.api('stats').then(stats => {
this.stats = stats;
});
this.$root.getMeta().then(meta => {
this.meta = meta;
});
}
});
</script>
@ -131,4 +149,33 @@ export default Vue.extend({
&.local
font-weight bold
.kpdsmpnk
min-height 100px
padding 16px
background-position center
background-size cover
&:before
content ""
display block
position absolute
top 0
left 0
width 100%
height 100%
background rgba(0, 0, 0, 0.3)
> div
color #fff
text-shadow 0 0 8px #00
> b
display block
font-size 20px
font-weight bold
> span
font-size 14px
opacity 0.8
</style>