pkp#9890 Use new navigation component from ui-library

blesildaramirez · May 6, 2024 · 4e06c6e · 4e06c6e
1 parent aeb54a8
commit 4e06c6e
Showing 1 changed file with 2 additions and 19 deletions.
diff --git a/templates/layouts/backend.tpl b/templates/layouts/backend.tpl
@@ -156,25 +156,8 @@
 
 		<div class="app__body">
 			{block name="menu"}
-				<nav v-if="!!menu && Object.keys(menu).length > 1" class="app__nav" aria-label="{translate key="common.navigation.site"}">
-					<ul>
-						<li v-for="(menuItem, key) in menu" :key="key" :class="!!menuItem.submenu ? 'app__navGroup' : ''">
-							<div v-if="!!menuItem.submenu" class="app__navItem app__navItem--hasSubmenu">
-								{{ menuItem.name }}
-							</div>
-							<a v-else class="app__navItem" :class="menuItem.isCurrent ? 'app__navItem--isCurrent' : ''" :href="menuItem.url">
-								{{ menuItem.name }}
-							</a>
-							<ul v-if="!!menuItem.submenu">
-								<li v-for="(submenuItem, submenuKey) in menuItem.submenu" :key="submenuKey">
-									<a class="app__navItem" :class="submenuItem.isCurrent ? 'app__navItem--isCurrent' : ''" :href="submenuItem.url">
-										{{ submenuItem.name }}
-									</a>
-								</li>
-							</ul>
-						</li>
-					</ul>
-				</nav>
+				<pkp-navigation :links="menu" aria-label="{translate key="common.navigation.site"}">
+				</pkp-navigation>
 			{/block}
 
 			<main class="app__main">