mirror of
https://github.com/YunoHost/yunohost-admin.git
synced 2024-09-03 20:06:15 +02:00
42 lines
1.2 KiB
Vue
42 lines
1.2 KiB
Vue
<template>
|
|
<div class="home">
|
|
<b-list-group class="menu-list">
|
|
<b-list-group-item
|
|
v-for="item in menu"
|
|
:key="item.id"
|
|
:to="{name: item.routeName}"
|
|
>
|
|
<icon :iname="item.icon" class="lg" />
|
|
<h2>{{ $t(item.translation) }}</h2>
|
|
<icon iname="chevron-right" class="lg fs-sm ml-auto" />
|
|
</b-list-group-item>
|
|
</b-list-group>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Home',
|
|
|
|
data: () => {
|
|
return {
|
|
menu: [
|
|
{ id: 0, routeName: 'user-list', icon: 'users', translation: 'users' },
|
|
{ id: 1, routeName: 'domain-list', icon: 'globe', translation: 'domains' },
|
|
{ id: 2, routeName: 'apps', icon: 'cubes', translation: 'applications' },
|
|
{ id: 3, routeName: 'update', icon: 'refresh', translation: 'system_update' },
|
|
{ id: 4, routeName: 'service-list', icon: 'cog', translation: 'services' },
|
|
{ id: 5, routeName: 'tool-list', icon: 'wrench', translation: 'tools' },
|
|
{ id: 6, routeName: 'diagnosis', icon: 'stethoscope', translation: 'diagnosis' },
|
|
{ id: 7, routeName: 'backup', icon: 'archive', translation: 'backup' }
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.home {
|
|
margin-top: 2rem;
|
|
}
|
|
</style>
|