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

<div id="mySidenav" class="sidenav">
    <a href="javascript:void(0)" class="arrow arrow-left" s onclick="closeNav()"></a>
    <li class="nav-item"></li>
    <li class="nav-item"></li>
    <li class="nav-item"></li>
    <li class="nav-item"></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 id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                {{ Auth::user()->name }} <span class="caret"></span>
            </a>

            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">--}}
            <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('/favmetadata') }}">notes</a>

                <a class="dropdown-item text-headline" href="{{ url('/favartefacts') }}">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>
            {{-- </div>--}}
        </li>
        @endguest

</div>

<span class="arrow arrow-right" onclick="openNav()"></span>

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

    }

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