kenmirrors/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2025-04-29 09:39:57 +00:00
Code Issues Projects Releases Wiki Activity

Unified product-/chore-/battery-card modal handling

Browse Source
This commit is contained in:
Bernd Bestel 2023-05-23 17:32:54 +02:00
parent 2633d3d1a5
commit 08c1efa0ad
No known key found for this signature in database
GPG Key ID: 71BD34C0D4891300
24 changed files with 266 additions and 343 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/viewjs/batteriesoverview.js
View File

@ -114,12 +114,6 @@ $(document).on('click', '.track-charge-cycle-button', function(e)
); );
}); });
$(document).on("click", ".battery-name-cell", function(e)
{
Grocy.Components.BatteryCard.Refresh($(e.currentTarget).attr("data-battery-id"));
$("#batteriesoverview-batterycard-modal").modal("show");
});
$(document).on('click', '.battery-grocycode-label-print', function(e) $(document).on('click', '.battery-grocycode-label-print', function(e)
{ {
e.preventDefault(); e.preventDefault();

6
public/viewjs/choresoverview.js
View File

@ -210,12 +210,6 @@ $(document).on('click', '.track-chore-button', function(e)
); );
}); });
$(document).on("click", ".chore-name-cell", function(e)
{
Grocy.Components.ChoreCard.Refresh($(e.currentTarget).attr("data-chore-id"));
$("#choresoverview-chorecard-modal").modal("show");
});
$(document).on('click', '.chore-grocycode-label-print', function(e) $(document).on('click', '.chore-grocycode-label-print', function(e)
{ {
e.preventDefault(); e.preventDefault();

6
public/viewjs/components/batterycard.js
View File

@ -24,3 +24,9 @@ Grocy.Components.BatteryCard.Refresh = function(batteryId)
} }
); );
}; };
$(document).on("click", ".batterycard-trigger", function(e)
{
Grocy.Components.BatteryCard.Refresh($(e.currentTarget).attr("data-battery-id"));
$("#batterycard-modal").modal("show");
});

6
public/viewjs/components/chorecard.js
View File

@ -48,3 +48,9 @@ Grocy.Components.ChoreCard.Refresh = function(choreId)
} }
); );
}; };
$(document).on("click", ".chorecard-trigger", function(e)
{
Grocy.Components.ChoreCard.Refresh($(e.currentTarget).attr("data-chore-id"));
$("#chorecard-modal").modal("show");
});

10
public/viewjs/components/productcard.js
View File

@ -265,3 +265,13 @@ $("#productcard-product-description").on("hidden.bs.collapse", function()
{ {
$(".expandable-text").find("a[data-toggle='collapse']").text(__t("Show more")); $(".expandable-text").find("a[data-toggle='collapse']").text(__t("Show more"));
}) })
$(document).on("click", ".productcard-trigger", function(e)
{
var productId = $(e.currentTarget).attr("data-product-id");
if (productId != "")
{
Grocy.Components.ProductCard.Refresh(productId);
$("#productcard-modal").modal("show");
}
});

10
public/viewjs/mealplan.js
View File

@ -264,7 +264,7 @@ $(".calendar").each(function()
element.html('\ element.html('\
<div> \ <div> \
<h5 class="text-truncate mb-1 cursor-link display-product-button ' + additionalTitleCssClasses + '" data-toggle="tooltip" title="' + __t("Display product") + '" data-product-id="' + productDetails.product.id.toString() + '">' + productDetails.product.name + '</h5> \ <h5 class="text-truncate mb-1 cursor-link productcard-trigger ' + additionalTitleCssClasses + '" data-toggle="tooltip" title="' + __t("Display product") + '" data-product-id="' + productDetails.product.id.toString() + '">' + productDetails.product.name + '</h5> \
<h5 class="small text-truncate mb-1"><span class="locale-number locale-number-quantity-amount">' + mealPlanEntry.product_amount + "</span> " + __n(mealPlanEntry.product_amount, productDetails.quantity_unit_stock.name, productDetails.quantity_unit_stock.name_plural, true) + '</h5> \ <h5 class="small text-truncate mb-1"><span class="locale-number locale-number-quantity-amount">' + mealPlanEntry.product_amount + "</span> " + __n(mealPlanEntry.product_amount, productDetails.quantity_unit_stock.name, productDetails.quantity_unit_stock.name_plural, true) + '</h5> \
<h5 class="small timeago-contextual text-truncate mb-1">' + fulfillmentIconHtml + " " + fulfillmentInfoHtml + '</h5> \ <h5 class="small timeago-contextual text-truncate mb-1">' + fulfillmentIconHtml + " " + fulfillmentInfoHtml + '</h5> \
' + costsAndCaloriesPerServing + ' \ ' + costsAndCaloriesPerServing + ' \
@ -951,14 +951,6 @@ $(document).on("click", ".display-recipe-button", function(e)
); );
}); });
$(document).on("click", ".display-product-button", function(e)
{
$(".tooltip").tooltip("hide");
Grocy.Components.ProductCard.Refresh($(e.currentTarget).attr('data-product-id'));
$("#mealplan-productcard-modal").modal("show");
});
$(document).on("click", ".mealplan-entry-done-button", function(e) $(document).on("click", ".mealplan-entry-done-button", function(e)
{ {
e.preventDefault(); e.preventDefault();

6
public/viewjs/products.js
View File

@ -175,9 +175,3 @@ $("#merge-products-save-button").on("click", function(e)
} }
); );
}); });
$(document).on("click", ".product-name-cell", function(e)
{
Grocy.Components.ProductCard.Refresh($(e.currentTarget).attr("data-product-id"));
$("#productcard-modal").modal("show");
});

2
public/viewjs/recipeposform.js
View File

@ -58,8 +58,6 @@ Grocy.Components.ProductPicker.GetPicker().on('change', function(e)
if (productId) if (productId)
{ {
Grocy.Components.ProductCard.Refresh(productId);
Grocy.Api.Get('stock/products/' + productId, Grocy.Api.Get('stock/products/' + productId,
function(productDetails) function(productDetails)
{ {

9
public/viewjs/shoppinglist.js
View File

@ -145,15 +145,6 @@ $(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) $(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() }, Grocy.Api.Post('stock/shoppinglist/add-missing-products', { "list_id": $("#selected-shopping-list").val() },

12
public/viewjs/stockentries.js
View File

@ -151,12 +151,6 @@ $(document).on('click', '.product-open-button', function(e)
); );
}); });
$(document).on("click", ".stock-name-cell", function(e)
{
Grocy.Components.ProductCard.Refresh($(e.currentTarget).attr("data-stock-id"));
$("#stockentry-productcard-modal").modal("show");
});
$(document).on('click', '.stockentry-grocycode-label-print', function(e) $(document).on('click', '.stockentry-grocycode-label-print', function(e)
{ {
e.preventDefault(); e.preventDefault();
@ -337,9 +331,3 @@ function UndoStockBookingEntry(bookingId, stockRowId)
} }
); );
}; };
$(document).on("click", ".product-name-cell", function(e)
{
Grocy.Components.ProductCard.Refresh($(e.currentTarget).attr("data-product-id"));
$("#productcard-modal").modal("show");
});

6
public/viewjs/stockjournal.js
View File

@ -144,9 +144,3 @@ $(document).on('click', '.product-grocycode-label-print', function(e)
} }
}); });
}); });
$(document).on("click", ".product-name-cell", function(e)
{
Grocy.Components.ProductCard.Refresh($(e.currentTarget).attr("data-product-id"));
$("#stockjournal-productcard-modal").modal("show");
});

6
public/viewjs/stockoverview.js
View File

@ -229,12 +229,6 @@ $(document).on('click', '.product-open-button', function(e)
); );
}); });
$(document).on("click", ".product-name-cell", function(e)
{
Grocy.Components.ProductCard.Refresh($(e.currentTarget).attr("data-product-id"));
$("#stockoverview-productcard-modal").modal("show");
});
function RefreshStatistics() function RefreshStatistics()
{ {
Grocy.Api.Get('stock', Grocy.Api.Get('stock',

23
views/batteriesoverview.blade.php
View File

@ -129,7 +129,7 @@
<i class="fa-solid fa-ellipsis-v"></i> <i class="fa-solid fa-ellipsis-v"></i>
</button> </button>
<div class="table-inline-menu dropdown-menu dropdown-menu-right"> <div class="table-inline-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item battery-name-cell" <a class="dropdown-item batterycard-trigger"
data-battery-id="{{ $currentBatteryEntry->battery_id }}" data-battery-id="{{ $currentBatteryEntry->battery_id }}"
type="button" type="button"
href="#"> href="#">
@ -162,7 +162,7 @@
</div> </div>
</div> </div>
</td> </td>
<td class="battery-name-cell cursor-link" <td class="batterycard-trigger cursor-link"
data-battery-id="{{ $currentBatteryEntry->battery_id }}"> data-battery-id="{{ $currentBatteryEntry->battery_id }}">
{{ FindObjectInArrayByPropertyValue($batteries, 'id', $currentBatteryEntry->battery_id)->name }} {{ FindObjectInArrayByPropertyValue($batteries, 'id', $currentBatteryEntry->battery_id)->name }}
</td> </td>
@ -204,20 +204,7 @@
</div> </div>
</div> </div>
<div class="modal fade" @include('components.batterycard', [
id="batteriesoverview-batterycard-modal" 'asModal' => true
tabindex="-1"> ])
<div class="modal-dialog">
<div class="modal-content text-center">
<div class="modal-body">
@include('components.batterycard')
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-secondary"
data-dismiss="modal">{{ $__t('Close') }}</button>
</div>
</div>
</div>
</div>
@stop @stop

23
views/choresoverview.blade.php
View File

@ -174,7 +174,7 @@
<span>{{ $__t('Reschedule next execution') }}</span> <span>{{ $__t('Reschedule next execution') }}</span>
</a> </a>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item chore-name-cell" <a class="dropdown-item chorecard-trigger"
data-chore-id="{{ $curentChoreEntry->chore_id }}" data-chore-id="{{ $curentChoreEntry->chore_id }}"
type="button" type="button"
href="#"> href="#">
@ -207,7 +207,7 @@
</div> </div>
</div> </div>
</td> </td>
<td class="chore-name-cell cursor-link" <td class="chorecard-trigger cursor-link"
data-chore-id="{{ $curentChoreEntry->chore_id }}"> data-chore-id="{{ $curentChoreEntry->chore_id }}">
{{ FindObjectInArrayByPropertyValue($chores, 'id', $curentChoreEntry->chore_id)->name }} {{ FindObjectInArrayByPropertyValue($chores, 'id', $curentChoreEntry->chore_id)->name }}
</td> </td>
@ -286,22 +286,9 @@
</div> </div>
</div> </div>
<div class="modal fade" @include('components.chorecard', [
id="choresoverview-chorecard-modal" 'asModal' => true
tabindex="-1"> ])
<div class="modal-dialog">
<div class="modal-content text-center">
<div class="modal-body">
@include('components.chorecard')
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-secondary"
data-dismiss="modal">{{ $__t('Close') }}</button>
</div>
</div>
</div>
</div>
<div class="modal fade" <div class="modal fade"
id="reschedule-chore-modal" id="reschedule-chore-modal"

69
views/components/batterycard.blade.php
View File

@ -4,28 +4,51 @@
@endpush @endpush
@endonce @endonce
<div class="card batterycard"> @php if(!isset($asModal)) { $asModal = false; } @endphp
<div class="card-header">
<span class="float-left">{{ $__t('Battery overview') }}</span> @if($asModal)
<a id="batterycard-battery-edit-button" <div class="modal fade"
class="btn btn-sm btn-outline-secondary py-0 float-right disabled" id="batterycard-modal"
href="#" tabindex="-1">
data-toggle="tooltip" <div class="modal-dialog">
title="{{ $__t('Edit battery') }}"> <div class="modal-content text-center">
<i class="fa-solid fa-edit"></i> <div class="modal-body">
</a> @endif
<a id="batterycard-battery-journal-button"
class="btn btn-sm btn-outline-secondary py-0 mr-1 float-right disabled show-as-dialog-link" <div class="card batterycard">
href="#"> <div class="card-header">
{{ $__t('Battery journal') }} <span class="float-left">{{ $__t('Battery overview') }}</span>
</a> <a id="batterycard-battery-edit-button"
</div> class="btn btn-sm btn-outline-secondary py-0 float-right disabled"
<div class="card-body"> href="#"
<h3><span id="batterycard-battery-name"></span></h3> data-toggle="tooltip"
<strong>{{ $__t('Used in') }}:</strong> <span id="batterycard-battery-used_in"></span><br> title="{{ $__t('Edit battery') }}">
<strong>{{ $__t('Charge cycles count') }}:</strong> <span id="batterycard-battery-charge-cycles-count" <i class="fa-solid fa-edit"></i>
class="locale-number locale-number-generic"></span><br> </a>
<strong>{{ $__t('Last charged') }}:</strong> <span id="batterycard-battery-last-charged"></span> <time id="batterycard-battery-last-charged-timeago" <a id="batterycard-battery-journal-button"
class="timeago timeago-contextual"></time><br> class="btn btn-sm btn-outline-secondary py-0 mr-1 float-right disabled show-as-dialog-link"
href="#">
{{ $__t('Battery journal') }}
</a>
</div>
<div class="card-body">
<h3><span id="batterycard-battery-name"></span></h3>
<strong>{{ $__t('Used in') }}:</strong> <span id="batterycard-battery-used_in"></span><br>
<strong>{{ $__t('Charge cycles count') }}:</strong> <span id="batterycard-battery-charge-cycles-count"
class="locale-number locale-number-generic"></span><br>
<strong>{{ $__t('Last charged') }}:</strong> <span id="batterycard-battery-last-charged"></span> <time id="batterycard-battery-last-charged-timeago"
class="timeago timeago-contextual"></time><br>
</div>
</div>
@if($asModal)
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-secondary"
data-dismiss="modal">{{ $__t('Close') }}</button>
</div>
</div>
</div> </div>
</div> </div>
@endif

79
views/components/chorecard.blade.php
View File

@ -4,35 +4,58 @@
@endpush @endpush
@endonce @endonce
<div class="card chorecard"> @php if(!isset($asModal)) { $asModal = false; } @endphp
<div class="card-header">
<span class="float-left">{{ $__t('Chore overview') }}</span>
<a id="chorecard-chore-edit-button"
class="btn btn-sm btn-outline-secondary py-0 float-right disabled"
href="#"
data-toggle="tooltip"
title="{{ $__t('Edit chore') }}">
<i class="fa-solid fa-edit"></i>
</a>
<a id="chorecard-chore-journal-button"
class="btn btn-sm btn-outline-secondary py-0 mr-1 float-right disabled show-as-dialog-link"
href="#">
{{ $__t('Chore journal') }}
</a>
</div>
<div class="card-body">
<h3><span id="chorecard-chore-name"></span></h3>
<p id="chorecard-chore-description" @if($asModal)
class="text-muted mt-0"></p> <div class="modal fade"
id="chorecard-modal"
tabindex="-1">
<div class="modal-dialog">
<div class="modal-content text-center">
<div class="modal-body">
@endif
<strong>{{ $__t('Tracked count') }}:</strong> <span id="chorecard-chore-tracked-count" <div class="card chorecard">
class="locale-number locale-number-generic"></span><br> <div class="card-header">
<strong>{{ $__t('Average execution frequency') }}:</strong> <span id="chorecard-average-execution-frequency"></span><br> <span class="float-left">{{ $__t('Chore overview') }}</span>
<strong>{{ $__t('Last tracked') }}:</strong> <span id="chorecard-chore-last-tracked"></span> <time id="chorecard-chore-last-tracked-timeago" <a id="chorecard-chore-edit-button"
class="timeago timeago-contextual"></time><br> class="btn btn-sm btn-outline-secondary py-0 float-right disabled"
@if(GROCY_FEATURE_FLAG_CHORES_ASSIGNMENTS) href="#"
<strong>{{ $__t('Last done by') }}:</strong> <span id="chorecard-chore-last-done-by"></span> data-toggle="tooltip"
@endif title="{{ $__t('Edit chore') }}">
<i class="fa-solid fa-edit"></i>
</a>
<a id="chorecard-chore-journal-button"
class="btn btn-sm btn-outline-secondary py-0 mr-1 float-right disabled show-as-dialog-link"
href="#">
{{ $__t('Chore journal') }}
</a>
</div>
<div class="card-body">
<h3><span id="chorecard-chore-name"></span></h3>
<p id="chorecard-chore-description"
class="text-muted mt-0"></p>
<strong>{{ $__t('Tracked count') }}:</strong> <span id="chorecard-chore-tracked-count"
class="locale-number locale-number-generic"></span><br>
<strong>{{ $__t('Average execution frequency') }}:</strong> <span id="chorecard-average-execution-frequency"></span><br>
<strong>{{ $__t('Last tracked') }}:</strong> <span id="chorecard-chore-last-tracked"></span> <time id="chorecard-chore-last-tracked-timeago"
class="timeago timeago-contextual"></time><br>
@if(GROCY_FEATURE_FLAG_CHORES_ASSIGNMENTS)
<strong>{{ $__t('Last done by') }}:</strong> <span id="chorecard-chore-last-done-by"></span>
@endif
</div>
</div>
@if($asModal)
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-secondary"
data-dismiss="modal">{{ $__t('Close') }}</button>
</div>
</div>
</div> </div>
</div> </div>
@endif

193
views/components/productcard.blade.php
View File

@ -6,92 +6,115 @@
@endpush @endpush
@endonce @endonce
<div class="card productcard"> @php if(!isset($asModal)) { $asModal = false; } @endphp
<div class="card-header">
<span class="float-left">{{ $__t('Product overview') }}</span>
<a id="productcard-product-edit-button"
class="btn btn-sm btn-outline-secondary py-0 float-right disabled"
href="#"
data-toggle="tooltip"
title="{{ $__t('Edit product') }}">
<i class="fa-solid fa-edit"></i>
</a>
<a id="productcard-product-journal-button"
class="btn btn-sm btn-outline-secondary py-0 mr-1 float-right disabled show-as-dialog-link"
href="#">
{{ $__t('Stock journal') }}
</a>
<a id="productcard-product-stock-button"
class="btn btn-sm btn-outline-secondary py-0 mr-1 float-right disabled show-as-dialog-link"
href="#">
{{ $__t('Stock entries') }}
</a>
</div>
<div class="card-body">
<h3><span id="productcard-product-name"></span></h3>
<div id="productcard-product-description-wrapper" @if($asModal)
class="expandable-text mb-2 d-none"> <div class="modal fade"
<p id="productcard-product-description" id="productcard-modal"
class="text-muted collapse mb-0"></p> tabindex="-1">
<a class="collapsed" <div class="modal-dialog">
data-toggle="collapse" <div class="modal-content text-center">
href="#productcard-product-description">{{ $__t('Show more') }}</a> <div class="modal-body">
@endif
<div class="card productcard">
<div class="card-header">
<span class="float-left">{{ $__t('Product overview') }}</span>
<a id="productcard-product-edit-button"
class="btn btn-sm btn-outline-secondary py-0 float-right disabled"
href="#"
data-toggle="tooltip"
title="{{ $__t('Edit product') }}">
<i class="fa-solid fa-edit"></i>
</a>
<a id="productcard-product-journal-button"
class="btn btn-sm btn-outline-secondary py-0 mr-1 float-right disabled show-as-dialog-link"
href="#">
{{ $__t('Stock journal') }}
</a>
<a id="productcard-product-stock-button"
class="btn btn-sm btn-outline-secondary py-0 mr-1 float-right disabled show-as-dialog-link"
href="#">
{{ $__t('Stock entries') }}
</a>
</div>
<div class="card-body">
<h3><span id="productcard-product-name"></span></h3>
<div id="productcard-product-description-wrapper"
class="expandable-text mb-2 d-none">
<p id="productcard-product-description"
class="text-muted collapse mb-0"></p>
<a class="collapsed"
data-toggle="collapse"
href="#productcard-product-description">{{ $__t('Show more') }}</a>
</div>
<strong>{{ $__t('Stock amount') }}:</strong>
<span id="productcard-product-stock-amount-wrapper">
<span id="productcard-product-stock-amount"
class="locale-number locale-number-quantity-amount"></span> <span id="productcard-product-stock-qu-name"></span>
</span>
<span id="productcard-product-stock-opened-amount"
class="small font-italic"></span>
<span id="productcard-aggregated-amounts"
class="pl-2 text-secondary d-none"><i class="fa-solid fa-custom-sigma-sign"></i> <span id="productcard-product-stock-amount-aggregated"
class="locale-number locale-number-quantity-amount"></span> <span id="productcard-product-stock-qu-name-aggregated"></span> <span id="productcard-product-stock-opened-amount-aggregated"
class="small font-italic"></span></span><br>
@if(GROCY_FEATURE_FLAG_STOCK_PRICE_TRACKING)
<strong>{{ $__t('Stock value') }}:</strong> <span id="productcard-product-stock-value"
class="locale-number locale-number-currency"></span><br>
@endif
@if(GROCY_FEATURE_FLAG_STOCK_LOCATION_TRACKING)<strong>{{ $__t('Default location') }}:</strong> <span id="productcard-product-location"></span><br>@endif
<strong>{{ $__t('Last purchased') }}:</strong> <span id="productcard-product-last-purchased"></span> <time id="productcard-product-last-purchased-timeago"
class="timeago timeago-contextual"></time><br>
<strong>{{ $__t('Last used') }}:</strong> <span id="productcard-product-last-used"></span> <time id="productcard-product-last-used-timeago"
class="timeago timeago-contextual"></time><br>
@if(GROCY_FEATURE_FLAG_STOCK_PRICE_TRACKING)<strong>
{{ $__t('Last price') }}:</strong> <span id="productcard-product-last-price"
data-toggle="tooltip"
data-trigger="hover click"></span>
<br>
@endif
@if(GROCY_FEATURE_FLAG_STOCK_PRICE_TRACKING)
<strong>{{ $__t('Average price') }}:</strong> <span id="productcard-product-average-price"
data-toggle="tooltip"
data-trigger="hover click"></span>
<br>
@endif
@if(GROCY_FEATURE_FLAG_STOCK_BEST_BEFORE_DATE_TRACKING)<strong>{{ $__t('Average shelf life') }}:</strong> <span id="productcard-product-average-shelf-life"></span><br>@endif
<strong>{{ $__t('Spoil rate') }}:</strong> <span id="productcard-product-spoil-rate"></span>
<p class="w-75 mt-3 mx-auto">
<img id="productcard-product-picture"
class="img-fluid img-thumbnail d-none"
src=""
loading="lazy">
</p>
@if(GROCY_FEATURE_FLAG_STOCK_PRICE_TRACKING)
<h5 class="mt-3">{{ $__t('Price history') }}</h5>
<canvas id="productcard-product-price-history-chart"
class="w-100 d-none"></canvas>
<span id="productcard-no-price-data-hint"
class="font-italic d-none">{{ $__t('No price history available') }}</span>
@endif
</div>
</div>
@if($asModal)
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-secondary"
data-dismiss="modal">{{ $__t('Close') }}</button>
</div>
</div> </div>
<strong>{{ $__t('Stock amount') }}:</strong>
<span id="productcard-product-stock-amount-wrapper">
<span id="productcard-product-stock-amount"
class="locale-number locale-number-quantity-amount"></span> <span id="productcard-product-stock-qu-name"></span>
</span>
<span id="productcard-product-stock-opened-amount"
class="small font-italic"></span>
<span id="productcard-aggregated-amounts"
class="pl-2 text-secondary d-none"><i class="fa-solid fa-custom-sigma-sign"></i> <span id="productcard-product-stock-amount-aggregated"
class="locale-number locale-number-quantity-amount"></span> <span id="productcard-product-stock-qu-name-aggregated"></span> <span id="productcard-product-stock-opened-amount-aggregated"
class="small font-italic"></span></span><br>
@if(GROCY_FEATURE_FLAG_STOCK_PRICE_TRACKING)
<strong>{{ $__t('Stock value') }}:</strong> <span id="productcard-product-stock-value"
class="locale-number locale-number-currency"></span><br>
@endif
@if(GROCY_FEATURE_FLAG_STOCK_LOCATION_TRACKING)<strong>{{ $__t('Default location') }}:</strong> <span id="productcard-product-location"></span><br>@endif
<strong>{{ $__t('Last purchased') }}:</strong> <span id="productcard-product-last-purchased"></span> <time id="productcard-product-last-purchased-timeago"
class="timeago timeago-contextual"></time><br>
<strong>{{ $__t('Last used') }}:</strong> <span id="productcard-product-last-used"></span> <time id="productcard-product-last-used-timeago"
class="timeago timeago-contextual"></time><br>
@if(GROCY_FEATURE_FLAG_STOCK_PRICE_TRACKING)<strong>
{{ $__t('Last price') }}:</strong> <span id="productcard-product-last-price"
data-toggle="tooltip"
data-trigger="hover click"></span>
<br>
@endif
@if(GROCY_FEATURE_FLAG_STOCK_PRICE_TRACKING)
<strong>{{ $__t('Average price') }}:</strong> <span id="productcard-product-average-price"
data-toggle="tooltip"
data-trigger="hover click"></span>
<br>
@endif
@if(GROCY_FEATURE_FLAG_STOCK_BEST_BEFORE_DATE_TRACKING)<strong>{{ $__t('Average shelf life') }}:</strong> <span id="productcard-product-average-shelf-life"></span><br>@endif
<strong>{{ $__t('Spoil rate') }}:</strong> <span id="productcard-product-spoil-rate"></span>
<p class="w-75 mt-3 mx-auto">
<img id="productcard-product-picture"
class="img-fluid img-thumbnail d-none"
src=""
loading="lazy">
</p>
@if(GROCY_FEATURE_FLAG_STOCK_PRICE_TRACKING)
<h5 class="mt-3">{{ $__t('Price history') }}</h5>
<canvas id="productcard-product-price-history-chart"
class="w-100 d-none"></canvas>
<span id="productcard-no-price-data-hint"
class="font-italic d-none">{{ $__t('No price history available') }}</span>
@endif
</div> </div>
</div> </div>
@endif

19
views/mealplan.blade.php
View File

@ -356,20 +356,7 @@
</div> </div>
</div> </div>
<div class="modal fade" @include('components.productcard', [
id="mealplan-productcard-modal" 'asModal' => true
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 @stop

21
views/products.blade.php
View File

@ -174,7 +174,7 @@
</div> </div>
</div> </div>
</td> </td>
<td class="product-name-cell cursor-link" <td class="productcard-trigger cursor-link"
data-product-id="{{ $product->id }}"> data-product-id="{{ $product->id }}">
{{ $product->name }} {{ $product->name }}
@if(!empty($product->picture_file_name)) @if(!empty($product->picture_file_name))
@ -285,20 +285,7 @@
</div> </div>
</div> </div>
<div class="modal fade" @include('components.productcard', [
id="productcard-modal" 'asModal' => true
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 @stop

4
views/recipeposform.blade.php
View File

@ -136,9 +136,5 @@
</form> </form>
</div> </div>
<div class="col-12 col-md-6 col-xl-4 hide-when-embedded">
@include('components.productcard')
</div>
</div> </div>
@stop @stop

22
views/shoppinglist.blade.php
View File

@ -227,7 +227,7 @@
<i class="fa-solid fa-box"></i> <i class="fa-solid fa-box"></i>
</a> </a>
</td> </td>
<td class="product-name-cell cursor-link" <td class="productcard-trigger cursor-link"
data-product-id="{{ $listItem->product_id }}"> data-product-id="{{ $listItem->product_id }}">
@if(!empty($listItem->product_id)) {{ $listItem->product_name }}<br>@endif<em>{!! nl2br($listItem->note ?? '') !!}</em> @if(!empty($listItem->product_id)) {{ $listItem->product_name }}<br>@endif<em>{!! nl2br($listItem->note ?? '') !!}</em>
</td> </td>
@ -426,20 +426,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade"
id="shoppinglist-productcard-modal" @include('components.productcard', [
tabindex="-1"> 'asModal' => true
<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 @stop

23
views/stockentries.blade.php
View File

@ -199,7 +199,7 @@
</a> </a>
@endif @endif
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item product-name-cell" <a class="dropdown-item productcard-trigger"
data-product-id="{{ $stockEntry->product_id }}" data-product-id="{{ $stockEntry->product_id }}"
type="button" type="button"
href="#"> href="#">
@ -247,7 +247,7 @@
data-product-id="{{ $stockEntry->product_id }}"> data-product-id="{{ $stockEntry->product_id }}">
{{ $stockEntry->product_id }} {{ $stockEntry->product_id }}
</td> </td>
<td class="product-name-cell cursor-link" <td class="productcard-trigger cursor-link"
data-product-id="{{ $stockEntry->product_id }}"> data-product-id="{{ $stockEntry->product_id }}">
{{ FindObjectInArrayByPropertyValue($products, 'id', $stockEntry->product_id)->name }} {{ FindObjectInArrayByPropertyValue($products, 'id', $stockEntry->product_id)->name }}
</td> </td>
@ -319,20 +319,7 @@
</div> </div>
</div> </div>
<div class="modal fade" @include('components.productcard', [
id="productcard-modal" 'asModal' => true
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 @stop

23
views/stockjournal.blade.php
View File

@ -217,7 +217,7 @@
</a> </a>
@endif @endif
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item product-name-cell" <a class="dropdown-item productcard-trigger"
data-product-id="{{ $stockLogEntry->product_id }}" data-product-id="{{ $stockLogEntry->product_id }}"
type="button" type="button"
href="#"> href="#">
@ -256,7 +256,7 @@
</div> </div>
</div> </div>
</td> </td>
<td class="product-name-cell cursor-link" <td class="productcard-trigger cursor-link"
data-product-id="{{ $stockLogEntry->product_id }}"> data-product-id="{{ $stockLogEntry->product_id }}">
<span class="name-anchor @if($stockLogEntry->undone == 1) text-strike-through @endif">{{ $stockLogEntry->product_name }}</span> <span class="name-anchor @if($stockLogEntry->undone == 1) text-strike-through @endif">{{ $stockLogEntry->product_name }}</span>
@if($stockLogEntry->undone == 1) @if($stockLogEntry->undone == 1)
@ -301,20 +301,7 @@
</div> </div>
</div> </div>
<div class="modal fade" @include('components.productcard', [
id="stockjournal-productcard-modal" 'asModal' => true
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 @stop

25
views/stockoverview.blade.php
View File

@ -279,7 +279,7 @@
</a> </a>
@endif @endif
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item product-name-cell" <a class="dropdown-item productcard-trigger"
data-product-id="{{ $currentStockEntry->product_id }}" data-product-id="{{ $currentStockEntry->product_id }}"
type="button" type="button"
href="#"> href="#">
@ -323,7 +323,7 @@
</div> </div>
</div> </div>
</td> </td>
<td class="product-name-cell cursor-link" <td class="productcard-trigger cursor-link"
data-product-id="{{ $currentStockEntry->product_id }}"> data-product-id="{{ $currentStockEntry->product_id }}">
{{ $currentStockEntry->product_name }} {{ $currentStockEntry->product_name }}
<span class="d-none">{{ $currentStockEntry->product_barcodes }}</span> <span class="d-none">{{ $currentStockEntry->product_barcodes }}</span>
@ -428,7 +428,7 @@
<td> <td>
{!! $currentStockEntry->product_description !!} {!! $currentStockEntry->product_description !!}
</td> </td>
<td class="product-name-cell cursor-link" <td class="productcard-trigger cursor-link"
data-product-id="{{ $currentStockEntry->parent_product_id }}"> data-product-id="{{ $currentStockEntry->parent_product_id }}">
{{ $currentStockEntry->parent_product_name }} {{ $currentStockEntry->parent_product_name }}
</td> </td>
@ -465,20 +465,7 @@
</div> </div>
</div> </div>
<div class="modal fade" @include('components.productcard', [
id="stockoverview-productcard-modal" 'asModal' => true
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 @stop