From 57aa6499eb71517e87829af895930dddb67ca58a Mon Sep 17 00:00:00 2001
From: kriddles <54413450+kriddles@users.noreply.github.com>
Date: Tue, 20 Oct 2020 13:14:11 -0500
Subject: [PATCH] display productCard when clicking item on shopping list
 (#1078)

---
 public/viewjs/shoppinglist.js |  9 +++++++++
 views/shoppinglist.blade.php  | 19 ++++++++++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/public/viewjs/shoppinglist.js b/public/viewjs/shoppinglist.js
index 7bdf28d6..6d8fe43f 100644
--- a/public/viewjs/shoppinglist.js
+++ b/public/viewjs/shoppinglist.js
@@ -141,6 +141,15 @@ $(document).on('click', '.shoppinglist-delete-button', function(e)
 	);
 });
 
+$(document).on("click", ".product-name-cell", function(e)
+{
+	if ($(e.currentTarget).attr("data-product-id") != "")
+	{
+		Grocy.Components.ProductCard.Refresh($(e.currentTarget).attr("data-product-id"));
+		$("#shoppinglist-productcard-modal").modal("show");
+	}
+});
+
 $(document).on('click', '#add-products-below-min-stock-amount', function(e)
 {
 	Grocy.Api.Post('stock/shoppinglist/add-missing-products', { "list_id": $("#selected-shopping-list").val() },
diff --git a/views/shoppinglist.blade.php b/views/shoppinglist.blade.php
index 00166e90..c9ff2427 100644
--- a/views/shoppinglist.blade.php
+++ b/views/shoppinglist.blade.php
@@ -195,7 +195,8 @@
 							<i class="fas fa-box"></i>
 						</a>
 					</td>
-					<td>
+					<td class="product-name-cell cursor-link"
+						data-product-id="{{ $listItem->product_id }}">
 						@if(!empty($listItem->product_id)) {{ FindObjectInArrayByPropertyValue($products, 'id', $listItem->product_id)->name }}<br>@endif<em>{!! nl2br($listItem->note) !!}</em>
 					</td>
 					<td>
@@ -326,4 +327,20 @@
 		</div>
 	</div>
 </div>
+<div class="modal fade"
+	id="shoppinglist-productcard-modal"
+	tabindex="-1">
+	<div class="modal-dialog">
+		<div class="modal-content text-center">
+			<div class="modal-body">
+				@include('components.productcard')
+			</div>
+			<div class="modal-footer">
+				<button type="button"
+					class="btn btn-secondary"
+					data-dismiss="modal">{{ $__t('Close') }}</button>
+			</div>
+		</div>
+	</div>
+</div>
 @stop