diff options
| author | こぴなたみぽ <syuilotan@yahoo.co.jp> | 2018-02-16 14:04:18 +0900 |
|---|---|---|
| committer | こぴなたみぽ <syuilotan@yahoo.co.jp> | 2018-02-16 14:04:18 +0900 |
| commit | 02f3d8b0e07e199872af02ffd5e3e828d8ed6dc0 (patch) | |
| tree | 8a021fe694a54ea2bb2b3a8c57ca11efc5eb3404 | |
| parent | wip (diff) | |
| download | misskey-02f3d8b0e07e199872af02ffd5e3e828d8ed6dc0.tar.gz misskey-02f3d8b0e07e199872af02ffd5e3e828d8ed6dc0.tar.bz2 misskey-02f3d8b0e07e199872af02ffd5e3e828d8ed6dc0.zip | |
wip
| -rw-r--r-- | src/web/app/desktop/-tags/pages/drive.tag | 37 | ||||
| -rw-r--r-- | src/web/app/desktop/views/pages/drive.vue | 45 |
2 files changed, 45 insertions, 37 deletions
diff --git a/src/web/app/desktop/-tags/pages/drive.tag b/src/web/app/desktop/-tags/pages/drive.tag deleted file mode 100644 index f4e2a3740a..0000000000 --- a/src/web/app/desktop/-tags/pages/drive.tag +++ /dev/null @@ -1,37 +0,0 @@ -<mk-drive-page> - <mk-drive-browser ref="browser" folder={ opts.folder }/> - <style lang="stylus" scoped> - :scope - display block - position fixed - width 100% - height 100% - background #fff - - > mk-drive-browser - height 100% - </style> - <script lang="typescript"> - this.on('mount', () => { - document.title = 'Misskey Drive'; - - this.$refs.browser.on('move-root', () => { - const title = 'Misskey Drive'; - - // Rewrite URL - history.pushState(null, title, '/i/drive'); - - document.title = title; - }); - - this.$refs.browser.on('open-folder', folder => { - const title = folder.name + ' | Misskey Drive'; - - // Rewrite URL - history.pushState(null, title, '/i/drive/folder/' + folder.id); - - document.title = title; - }); - }); - </script> -</mk-drive-page> diff --git a/src/web/app/desktop/views/pages/drive.vue b/src/web/app/desktop/views/pages/drive.vue new file mode 100644 index 0000000000..3ce5af7697 --- /dev/null +++ b/src/web/app/desktop/views/pages/drive.vue @@ -0,0 +1,45 @@ +<template> +<div class="mk-drive-page"> + <mk-drive :folder="folder" @move-root="onMoveRoot" @open-folder="onOpenFolder"/> +</div> +</template> + +<script lang="ts"> +import Vue from 'vue'; +export default Vue.extend({ + props: ['folder'], + mounted() { + document.title = 'Misskey Drive'; + }, + methods: { + onMoveRoot() { + const title = 'Misskey Drive'; + + // Rewrite URL + history.pushState(null, title, '/i/drive'); + + document.title = title; + }, + onOpenFolder(folder) { + const title = folder.name + ' | Misskey Drive'; + + // Rewrite URL + history.pushState(null, title, '/i/drive/folder/' + folder.id); + + document.title = title; + } + } +}); +</script> + +<style lang="stylus" scoped> +.mk-drive-page + position fixed + width 100% + height 100% + background #fff + + > .mk-drive + height 100% +</style> + |