| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- div(class="admin")
- header(class="admin__header")
- div(class="admin__header-content")
- div(class="admin__header-top")
- h1(class="admin__header-title") Панель администратора
- button(
- @click="toggleMobileMenu"
- class="admin__mobile-menu-btn"
- v-if="showMobileMenuButton"
- )
- svg(v-if="!mobileMenuOpen" fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-6 h-6")
- path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16")
- svg(v-else fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-6 h-6")
- path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12")
- div(class="admin__domain-info") Текущий домен: {{ currentDomain }}
-
- //- Mobile menu (positioned above header)
- div(
- v-if="mobileMenuOpen"
- @click="toggleMobileMenu"
- class="admin__sidebar-overlay"
- )
-
- div(
- :class="getSidebarClass()"
- class="admin__sidebar"
- )
- div(class="admin__sidebar-header")
- h3(class="admin__sidebar-title") Меню
- button(
- @click="toggleMobileMenu"
- class="admin__sidebar-close"
- )
- svg(fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-6 h-6")
- path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12")
-
- nav(class="admin__nav")
- a(
- v-for="item in menuItems"
- :key="item.id"
- :href="item.path"
- @click.prevent="navigateTo(item.path)"
- :class="getMenuItemClass(item)"
- )
- div(class="admin__nav-item-content")
- component(:is="item.icon" class="admin__nav-icon")
- span(class="admin__nav-text") {{ item.name }}
-
- div(class="admin__body")
- //- Main content
- main(class="admin__main")
- router-view
|
