diff options
| -rw-r--r-- | locales/ja-JP.yml | 2 | ||||
| -rw-r--r-- | src/client/app/desktop/views/pages/welcome.vue | 33 |
2 files changed, 33 insertions, 2 deletions
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml index 1b73c825bb..eaf940ed06 100644 --- a/locales/ja-JP.yml +++ b/locales/ja-JP.yml @@ -990,6 +990,8 @@ desktop/views/pages/welcome.vue: signin-button: "やってる" signup-button: "やる" timeline: "タイムライン" + announcements: "お知らせ" + photos: "最近の画像" powered-by-misskey: "Powered by <b>Misskey</b>." desktop/views/pages/drive.vue: diff --git a/src/client/app/desktop/views/pages/welcome.vue b/src/client/app/desktop/views/pages/welcome.vue index ba22cb598f..f21070f36f 100644 --- a/src/client/app/desktop/views/pages/welcome.vue +++ b/src/client/app/desktop/views/pages/welcome.vue @@ -44,8 +44,7 @@ <div class="photos block"> <header>%fa:images% %i18n:@photos%</header> <div> - <div v-for="photo in photos"> - </div> + <div v-for="photo in photos" :style="`background-image: url(${photo.thumbnailUrl})`"></div> </div> </div> @@ -99,6 +98,7 @@ export default Vue.extend({ photos: [] }; }, + created() { (this as any).os.getMeta().then(meta => { this.name = meta.name; @@ -110,14 +110,30 @@ export default Vue.extend({ this.stats = stats; }); + const image = [ + 'image/jpeg', + 'image/png', + 'image/gif' + ]; + + (this as any).api('notes/local-timeline', { + fileType: image, + limit: 6 + }).then(notes => { + const files = [].concat(...notes.map(n => n.files)); + this.photos = files.filter(f => image.includes(f.type)).slice(0, 6); + }); }, + methods: { signup() { this.$modal.show('signup'); }, + signin() { this.$modal.show('signin'); }, + dark() { this.$store.commit('device/set', { key: 'darkmode', @@ -280,6 +296,19 @@ root(isDark) grid-row 2 grid-column 2 + > div + display grid + grid-template-rows 1fr 1fr 1fr + grid-template-columns 1fr 1fr + gap 8px + height 100% + padding 16px + + > div + //border-radius 4px + background-position center center + background-size cover + > .nav display flex justify-content center |