diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-02-18 20:48:39 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-02-18 20:48:39 +0900 |
| commit | b07cd37a16974aa1bf3154cd92266c029d7dc089 (patch) | |
| tree | 8cb2e5d563cff68759d867369adb3b179bc8c16c /src | |
| parent | Split cropperjs to reduce bundle size (diff) | |
| download | sharkey-b07cd37a16974aa1bf3154cd92266c029d7dc089.tar.gz sharkey-b07cd37a16974aa1bf3154cd92266c029d7dc089.tar.bz2 sharkey-b07cd37a16974aa1bf3154cd92266c029d7dc089.zip | |
:art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/common/views/pages/explore.vue | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/src/client/app/common/views/pages/explore.vue b/src/client/app/common/views/pages/explore.vue index 63a9a47035..c627c0a6d3 100644 --- a/src/client/app/common/views/pages/explore.vue +++ b/src/client/app/common/views/pages/explore.vue @@ -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> |