mirror of
https://github.com/grocy/grocy.git
synced 2025-04-29 17:45:39 +00:00
88949dc3e4
Since the value of $('#amount') will be written to the database it should not be locale dependent. This code also limits the result to a maximum of 4 digits but always uses a dot as decimal separator.
93 lines
3.0 KiB
JavaScript
93 lines
3.0 KiB
JavaScript
Grocy.Components.ProductAmountPicker = {};
|
|
Grocy.Components.ProductAmountPicker.AllowAnyQuEnabled = false;
|
|
|
|
Grocy.Components.ProductAmountPicker.Reload = function(productId, destinationQuId, forceInitialDisplayQu = false)
|
|
{
|
|
var conversionsForProduct = FindAllObjectsInArrayByPropertyValue(Grocy.QuantityUnitConversionsResolved, 'product_id', productId);
|
|
|
|
if (!Grocy.Components.ProductAmountPicker.AllowAnyQuEnabled)
|
|
{
|
|
$("#qu_id").find("option").remove().end();
|
|
$("#qu_id").attr("data-destination-qu-name", FindObjectInArrayByPropertyValue(Grocy.QuantityUnits, 'id', destinationQuId).name);
|
|
conversionsForProduct.forEach(conversion =>
|
|
{
|
|
var factor = conversion.factor;
|
|
if (conversion.to_qu_id == destinationQuId)
|
|
{
|
|
factor = 1;
|
|
}
|
|
|
|
$("#qu_id").append('<option value="' + conversion.to_qu_id + '" data-qu-factor="' + factor + '">' + conversion.to_qu_name + '</option>');
|
|
});
|
|
}
|
|
|
|
if (!Grocy.Components.ProductAmountPicker.InitialValueSet || forceInitialDisplayQu)
|
|
{
|
|
$("#qu_id").val($("#qu_id").attr("data-initial-qu-id"));
|
|
}
|
|
|
|
if (!Grocy.Components.ProductAmountPicker.InitialValueSet)
|
|
{
|
|
var convertedAmount = $("#display_amount").val() * $("#qu_id option:selected").attr("data-qu-factor");
|
|
$("#display_amount").val(convertedAmount);
|
|
|
|
Grocy.Components.ProductAmountPicker.InitialValueSet = true;
|
|
}
|
|
|
|
if (conversionsForProduct.length === 1 && !forceInitialDisplayQu)
|
|
{
|
|
$("#qu_id").val($("#qu_id option:first").val());
|
|
}
|
|
|
|
$(".input-group-productamountpicker").trigger("change");
|
|
}
|
|
|
|
Grocy.Components.ProductAmountPicker.SetQuantityUnit = function(quId)
|
|
{
|
|
$("#qu_id").val(quId);
|
|
}
|
|
|
|
Grocy.Components.ProductAmountPicker.AllowAnyQu = function(keepInitialQu = false)
|
|
{
|
|
Grocy.Components.ProductAmountPicker.AllowAnyQuEnabled = true;
|
|
|
|
$("#qu_id").find("option").remove().end();
|
|
Grocy.QuantityUnits.forEach(qu =>
|
|
{
|
|
$("#qu_id").append('<option value="' + qu.id + '" data-qu-factor="1">' + qu.name + '</option>');
|
|
});
|
|
|
|
if (keepInitialQu)
|
|
{
|
|
Grocy.Components.ProductAmountPicker.SetQuantityUnit($("#qu_id").attr("data-initial-qu-id"));
|
|
}
|
|
|
|
$(".input-group-productamountpicker").trigger("change");
|
|
}
|
|
|
|
$(".input-group-productamountpicker").on("change", function()
|
|
{
|
|
var destinationQuName = $("#qu_id").attr("data-destination-qu-name");
|
|
var selectedQuName = $("#qu_id option:selected").text();
|
|
var quFactor = $("#qu_id option:selected").attr("data-qu-factor");
|
|
var amount = $("#display_amount").val();
|
|
var destinationAmount = amount / quFactor;
|
|
|
|
if (destinationQuName == selectedQuName || Grocy.Components.ProductAmountPicker.AllowAnyQuEnabled || amount.toString().isEmpty() || selectedQuName.toString().isEmpty())
|
|
{
|
|
$("#qu-conversion-info").addClass("d-none");
|
|
}
|
|
else
|
|
{
|
|
$("#qu-conversion-info").removeClass("d-none");
|
|
$("#qu-conversion-info").text(__t("This equals %1$s %2$s in stock", destinationAmount.toLocaleString(), destinationQuName));
|
|
}
|
|
|
|
$("#amount").val(destinationAmount.toFixed(4).replace(/0*$/g,''));
|
|
});
|
|
|
|
$("#display_amount").on("keyup", function()
|
|
{
|
|
$(".input-group-productamountpicker").trigger("change");
|
|
});
|