div
.pa-3.d-flex(:class='$vuetify.theme.dark ? `grey darken-5` : `blue darken-3`')
v-btn.ml-2(
depressed
:color='$vuetify.theme.dark ? `grey darken-4` : `blue darken-2`'
style='min-width:0;'
@click='goHome'
:aria-label='$t(`common:header.home`)'
)
v-icon(size='20') mdi-home
v-btn.ml-3(
depressed
:color='$vuetify.theme.dark ? `grey darken-4` : `blue darken-2`'
style='min-width:0;'
@click='goStudentProfile'
:aria-label='$t(`common:header.home`)'
)
v-icon(size='20') mdi-account-box
v-btn.ml-2(
depressed
:color='$vuetify.theme.dark ? `grey darken-4` : `blue darken-2`'
style='flex: 1 1 100%;'
@click='goPlan'
:aria-label='$t(`common:header.home`)'
)
v-icon(size='20') mdi-book-education
v-divider
//-> Tree Navigation
v-treeview(
activatable
dense
open-on-click
:color='"white"'
:active='treeDefaultActive'
:open='treeDefaultOpen'
:items='treeItems'
:load-children='fetchTreeChild'
@update:active='activeTreeItem'
)
template(v-slot:prepend="{ item, open }")
v-icon(v-if="open") mdi-folder-open
v-icon(v-else) mdi-{{ item.icon }}
template(v-slot:label="{ item }")
div(class='tree-item')
a(v-if="!item.children" :href="'/'+item.locale+'/'+item.path")
span {{item.name}}
span(v-else) {{item.name}}