aswi2020merlot-gitlab/resources/views/inc/sidebar.blade.php @ 2fee1bb5

<div id="sidebar" class="sidenav">
    <a href="javascript:void(0)" class="arrow arrow-left" onclick="closeNav()"></a>
    <li class="nav-item"> &#160;</li>
    <li class="nav-item"> &#160;</li>
    <li class="nav-item"> &#160;</li>
    <li class="nav-item"> &#160;</li>
    @guest
        <li class="nav-item">
            <a class="dropdown-item text-headline" href="{{ url('/') }}">
                {{ __('general.home') }}
            </a>
            <a class="dropdown-item text-headline" href="{{ route('login') }}">
                {{ __('general.login') }}
            </a>
        </li>
        @if (Route::has('register'))
            <li class="nav-item">
                <a class="dropdown-item text-headline" href="{{ route('register') }}">
                    {{ __('general.register') }}
                </a>
            </li>
        @endif
    @else
        <li class="nav-item dropdown">
            <a class="dropdown-item text-headline" href="{{ url('/') }}">
                {{ __('general.home') }}
            </a>

            <a class="dropdown-item text-headline" href="{{ url('/categories') }}">
                {{ __('general.topics') }}
            </a>

            <a class="dropdown-item text-headline" href="{{ url('/artefact') }}">
                {{ __('general.artefacts') }}
            </a>

            <a class="dropdown-item text-headline" href="{{ url('/favartefacts') }}">
                {{ __('general.favourite_artefacts') }}
            </a>

            <a class="dropdown-item text-headline" href="{{ url('/favmetadata') }}">
                {{ __('general.favourite_metadata') }}
            </a>

            <a class="dropdown-item text-headline" href="{{ url('/charts') }}">
                {{ __('general.charts') }}
            </a>

        </li>
        <li class="nav-item dropdown separator">
            <a class="dropdown-item text-headline" href="{{ url('/czech') }}">
                {{ __('general.cs') }}
            </a>
        </li>
        <li class="nav-item dropdown">
            <a class="dropdown-item text-headline" href="{{ route('logout') }}" onclick="
            event.preventDefault();
            document.getElementById('logout-form').submit();">
                {{ __('logout') }}
            </a>

            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                @csrf
            </form>
        </li>
    @endguest

</div>

<nav class="navbar navbar-expand-md navbar-light black shadow-sm top-bar">
    <span class="arrow arrow-right" onclick="openNav()"></span>
    @if(!Request::is('login')&&!Request::is('register'))
        <a for="logo" class="logo-kaplicky kaplicky" href="{{ url('/') }}">
            {{ __('general.kaplicky') }}
        </a>
    @endif
</nav>
{{--<label for="logo" class="col-md-12 kaplicky" style="display: inline-block; text-align: center; padding: 1.25rem; padding-bottom: 0">{{ __('kaplicky') }}</label>
{{--<label for="logo" class="col-md-4 kaplicky">{{ __('kaplicky') }}</label>--}}
{{--<a class="navbar-brand kaplicky" href="{{ url('/') }}">
    {{  __('kaplicky') }}
</a>--}}

<script>
    function openNav() {
        var x = window.matchMedia("(max-width: 540px)")
        if (x.matches) {
            document.getElementById("sidebar").style.width = "50vw";
        } else {
            document.getElementById("sidebar").style.width = "250px";
        }
    }

    function closeNav() {
        document.getElementById("sidebar").style.width = "0";
    }
</script>

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
    $(function () {
        $('a').each(function () {
            if ($(this).prop('href') == window.location.href) {
                $(this).addClass('active');// $(this).parents('a').addClass('active');
            }
        });
    });
</script>