From 5883fbad581cf37eceee8140d0cfd9f1d20f3a50 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=93=E3=81=B4=E3=81=AA=E3=81=9F=E3=81=BF=E3=81=BD?= <syuilotan@yahoo.co.jp> Date: Fri, 16 Feb 2018 05:32:21 +0900 Subject: [PATCH] wip --- src/web/app/desktop/-tags/pages/not-found.tag | 11 ---- src/web/app/desktop/-tags/pages/post.tag | 58 ------------------ src/web/app/desktop/views/pages/post.vue | 59 +++++++++++++++++++ 3 files changed, 59 insertions(+), 69 deletions(-) delete mode 100644 src/web/app/desktop/-tags/pages/not-found.tag delete mode 100644 src/web/app/desktop/-tags/pages/post.tag create mode 100644 src/web/app/desktop/views/pages/post.vue diff --git a/src/web/app/desktop/-tags/pages/not-found.tag b/src/web/app/desktop/-tags/pages/not-found.tag deleted file mode 100644 index f2b4ef09a..000000000 --- a/src/web/app/desktop/-tags/pages/not-found.tag +++ /dev/null @@ -1,11 +0,0 @@ -<mk-not-found> - <mk-ui> - <main> - <h1>Not Found</h1> - </main> - </mk-ui> - <style lang="stylus" scoped> - :scope - display block - </style> -</mk-not-found> diff --git a/src/web/app/desktop/-tags/pages/post.tag b/src/web/app/desktop/-tags/pages/post.tag deleted file mode 100644 index baec48c0a..000000000 --- a/src/web/app/desktop/-tags/pages/post.tag +++ /dev/null @@ -1,58 +0,0 @@ -<mk-post-page> - <mk-ui ref="ui"> - <main v-if="!parent.fetching"> - <a v-if="parent.post.next" href={ parent.post.next }>%fa:angle-up%%i18n:desktop.tags.mk-post-page.next%</a> - <mk-post-detail ref="detail" post={ parent.post }/> - <a v-if="parent.post.prev" href={ parent.post.prev }>%fa:angle-down%%i18n:desktop.tags.mk-post-page.prev%</a> - </main> - </mk-ui> - <style lang="stylus" scoped> - :scope - display block - - main - padding 16px - text-align center - - > a - display inline-block - - &:first-child - margin-bottom 4px - - &:last-child - margin-top 4px - - > [data-fa] - margin-right 4px - - > mk-post-detail - margin 0 auto - width 640px - - </style> - <script lang="typescript"> - import Progress from '../../../common/scripts/loading'; - - this.mixin('api'); - - this.fetching = true; - this.post = null; - - this.on('mount', () => { - Progress.start(); - - this.$root.$data.os.api('posts/show', { - post_id: this.opts.post - }).then(post => { - - this.update({ - fetching: false, - post: post - }); - - Progress.done(); - }); - }); - </script> -</mk-post-page> diff --git a/src/web/app/desktop/views/pages/post.vue b/src/web/app/desktop/views/pages/post.vue new file mode 100644 index 000000000..471f5a5c6 --- /dev/null +++ b/src/web/app/desktop/views/pages/post.vue @@ -0,0 +1,59 @@ +<template> +<mk-ui> + <main v-if="!fetching"> + <a v-if="post.next" :href="post.next">%fa:angle-up%%i18n:desktop.tags.mk-post-page.next%</a> + <mk-post-detail :post="post"/> + <a v-if="post.prev" :href="post.prev">%fa:angle-down%%i18n:desktop.tags.mk-post-page.prev%</a> + </main> +</mk-ui> +</template> + +<script lang="ts"> +import Vue from 'vue'; +import Progress from '../../../common/scripts/loading'; + +export default Vue.extend({ + props: ['postId'], + data() { + return { + fetching: true, + post: null + }; + }, + mounted() { + Progress.start(); + + this.$root.$data.os.api('posts/show', { + post_id: this.postId + }).then(post => { + this.fetching = false; + this.post = post; + + Progress.done(); + }); + } +}); +</script> + +<style lang="stylus" scoped> +main + padding 16px + text-align center + + > a + display inline-block + + &:first-child + margin-bottom 4px + + &:last-child + margin-top 4px + + > [data-fa] + margin-right 4px + + > .mk-post-detail + margin 0 auto + width 640px + +</style>