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.

By admin

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir