side bar admin

steven

description of the icon is nothing
can you help me to do like this ??

Amitk-Webkul

Hi @steven,

You can set the description to the below path.

Path: /home/webkul/www/html/cpachemconnector/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php

steven

@Amitk-Webkul on what part?

Amitk-Webkul

Hi @steven,

you can give the descriptions for every icon from the above path.

steven

can you tell me where i write the code ?
@php

$tree = \Webkul\Core\Tree::create();

foreach (config('core') as $item) {
    $tree->add($item);
}

$tree->items = core()->sortItems($tree->items);

$config = $tree;

$allLocales = core()->getAllLocales()->pluck('name', 'code');

@endphp

<ul class="menubar">
    @foreach ($menu->items as $menuItem)
    <li class="menu-item {{ $menu->getActive($menuItem) }}">
        <a class="menubar-anchor"  href="{{ $menuItem['url'] }}">
            <span class="icon-menu icon {{ $menuItem['icon-class'] }}"></span>
            <span class="menu-label">{{ trans($menuItem['name']) }}</span>
            @if(count($menuItem['children']) || $menuItem['key'] == 'configuration' )
                <span
                    class="icon arrow-icon {{ $menu->getActive($menuItem) == 'active' ? 'rotate-arrow-icon' : '' }} {{ ( core()->getCurrentLocale() && core()->getCurrentLocale()->direction == 'rtl' ) ? 'arrow-icon-right' :'arrow-icon-left' }}"
                    ></span>
            @endif
        </a>
        @if ($menuItem['key'] != 'configuration')
            @if (count($menuItem['children']))
                <ul class="sub-menubar">
                    @foreach ($menuItem['children'] as $subMenuItem)
                        <li class="sub-menu-item {{ $menu->getActive($subMenuItem) }}">
                            <a href="{{ count($subMenuItem['children']) ? current($subMenuItem['children'])['url'] : $subMenuItem['url'] }}">
                                <span class="menu-label">{{ trans($subMenuItem['name']) }}</span>
                            </a>
                        </li>
                    @endforeach
                </ul>
            @endif
        @else
            <ul class="sub-menubar">
                @foreach ($config->items as $key => $item)
                    <li class="sub-menu-item {{ $item['key'] == request()->route('slug') ? 'active' : '' }}">
                        <a href="{{ route('admin.configuration.index', $item['key']) }}">
                            <span class="menu-label"> {{ isset($item['name']) ? trans($item['name']) : '' }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>
        @endif
    </li>
    @endforeach
</ul>

<nav-slide-button id="nav-expand-button" icon-class="accordian-right-icon"></nav-slide-button>

</div>

@push('scripts')

<script>

    $(document).ready(function () {
        $(".menubar-anchor").click(function() {
            if ( $(this).parent().attr('class') == 'menu-item active' ) {
                $(this).parent().removeClass('active');
                $('.arrow-icon-left').removeClass('rotate-arrow-icon');
                $('.arrow-icon-right').removeClass('rotate-arrow-icon');
                $(".sub-menubar").hide();
                event.preventDefault();
            }
        });
    });

</script>

@endpush@php

$tree = \Webkul\Core\Tree::create();

foreach (config('core') as $item) {
    $tree->add($item);
}

$tree->items = core()->sortItems($tree->items);

$config = $tree;

$allLocales = core()->getAllLocales()->pluck('name', 'code');

@endphp

<ul class="menubar">
    @foreach ($menu->items as $menuItem)
    <li class="menu-item {{ $menu->getActive($menuItem) }}">
        <a class="menubar-anchor"  href="{{ $menuItem['url'] }}">
            <span class="icon-menu icon {{ $menuItem['icon-class'] }}"></span>
            <span class="menu-label">{{ trans($menuItem['name']) }}</span>
            @if(count($menuItem['children']) || $menuItem['key'] == 'configuration' )
                <span
                    class="icon arrow-icon {{ $menu->getActive($menuItem) == 'active' ? 'rotate-arrow-icon' : '' }} {{ ( core()->getCurrentLocale() && core()->getCurrentLocale()->direction == 'rtl' ) ? 'arrow-icon-right' :'arrow-icon-left' }}"
                    ></span>
            @endif
        </a>
        @if ($menuItem['key'] != 'configuration')
            @if (count($menuItem['children']))
                <ul class="sub-menubar">
                    @foreach ($menuItem['children'] as $subMenuItem)
                        <li class="sub-menu-item {{ $menu->getActive($subMenuItem) }}">
                            <a href="{{ count($subMenuItem['children']) ? current($subMenuItem['children'])['url'] : $subMenuItem['url'] }}">
                                <span class="menu-label">{{ trans($subMenuItem['name']) }}</span>
                            </a>
                        </li>
                    @endforeach
                </ul>
            @endif
        @else
            <ul class="sub-menubar">
                @foreach ($config->items as $key => $item)
                    <li class="sub-menu-item {{ $item['key'] == request()->route('slug') ? 'active' : '' }}">
                        <a href="{{ route('admin.configuration.index', $item['key']) }}">
                            <span class="menu-label"> {{ isset($item['name']) ? trans($item['name']) : '' }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>
        @endif
    </li>
    @endforeach
</ul>

<nav-slide-button id="nav-expand-button" icon-class="accordian-right-icon"></nav-slide-button>

</div>

@push('scripts')

<script>

    $(document).ready(function () {
        $(".menubar-anchor").click(function() {
            if ( $(this).parent().attr('class') == 'menu-item active' ) {
                $(this).parent().removeClass('active');
                $('.arrow-icon-left').removeClass('rotate-arrow-icon');
                $('.arrow-icon-right').removeClass('rotate-arrow-icon');
                $(".sub-menubar").hide();
                event.preventDefault();
            }
        });
    });

</script>

@endpush

steven

which makes each description on the icon different