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

<div id="sidebar" class="sidenav">
    <a href="javascript:void(0)" class="arrow arrow-left" s 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="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
        </li>
        @if (Route::has('register'))
        <li class="nav-item">
            <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
        </li>
        @endif
        @else
        <li class="nav-item dropdown">
            <a class="dropdown-item text-headline" href="{{ url('/') }}">home</a>

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

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

            <a class="dropdown-item text-headline" href="{{ url('/favartefacts') }}">my books</a>

                <a class="dropdown-item text-headline" href="{{ url('/favmetadata') }}">my notes</a>



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



                <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>

<span class="arrow arrow-right" onclick="openNav()"></span>
{{--<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>