Started implementing Navbar v2
- Removed old navbar from pages + Added navbar_v2 in pages + Added pork navbar v2 + Added beef navbar v2 TODO: Implement navbar_v2 for poultry TODO: Implement navbar_v2 for lamb TODO: Completely delete old navbar and replace with new navbar
This commit is contained in:
@@ -1,8 +1,4 @@
|
||||
@extends('layout')
|
||||
|
||||
@section('sidebar')
|
||||
@include('partials.sidebar',['type' => 'beef'])
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@endsection
|
||||
@@ -15,13 +15,14 @@
|
||||
<div class="flex-grow">
|
||||
<div class="grid grid-cols-6 min-h-screen">
|
||||
<!-- Sidebar -->
|
||||
<aside class="col-span-1">
|
||||
{{--@include('partials.sidebar')--}}
|
||||
@yield('sidebar')
|
||||
</aside>
|
||||
@include('partials.sidebar_v2')
|
||||
|
||||
<!-- Main content area -->
|
||||
<div class="col-span-5">
|
||||
@if ( empty($sidebarContent) )
|
||||
<div class="col-span-6">
|
||||
@else
|
||||
<div class="col-span-5">
|
||||
@endif
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -5,95 +5,7 @@
|
||||
|
||||
<aside>
|
||||
{{--Check type of content to display correct sidebar--}}
|
||||
@if($type === 'beef') <!-- Type 'Beef' sidebar -->
|
||||
<div class="flex h-full flex-col justify-between border-e bg-white">
|
||||
<div class="px-4 py-6">
|
||||
|
||||
<ul class="mt-6 space-y-1">
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Ribeye
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Sirloin
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
T-Bone
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Filet Mignon
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Brisket
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Chuck
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Round
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Flank
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Skirt
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Short Ribs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@elseif($type === 'poultry') <!-- Type 'Poultry' sidebar -->
|
||||
@if($type === 'poultry') <!-- Type 'Poultry' sidebar -->
|
||||
<div class="flex h-full flex-col justify-between border-e bg-white">
|
||||
<div class="px-4 py-6">
|
||||
|
||||
@@ -173,70 +85,6 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@elseif($type === 'pork') <!-- Type 'Pork' sidebar -->
|
||||
<div class="flex h-full flex-col justify-between border-e bg-white">
|
||||
<div class="px-4 py-6">
|
||||
|
||||
<ul class="mt-6 space-y-1">
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Pork Shoulder (Boston Butt)
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Pork Belly
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Pork Chops
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Pork Loin
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Pork Ribs (Spareribs and Baby Back Ribs)
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Ham
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Pork Tenderloin
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@elseif($type === 'lamb') <!-- Type 'Lamb' sidebar -->
|
||||
<div class="flex h-full flex-col justify-between border-e bg-white">
|
||||
<div class="px-4 py-6">
|
||||
|
||||
18
resources/views/partials/sidebar_v2.blade.php
Normal file
18
resources/views/partials/sidebar_v2.blade.php
Normal file
@@ -0,0 +1,18 @@
|
||||
@if ( !empty($sidebarContent) )
|
||||
<aside class="col-span-1">
|
||||
<div class="flex h-full flex-col justify-between border-e bg-white">
|
||||
<div class="px-4 py-6">
|
||||
|
||||
<ul class="mt-6 space-y-1">
|
||||
@foreach ($sidebarContent as $item)
|
||||
<li>
|
||||
<a href="/{{ $item['href'] }}" class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700">
|
||||
{{ $item['name'] }}
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
@endif
|
||||
@@ -1,8 +1,5 @@
|
||||
@extends('layout')
|
||||
|
||||
@section('sidebar')
|
||||
@include('partials.sidebar',['type' => 'pork'])
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user