From 4d3ffa2ca315d505417e1519f41ab7556c2c46fb Mon Sep 17 00:00:00 2001
From: Ludovic CANDELLIER <ludovic.candellier@fundglobam.com>
Date: Sun, 23 Jan 2022 23:16:56 +0100
Subject: [PATCH] Add toggle by rows/by cards

---
 .../Controllers/Shop/CategoryController.php   |  3 ++-
 resources/views/Shop/layout/layout.blade.php  |  9 ++-----
 .../layout/partials/category_add.blade.php    | 24 ++++++++++++++++++-
 .../Shop/layout/partials/header-nav.blade.php |  2 +-
 resources/views/Shop/shelve.blade.php         |  6 ++++-
 5 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/app/Http/Controllers/Shop/CategoryController.php b/app/Http/Controllers/Shop/CategoryController.php
index f7539f00..7d79318d 100644
--- a/app/Http/Controllers/Shop/CategoryController.php
+++ b/app/Http/Controllers/Shop/CategoryController.php
@@ -18,9 +18,10 @@ class CategoryController extends Controller
         return $dataTable->render('Shop.Categories.list');
     }
 
-    public function show($category_id)
+    public function show(Request $request, $category_id)
     {
         $data = self::init();
+        $data['display_by_rows'] = $request->input('by_rows') ?? false;
         $data['category'] = Categories::getFull($category_id);
         $data['articles'] = Articles::getArticlesToSell($category_id);
         $data['tags'] = TagGroups::getWithTagsAndCountOffers();
diff --git a/resources/views/Shop/layout/layout.blade.php b/resources/views/Shop/layout/layout.blade.php
index ebc5f0c1..258387a5 100644
--- a/resources/views/Shop/layout/layout.blade.php
+++ b/resources/views/Shop/layout/layout.blade.php
@@ -25,9 +25,7 @@
 
 	<div class="wrapper">
 		<main>
-
 			@include("Shop.layout.partials.header")
-
 			<div class="content-wrapper">
 				<section class="content">
 					<div class="container-fluid">
@@ -35,17 +33,14 @@
 					</div>
 				</section>
 			</div>
-
 			@include("Shop.layout.partials.footer")
-
 		</main>
 	</div>
 
-
-	<script type="text/javascript" src="/js/site.min.js" ></script>
+	<script type="text/javascript" src="/js/site.min.js" ></script>    
     
     @stack('scripts')
-
+    
     <script>
         $.ajaxSetup({headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'}});
     </script>
diff --git a/resources/views/Shop/layout/partials/category_add.blade.php b/resources/views/Shop/layout/partials/category_add.blade.php
index e202346b..f0537527 100644
--- a/resources/views/Shop/layout/partials/category_add.blade.php
+++ b/resources/views/Shop/layout/partials/category_add.blade.php
@@ -15,9 +15,31 @@
 <div class="row">
 	<div class="col-12">
 		Il y a {{ count($articles) ?? 0 }} article(s) dans la liste
+	</div>
+</div>
+
+<div class="row">
+	<div class="col-6">
+		@include('components.form.button', ['id' => 'by_cards', 'icon' => 'fa-th', 'class' => 'btn-success'])
+		@include('components.form.button', ['id' => 'by_rows', 'icon' => 'fa-list', 'class' => 'btn-success'])
+	</div>
+	<div class="col-6">
 		<form name="product_sorting">
 			<label>Trier par</label>
 			@include('components.form.select', ['name' => 'sorting', 'list' => ['Pertinence']])
 		</form>
 	</div>
-</div>
\ No newline at end of file
+</div>
+
+@push('js')
+	<script>
+		$('#by_rows').click(function() {
+			var url = "{{ url()->current() }}" + '?by_rows=1';
+			window.location = url;
+		})
+		$('#by_cards').click(function() {
+			var url = "{{ url()->current() }}";
+			window.location = url;
+		})
+	</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/Shop/layout/partials/header-nav.blade.php b/resources/views/Shop/layout/partials/header-nav.blade.php
index a6a48ba8..da348898 100644
--- a/resources/views/Shop/layout/partials/header-nav.blade.php
+++ b/resources/views/Shop/layout/partials/header-nav.blade.php
@@ -1,7 +1,7 @@
 <div class="row bg-green">
 
 	<div class="col-4 col-md-2 form-inline pl-4">
-		<img src="/img/logo.jpg" class="img-responvive pull-left">
+		<a href="/"><img src="/img/logo.jpg" class="img-responvive pull-left"></a>
 	</div>
 
 	<div class="col-8 col-md-6 form-inline">	
diff --git a/resources/views/Shop/shelve.blade.php b/resources/views/Shop/shelve.blade.php
index d7ce3a9e..e8f5abf4 100644
--- a/resources/views/Shop/shelve.blade.php
+++ b/resources/views/Shop/shelve.blade.php
@@ -17,7 +17,11 @@
 					@include('Shop.layout.partials.category_add')					
 				</div>
 			</div>
-			@include('Shop.layout.partials.category_articles')
+			@if ($display_by_rows ?? false)
+				@include('Shop.layout.partials.category_articles_rows')
+			@else
+				@include('Shop.layout.partials.category_articles')
+			@endif
 		</div>
 	</div>
 @endsection
\ No newline at end of file