header.blade.php 6.3 KB
<!-- Main Header -->
<style>

</style>
<header class="main-header">
    <!-- Logo -->
    <a href="{{ admin_url('/') }}" class="logo">
        <!-- mini logo for sidebar mini 50x50 pixels -->
        <span class="logo-mini">{!! config('admin.logo-mini', config('admin.name')) !!}</span>
        <!-- logo for regular state and mobile devices -->
        <span class="logo-lg">{!! config('admin.logo', config('admin.name')) !!}</span>
    </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
        </a>
        <ul class="nav navbar-nav hidden-sm visible-lg-block">
        {!! Admin::getNavbar()->render('left') !!}
        </ul>

        <!-- Navbar Right Menu -->
        <div class="navbar-custom-menu" style="background-color: #FFF;width:  calc(100% - 50px)!important;position:relative;">
            <ul class="nav navbar-nav">

                {!! Admin::getNavbar()->render() !!}

                <li class="dropdown lang lang-menu" style="display: none">
                    <!-- Menu Toggle Button -->
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="/assets/img/lang-select.png" class="lang-image" alt="Lang Image">
                    </a>
                    <ul class="dropdown-menu el-dropdown-menu el-popper el-dropdown-menu--medium" id="dropdown-menu" style="" x-placement="top-end">
                        <li id="zh" class="el-dropdown-menu__item" onclick="select('zh-CN')">中文</li>
                        <li id="en" class="el-dropdown-menu__item" onclick="select('en')">English</li>
                        {{--<div class="popper__arrow" style="left:1px;"></div>--}}
                    </ul>
                </li>

{{--                <li class="dropdown user user-menu" style="">--}}
{{--                    <!-- Menu Toggle Button -->--}}
{{--                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">--}}
{{--                        <!-- The user image in the navbar-->--}}
{{--                        <img src="{{ Admin::user()->avatar }}" class="user-image" alt="User Image">--}}
{{--                        <!-- hidden-xs hides the username on small devices so only the image appears. -->--}}
{{--                        <span class="hidden-xs">{{ Admin::user()->name }}</span>--}}
{{--                    </a>--}}
{{--                    <ul class="dropdown-menu el-dropdown-menu el-popper el-dropdown-menu--medium" style="width: 90px" x-placement="top-end">--}}
{{--                        <li class="el-dropdown-menu__item"><a href="{{ admin_url('auth/setting') }}">{{ trans('admin.setting') }}</a></li>--}}
{{--                        <li class="el-dropdown-menu__item"><a href="{{ admin_url('auth/logout') }}">{{ trans('admin.logout') }}</a> </li>--}}
{{--                    </ul>--}}
{{--                </li>--}}

                <!-- User Account Menu -->
                <li class="dropdown user user-menu">
                    <!-- Menu Toggle Button -->
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <!-- The user image in the navbar-->
                        <img src="{{ Admin::user()->avatar }}" class="user-image" alt="User Image">
                        <!-- hidden-xs hides the username on small devices so only the image appears. -->
                        <span class="hidden-xs">
                            {{ Admin::user()->name }}
                        </span>
                    </a>
                    <ul class="dropdown-menu">
                        <!-- The user image in the menu -->
                        <li class="user-header">
                            <img src="{{ Admin::user()->avatar }}" class="img-circle" alt="User Image">
                            <p>
                                {{ Admin::user()->name }}
                                @if(Admin::user()->role_id)
                                    -- {{ \App\Models\User\Role::find(Admin::user()->role_id)->name }}
                                @endif
                                @if(Admin::user()->enterprise_id)
                                    <small>{{ \App\Models\Enterprise::find(Admin::user()->enterprise_id)->name }}</small>
                                @endif
                            </p>
                        </li>
                        <li class="user-footer">
                            <div class="pull-left">
                                <a href="{{ admin_url('auth/setting') }}" class="btn btn-default btn-flat">{{ trans('admin.setting') }}</a>
                            </div>
                            <div class="pull-right">
                                <a href="{{ admin_url('auth/logout') }}" class="btn btn-default btn-flat">{{ trans('admin.logout') }}</a>
                            </div>
                        </li>
                    </ul>
                </li>
                <!-- Control Sidebar Toggle Button -->
                {{--<li>--}}
                    {{--<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>--}}
                {{--</li>--}}
            </ul>
        </div>
    </nav>
</header>

<script>
    $(function () {

        $('.lang-menu').click(function () {
            $lang ="{{ config('app.locale') }}"
            if ($lang === 'zh-CN') {
                $("#zh").addClass('is-disabled');
                $("#en").removeClass('is-disabled');
            } else {
                $("#en").addClass('is-disabled');
                $("#zh").removeClass('is-disabled');
            }
        })
    });


    function select(lang){
        if (lang === 'zh-CN') {
            $("#zh").addClass('is-disabled');
            $("#en").removeClass('is-disabled');
        } else {
            $("#en").addClass('is-disabled');
            $("#zh").removeClass('is-disabled');
        }


        // 设置 语音
        $.ajax({
            type:"get",
            url: '/api/language?lang='+lang,
            success:function(msg){
                // toastr.success();
                window.location.reload()
            },
            error:function (request) {
            }
        })

    }
</script>