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')
|
@extends('layout')
|
||||||
|
|
||||||
@section('sidebar')
|
|
||||||
@include('partials.sidebar',['type' => 'lamb'])
|
|
||||||
@endsection
|
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
@endsection
|
@endsection
|
||||||
|
|
@ -32,7 +32,7 @@
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</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')
|
@extends('layout')
|
||||||
|
|
||||||
@section('sidebar')
|
|
||||||
@include('partials.sidebar',['type' => 'poultry'])
|
|
||||||
@endsection
|
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
@endsection
|
@endsection
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
@extends('layout')
|
||||||
|
|
||||||
|
@section('content')
|
||||||
|
@endsection
|
||||||
|
|
@ -71,7 +71,46 @@ Route::get('/beef', function() {
|
||||||
});
|
});
|
||||||
|
|
||||||
Route::get('/poultry', 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() {
|
Route::get('/pork', function() {
|
||||||
|
|
@ -105,12 +144,62 @@ Route::get('/pork', function() {
|
||||||
[
|
[
|
||||||
"name" => "Pork Tenderloin",
|
"name" => "Pork Tenderloin",
|
||||||
"href" => "pork-tenderloin",
|
"href" => "pork-tenderloin",
|
||||||
],
|
]
|
||||||
]
|
]
|
||||||
]);
|
]);
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
Route::get('/lamb', function() {
|
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