Dcat-admin重寫頂部右側下拉選單

阿珂發表於2021-04-27
第一步 建立重寫右側下拉選單頁面

在resource/view/admin/partials下建立navbar-user-panel.blade.php(路徑,檔名可以自定義)

複製下拉選單內容,在vendor/dcat/laravel-admin/resource/view/partials下的navbar-user-panel.blade.php

程式碼內容如下

@if($user)
<li class="dropdown dropdown-user nav-item">
    <a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
        <div class="user-nav d-sm-flex d-none">
            <span class="user-name text-bold-600">{{ $user->name }}</span>
            <span class="user-status"><i class="fa fa-circle text-success"></i> {{ trans('admin.online') }}</span>
        </div>
        <span>
            <img class="round" src="{{ $user->getAvatar() }}" alt="avatar" height="40" width="40" />
        </span>
    </a>
    <div class="dropdown-menu dropdown-menu-right">
        <a href="{{ admin_url('auth/setting') }}" class="dropdown-item">
            <i class="feather icon-user"></i> {{ trans('admin.setting') }}
        </a>

        <div class="dropdown-divider"></div>

        <a class="dropdown-item" href="{{ admin_url('auth/logout') }}">
            <i class="feather icon-power"></i> {{ trans('admin.logout') }}
        </a>
    </div>
</li>
@endif
第二步 在其中加入如下程式碼(需要幾個可以寫幾個)
     <a href="{{ admin_url('auth/setting') }}" class="dropdown-item">
                <i class="feather icon-user"></i> {{ trans('admin.setting') }}
            </a>

            <div class="dropdown-divider"></div>

其中連結,圖示文字可以自定義

第三步 在app/Admin/bootstrap.php中加入如下程式碼
admin_inject_section(Admin::SECTION['NAVBAR_USER_PANEL'], function () {
    return view('admin.partials.navbar-user-panel', ['user' => Admin::user()]);
});
然後就可以啦
本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章