mirror of
https://github.com/hotomoe/hotomoe
synced 2024-12-17 16:18:13 +09:00
52 lines
888 B
Vue
52 lines
888 B
Vue
<template>
|
|
<div class="mk-drive-page">
|
|
<mk-drive :init-folder="folder" @move-root="onMoveRoot" @open-folder="onOpenFolder"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue';
|
|
export default Vue.extend({
|
|
data() {
|
|
return {
|
|
folder: null
|
|
};
|
|
},
|
|
created() {
|
|
this.folder = this.$route.params.folder;
|
|
},
|
|
mounted() {
|
|
document.title = '%i18n:@title%';
|
|
},
|
|
methods: {
|
|
onMoveRoot() {
|
|
const title = '%i18n:@title%';
|
|
|
|
// Rewrite URL
|
|
history.pushState(null, title, '/i/drive');
|
|
|
|
document.title = title;
|
|
},
|
|
onOpenFolder(folder) {
|
|
const title = folder.name + ' | %i18n:@title%';
|
|
|
|
// 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>
|