diff options
Diffstat (limited to 'src/App.vue')
-rw-r--r-- | src/App.vue | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..c85ec64 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,56 @@ +<template> + <Content app-name="ransomware_detection"> + <AppNavigation> + <ul> + <AppNavigationItem v-for="item in menu" :key="item.key" :item="item" /> + </ul> + </AppNavigation> + <router-view /> + </Content> +</template> + +<script> +import Content from 'nextcloud-vue/dist/Components/Content' +import AppNavigation from 'nextcloud-vue/dist/Components/AppNavigation' +import AppNavigationItem from 'nextcloud-vue/dist/Components/AppNavigationItem' +import AppContent from 'nextcloud-vue/dist/Components/AppContent' + +export default { + name: 'App', + components: { + Content, + AppNavigation, + AppNavigationItem, + AppContent, + }, + computed: { + menu() { + return [ + { + id: 'app-category-protection', + classes: [], + router: {name: 'protection'}, + icon: 'icon-dashboard', + text: t('ransomware_detection', 'Protection'), + }, + { + id: 'app-category-recover', + classes: [], + icon: 'icon-trash', + router: {name: 'recover'}, + text: t('ransomware_detection', 'Recover'), + }, { + id: 'app-category-history', + classes: [], + icon: 'icon-hourglass', + router: {name: 'history'}, + text: t('ransomware_detection', 'History'), + } + ]; + } + } +} +</script> + +<style lang="scss"> +</style>
\ No newline at end of file |