aside
transition(name="main-menu" duration="295")
.aside-menu(v-if="menuOpen")
.aside-menu__black-background(@click="toggleMenu(false)")
nav.aside-menu__content
.aside-menu__header
h4 Desarrollo de contenidos
ul.aside-menu__menu
template(v-for="(item,index) of menuData")
li.aside-menu__menu__item(
:key="`menu-item-${index}`"
:class="{'aside-menu__menu__item--active' : $route.name == item.nombreRuta}"
)
router-link.aside-menu__menu__item__lnk(
:to="{name: item.nombreRuta}"
@click.native="toggleMenu(false)"
)
span(v-if="item.hasOwnProperty('numero')" v-html="item.numero")
i(v-if="item.icono" :class="item.icono")
span(v-html="item.titulo")
template(
v-if="item.hasOwnProperty('subMenu') && item.subMenu.length"
)
li.aside-menu__menu__item--sub-menu(
v-for="(subItem, subItemIndex) of item.subMenu"
:key="`submenu-item-${index}-${subItemIndex}`"
:class="{'aside-menu__menu__item--sub-menu--active': $route.hash == `#${subItem.hash}`}"
)
router-link.aside-menu__menu__item__lnk(
:to="{ name: item.nombreRuta , hash: `#${subItem.hash}` }"
@click.native="toggleMenu(false)"
)
i(v-if="subItem.icono" :class="subItem.icono")
span(v-if="subItem.numero" v-html="subItem.numero")
span(v-html="subItem.titulo")
ul.aside-menu__sec-menu
template(
v-for="(secMenuItem, secMenuIndex) of subMenuData",
)
li.aside-menu__sec-menu__item(
:key="`secMenu-item-${secMenuIndex}`"
:class="{'d-none':secMenuItem.titulo.includes('material') && isLocal()}"
)
a.aside-menu__sec-menu__item__lnk(
v-if="secMenuItem.hasOwnProperty('download')"
:href="obtenerLink(secMenuItem.download)"
target="_blank"
)
i(v-if="secMenuItem.icono" :class="secMenuItem.icono")
span(v-html="secMenuItem.titulo")
router-link.aside-menu__sec-menu__item__lnk(
v-else
:to="{name: secMenuItem.nombreRuta}"
@click.native="toggleMenu(false)"
)
i(v-if="secMenuItem.icono" :class="secMenuItem.icono")
span(v-html="secMenuItem.titulo")