Merge pull request #299 from devforth/AdminForth/756

IhorStorozhok · web-flow · commit 819fc628f117 · 2025-08-07T11:33:45.000+03:00
feat: add conditional class bindings for sidebar dropdown
diff --git a/adminforth/spa/src/App.vue b/adminforth/spa/src/App.vue
@@ -95,6 +95,7 @@
             ">{{ item.label }}</div>
             <li v-else-if="item.children" class="af-sidebar-expand-container">
               <button @click="clickOnMenuItem(i)" type="button" class="af-sidebar-expand-button flex items-center w-full p-2 text-base text-lightSidebarText rounded-default transition duration-75  group hover:bg-lightSidebarItemHover hover:text-lightSidebarTextHover dark:text-darkSidebarText dark:hover:bg-darkSidebarHover dark:hover:text-darkSidebarTextHover"
+                  :class="opened.includes(i) ? 'af-sidebar-dropdown-expanded' : 'af-sidebar-dropdown-collapsed'"
                   :aria-controls="`dropdown-example${i}`"
                   :data-collapse-toggle="`dropdown-example${i}`"
               >

Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,7 @@`
`95`	`95`	`">{{ item.label }}</div>`
`96`	`96`	`<li v-else-if="item.children" class="af-sidebar-expand-container">`
`97`	`97`	`<button @click="clickOnMenuItem(i)" type="button" class="af-sidebar-expand-button flex items-center w-full p-2 text-base text-lightSidebarText rounded-default transition duration-75 group hover:bg-lightSidebarItemHover hover:text-lightSidebarTextHover dark:text-darkSidebarText dark:hover:bg-darkSidebarHover dark:hover:text-darkSidebarTextHover"`
	`98`	`+ :class="opened.includes(i) ? 'af-sidebar-dropdown-expanded' : 'af-sidebar-dropdown-collapsed'"`
`98`	`99`	:aria-controls="`dropdown-example${i}`"
`99`	`100`	:data-collapse-toggle="`dropdown-example${i}`"
`100`	`101`	`>`