Bir önceki yazımda helpers.php dosyası içerisnde setActive fonksiyonunu tanımlamıştık. Şimdi blade dosyası içerisinde fonksiyonumuzu nasıl çağıracağız bakalım.
<li class="dropdown {{ setActive([ 'admin.category.*', 'admin.subcategory.*', 'admin.childcategory.*' ]) }}"> <a href="#" class="nav-link has-dropdown" data-toggle="dropdown"><i class="fas fa-columns"></i> <span>Kategori Yönetimi</span></a> <ul class="dropdown-menu"> <li class="{{ setActive(['admin.categtory.*']) }}"><a class="nav-link" href="{{ route('admin.category.index') }}"><i class="far fa-square"></i> <span>Kategori</span></a></li> <li class="{{ setActive(['admin.subcategory.*']) }}"><a class="nav-link" href="{{ route('admin.subcategory.index') }}"><i class="far fa-square"></i> <span>Alt Kategori</span></a></li> <li class="{{ setActive(['admin.childcategory.*']) }}"><a class="nav-link" href="{{ route('admin.childcategory.index') }}"><i class="far fa-square"></i> <span>Dış Kategori</span></a></li> </ul> </li>
Yukarıdaki kod bloğu ile ilgili linkler tıklandığında dinamik olarak class lara ‘active’ özelliği eklenecektir ve diğer linklerden farklı olarak görünmesi sağlanacaktır.