Implement sidebar v2
- removed old sidebar from pages - completely deleted old sidebar + added poultry sidebar v2 + added lamb sidebar v2 + added recipes page + added recipes sidebar v2
This commit is contained in:
parent
4ac0eaa27a
commit
26e1d5c17e
|
|
@ -1,8 +1,4 @@
|
|||
@extends('layout')
|
||||
|
||||
@section('sidebar')
|
||||
@include('partials.sidebar',['type' => 'lamb'])
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@endsection
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
</li>
|
||||
|
||||
<li>
|
||||
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Recipes </a>
|
||||
<a class="text-gray-500 transition hover:text-gray-500/75" href="/recipes"> Recipes </a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -1,205 +0,0 @@
|
|||
<!--<ul class="space-y-1">-->
|
||||
@php
|
||||
$type = $type ?? 'default';
|
||||
@endphp
|
||||
|
||||
<aside>
|
||||
{{--Check type of content to display correct 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">
|
||||
|
||||
<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"
|
||||
>
|
||||
Chicken Breast
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Chicken Thighs
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Chicken Wings
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Whole Chicken
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Turkey Breast
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Duck Breast
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Duck Confit
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Quail
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Cornish Hen
|
||||
</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">
|
||||
|
||||
<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"
|
||||
>
|
||||
Lamb Shoulder
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Lamb Chops (Loin & Rib Chops)
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Lamb Leg
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Rack of Lamb
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Ground Lamb
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Lamb Shank
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@elseif($type === 'recipes') <!-- Type 'Recipes' sidebar -->
|
||||
<div class="flex h-full flex-col justify-between border-e bg-white">
|
||||
<div class="px-4 py-6">
|
||||
<span class="grid h-10 w-32 place-content-center rounded-lg bg-gray-100 text-xs text-gray-600">
|
||||
MeatMasters
|
||||
</span>
|
||||
|
||||
<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"
|
||||
>
|
||||
Lamb Shoulder
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Lamb Chops (Loin & Rib Chops)
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Lamb Leg
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Rack of Lamb
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Ground Lamb
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
||||
>
|
||||
Lamb Shank
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</aside>
|
||||
|
|
@ -1,8 +1,4 @@
|
|||
@extends('layout')
|
||||
|
||||
@section('sidebar')
|
||||
@include('partials.sidebar',['type' => 'poultry'])
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
@extends('layout')
|
||||
|
||||
@section('content')
|
||||
@endsection
|
||||
|
|
@ -71,7 +71,46 @@ Route::get('/beef', function() {
|
|||
});
|
||||
|
||||
Route::get('/poultry', function() {
|
||||
return view('poultry');
|
||||
return view('poultry', [
|
||||
"sidebarContent" => [
|
||||
[
|
||||
"name" => "Chicken Breast",
|
||||
"href" => "chicken-breast",
|
||||
],
|
||||
[
|
||||
"name" => "Chicken Thighs",
|
||||
"href" => "chicken-thighs",
|
||||
],
|
||||
[
|
||||
"name" => "Chicken Wings",
|
||||
"href" => "chicken-wings",
|
||||
],
|
||||
[
|
||||
"name" => "Whole Chicken",
|
||||
"href" => "whole-chicken",
|
||||
],
|
||||
[
|
||||
"name" => "Turkey Breast",
|
||||
"href" => "turkey-breast",
|
||||
],
|
||||
[
|
||||
"name" => "Duck Breast",
|
||||
"href" => "duck-breast",
|
||||
],
|
||||
[
|
||||
"name" => "Duck Confit",
|
||||
"href" => "duck-confit",
|
||||
],
|
||||
[
|
||||
"name" => "Quail",
|
||||
"href" => "quail",
|
||||
],
|
||||
[
|
||||
"name" => "Cornish Hen",
|
||||
"href" => "cornish-hen",
|
||||
]
|
||||
],
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/pork', function() {
|
||||
|
|
@ -105,12 +144,62 @@ Route::get('/pork', function() {
|
|||
[
|
||||
"name" => "Pork Tenderloin",
|
||||
"href" => "pork-tenderloin",
|
||||
],
|
||||
]
|
||||
]
|
||||
]);
|
||||
|
||||
});
|
||||
|
||||
Route::get('/lamb', function() {
|
||||
return view('lamb');
|
||||
return view('lamb', [
|
||||
"sidebarContent" => [
|
||||
[
|
||||
"name" => "Lamb Shoulder",
|
||||
"href" => "lamb-shoulder",
|
||||
],
|
||||
[
|
||||
"name" => "Lamb Chops (Loin & Rib Chops)",
|
||||
"href" => "lamb-chops",
|
||||
],
|
||||
[
|
||||
"name" => "Lamb Leg",
|
||||
"href" => "lamb-leg",
|
||||
],
|
||||
[
|
||||
"name" => "Rack of Lamb",
|
||||
"href" => "rack-of-lamb",
|
||||
],
|
||||
[
|
||||
"name" => "Ground Lamb",
|
||||
"href" => "ground-lamb",
|
||||
],
|
||||
[
|
||||
"name" => "Lamb Shank",
|
||||
"href" => "lamb-shank",
|
||||
]
|
||||
]
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/recipes', function() {
|
||||
return view('recipes', [
|
||||
"sidebarContent" => [
|
||||
[
|
||||
"name" => "Beef Recipes",
|
||||
"href" => "beef-recipes",
|
||||
],
|
||||
[
|
||||
"name" => "Poultry Recipes",
|
||||
"href" => "poultry-recipes",
|
||||
],
|
||||
[
|
||||
"name" => "Pork Recipes",
|
||||
"href" => "pork-recipes",
|
||||
],
|
||||
[
|
||||
"name" => "Lamb Recipes",
|
||||
"href" => "lamb-recipes",
|
||||
],
|
||||
]
|
||||
]);
|
||||
});
|
||||
Loading…
Reference in New Issue