Adam
/
Mango.Nop.Plugins
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

_CustomOrderDetails.Products javascript improvements, fixes

This commit is contained in:
Loretta 2025-10-25 09:11:06 +02:00
parent 343fb818c7
commit 6d2e7df65f
1 changed files with 381 additions and 363 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

196
Nop.Plugin.Misc.AIPlugin/Areas/Admin/Views/Order/_CustomOrderDetails.Products.cshtml
View File

@ -3,98 +3,104 @@
@using Nop.Core.Domain.Tax; @using Nop.Core.Domain.Tax;
@using Nop.Core.Domain.Catalog; @using Nop.Core.Domain.Catalog;
<div class="card-body">
<div class="form-group row">
<div class="col-md-12" style="overflow-x: auto;">
@foreach (var item in Model.Items)
{
<script> <script>
$(function() { function calculateTotalGlobal(itemId, maxQuantity) {
toggleOrderItemEdit@(item.Id)(false); //var isMeasurable = $('#pvIsMeasurable'+itemId).is(':checked');
// Attach event listeners for automatic calculation
setupAutoCalculation@(item.Id)();
});
</script>
<script> var isMeasurable = $('#pvIsMeasurable'+itemId).val().toLowerCase() === 'true';
// Function to automatically calculate and update total price
function calculateTotal@(item.Id)() {
// Get values
@* var isMeasurable = ($('#pvIsMeasurable@(item.Id)').val()).toLowerCase() === "true"; *@
var isMeasurable = $($('#pvIsMeasurable@(item.Id)')).is(':checked');
console.log(isMeasurable); console.log(isMeasurable);
console.log(($('#pvIsMeasurable@(item.Id)'))); console.log($('#pvIsMeasurable'+itemId));
console.log(($('#pvIsMeasurable@(item.Id)').val())); console.log($('#pvIsMeasurable'+itemId).val());
console.log(($('#pvIsMeasurable@(item.Id)').val()).toLowerCase()); console.log($('#pvIsMeasurable'+itemId).val().toLowerCase());
console.log($('#pvNetWeight'+itemId).val());
var netWeight = parseFloat($('#pvNetWeight'+itemId).val()) || 0;
var netWeight = parseFloat($('#pvNetWeight@(item.Id)').val()) || 0; var unitPriceInclTax = parseFloat($('#pvUnitPriceInclTax'+itemId).val()) || 0;
var unitPriceExclTax = parseFloat($('#pvUnitPriceExclTax'+itemId).val()) || 0;
var quantity = parseInt($('#pvQuantity'+itemId).val()) || 0;
var discountInclTax = parseFloat($('#pvDiscountInclTax'+itemId).val()) || 0;
var discountExclTax = parseFloat($('#pvDiscountExclTax'+itemId).val()) || 0;
var unitPriceInclTax = parseFloat($('#pvUnitPriceInclTax@(item.Id)').val()) || 0; if (quantity > maxQuantity || quantity < 0) {
var unitPriceExclTax = parseFloat($('#pvUnitPriceExclTax@(item.Id)').val()) || 0; if (quantity > maxQuantity) quantity = maxQuantity; else quantity = 0;
var quantity = parseFloat($('#pvQuantity@(item.Id)').val()) || 0; $('#pvQuantity' + itemId).val(quantity);
var discountInclTax = parseFloat($('#pvDiscountInclTax@(item.Id)').val()) || 0; }
var discountExclTax = parseFloat($('#pvDiscountExclTax@(item.Id)').val()) || 0;
if (unitPriceInclTax < 0) {
unitPriceInclTax = 0;
$('#pvUnitPriceInclTax' + itemId).val(unitPriceInclTax);
}
// Calculate totals // Calculate totals
var totalInclTax = (unitPriceInclTax * (isMeasurable ? netWeight : quantity)) - discountInclTax; var totalInclTax = (unitPriceInclTax * (isMeasurable ? netWeight : quantity)) - discountInclTax;
var totalExclTax = (unitPriceExclTax * (isMeasurable ? netWeight : quantity)) - discountExclTax; var totalExclTax = (unitPriceExclTax * (isMeasurable ? netWeight : quantity)) - discountExclTax;
// Update total price fields // Update total price fields
$('#pvPriceInclTax@(item.Id)').val(totalInclTax.toFixed(0)); $('#pvPriceInclTax'+itemId).val(totalInclTax.toFixed(0));
$('#pvPriceExclTax@(item.Id)').val(totalExclTax.toFixed(0)); $('#pvPriceExclTax'+itemId).val(totalExclTax.toFixed(0));
} }
// Function to setup event listeners for automatic calculation // Function to setup event listeners for automatic calculation
function setupAutoCalculation@(item.Id)() { function setupAutoCalculationGlobal(itemId) {
// Attach change and input events to all relevant fields // Attach change and input events to all relevant fields
$('#pvUnitPriceInclTax@(item.Id), #pvUnitPriceExclTax@(item.Id), #pvQuantity@(item.Id), #pvDiscountInclTax@(item.Id), #pvDiscountExclTax@(item.Id)').on('input change', function() { $('#pvUnitPriceInclTax'+itemId+', #pvUnitPriceExclTax'+itemId+', #pvQuantity'+itemId+', #pvDiscountInclTax'+itemId+', #pvDiscountExclTax'+itemId).on('input change', function() {
calculateTotal@(item.Id)(); calculateTotalGlobal(itemId);
}); });
} }
function toggleOrderItemEdit@(item.Id)(editMode) { function toggleOrderItemEditGlobal(editMode, itemId) {
if (editMode) { if (editMode) {
$('#pnlEditPvUnitPrice@(item.Id)').showElement(); $('#pnlEditPvUnitPrice'+itemId).showElement();
$('#pnlEditPvQuantity@(item.Id)').showElement(); $('#pnlEditPvQuantity'+itemId).showElement();
$('#pnlEditPvDiscount@(item.Id)').showElement(); $('#pnlEditPvDiscount'+itemId).showElement();
$('#pnlEditPvPrice@(item.Id)').showElement(); $('#pnlEditPvPrice'+itemId).showElement();
$('#btnSaveOrderItem@(item.Id)').showElement(); $('#btnSaveOrderItem'+itemId).showElement();
$('#btnCancelOrderItem@(item.Id)').showElement(); $('#btnCancelOrderItem'+itemId).showElement();
$('#pvUnitPriceInclTax@(item.Id)').prop("disabled", false); $('#pvUnitPriceInclTax'+itemId).prop("disabled", false);
$('#pvUnitPriceExclTax@(item.Id)').prop("disabled", false); $('#pvUnitPriceExclTax'+itemId).prop("disabled", false);
$('#pvQuantity@(item.Id)').prop("disabled", false); $('#pvQuantity'+itemId).prop("disabled", false);
$('#pvDiscountInclTax@(item.Id)').prop("disabled", false); $('#pvDiscountInclTax'+itemId).prop("disabled", true);
$('#pvDiscountExclTax@(item.Id)').prop("disabled", false); $('#pvDiscountExclTax'+itemId).prop("disabled", true);
$('#pvPriceInclTax@(item.Id)').prop("disabled", false); $('#pvPriceInclTax'+itemId).prop("disabled", true);
$('#pvPriceExclTax@(item.Id)').prop("disabled", false); $('#pvPriceExclTax'+itemId).prop("disabled", true);
$('#btnEditOrderItem@(item.Id)').hideElement(); $('#btnEditOrderItem'+itemId).hideElement();
$('#btnDeleteOrderItem@(item.Id)').hideElement(); $('#btnDeleteOrderItem'+itemId).hideElement();
} else { } else {
$('#pnlEditPvUnitPrice@(item.Id)').hideElement(); $('#pnlEditPvUnitPrice'+itemId).hideElement();
$('#pnlEditPvQuantity@(item.Id)').hideElement(); $('#pnlEditPvQuantity'+itemId).hideElement();
$('#pnlEditPvDiscount@(item.Id)').hideElement(); $('#pnlEditPvDiscount'+itemId).hideElement();
$('#pnlEditPvPrice@(item.Id)').hideElement(); $('#pnlEditPvPrice'+itemId).hideElement();
$('#btnSaveOrderItem@(item.Id)').hideElement(); $('#btnSaveOrderItem'+itemId).hideElement();
$('#btnCancelOrderItem@(item.Id)').hideElement(); $('#btnCancelOrderItem'+itemId).hideElement();
$('#pvUnitPriceInclTax@(item.Id)').prop("disabled", true); $('#pvUnitPriceInclTax'+itemId).prop("disabled", true);
$('#pvUnitPriceExclTax@(item.Id)').prop("disabled", true); $('#pvUnitPriceExclTax'+itemId).prop("disabled", true);
$('#pvQuantity@(item.Id)').prop("disabled", true); $('#pvQuantity'+itemId).prop("disabled", true);
$('#pvDiscountInclTax@(item.Id)').prop("disabled", true); $('#pvDiscountInclTax'+itemId).prop("disabled", true);
$('#pvDiscountExclTax@(item.Id)').prop("disabled", true); $('#pvDiscountExclTax'+itemId).prop("disabled", true);
$('#pvPriceInclTax@(item.Id)').prop("disabled", true); $('#pvPriceInclTax'+itemId).prop("disabled", true);
$('#pvPriceExclTax@(item.Id)').prop("disabled", true); $('#pvPriceExclTax'+itemId).prop("disabled", true);
$('#btnEditOrderItem@(item.Id)').showElement(); $('#btnEditOrderItem'+itemId).showElement();
$('#btnDeleteOrderItem@(item.Id)').showElement(); $('#btnDeleteOrderItem'+itemId).showElement();
} }
} }
</script> </script>
<div class="card-body">
<div class="form-group row">
<div class="col-md-12" style="overflow-x: auto;">
@foreach (var item in Model.ItemExtendeds)
{
<script>
$(function() {
toggleOrderItemEditGlobal(false, @(item.Id));
setupAutoCalculationGlobal(@(item.Id), @(item.ProductStockQuantity + item.ProductIncomingQuantity));
});
</script>
} }
<table class="table table-hover table-bordered"> <table class="table table-hover table-bordered">
@ -114,10 +120,10 @@
} }
<thead> <thead>
<tr> <tr>
<th> @* <th>
@T("Admin.Orders.Products.Picture") @T("Admin.Orders.Products.Picture")
</th> </th>
<th> *@ <th>
@T("Admin.Orders.Products.ProductName") @T("Admin.Orders.Products.ProductName")
</th> </th>
@if (Model.HasDownloadableProducts) @if (Model.HasDownloadableProducts)
@ -130,16 +136,16 @@
@T("Admin.Orders.Products.Price") @T("Admin.Orders.Products.Price")
</th> </th>
<th> <th>
@T("FruitBank.IsMeasurable") @T("Admin.Orders.Products.Quantity")
</th> </th>
<th> <th>
@T("FruitBank.StockQuantity") @T("FruitBank.StockQuantity")
</th> </th>
<th> <th>
@T("Admin.Orders.Products.Quantity") @T("FruitBank.NetWeight")
</th> </th>
<th> <th>
@T("FruitBank.NetWeight") @T("FruitBank.IsMeasurable")
</th> </th>
@* <th> @* <th>
@T("Admin.Orders.Products.Discount") @T("Admin.Orders.Products.Discount")
@ -159,10 +165,10 @@
@foreach (var item in Model.ItemExtendeds) @foreach (var item in Model.ItemExtendeds)
{ {
<tr> <tr>
<td class="text-center preview"> @* <td class="text-center preview">
<img src="@item.PictureThumbnailUrl" alt="" title="" /> <img src="@item.PictureThumbnailUrl" alt="" title="" />
</td> </td>
<td style="width: 25%;" class="text-left"> *@ <td style="width: 25%;" class="text-left">
<em><a asp-controller="Product" asp-action="Edit" asp-route-id="@item.ProductId">@item.ProductName</a></em> <em><a asp-controller="Product" asp-action="Edit" asp-route-id="@item.ProductId">@item.ProductName</a></em>
@if (!string.IsNullOrEmpty(item.AttributeInfo)) @if (!string.IsNullOrEmpty(item.AttributeInfo))
{ {
@ -228,7 +234,7 @@
} }
</td> </td>
} }
<td style="width: 15%;" class="text-center"> <td style="width: 13%;" class="text-center">
@if (Model.AllowCustomersToSelectTaxDisplayType) @if (Model.AllowCustomersToSelectTaxDisplayType)
{ {
<div>@Html.Raw(item.UnitPriceInclTax)</div> <div>@Html.Raw(item.UnitPriceInclTax)</div>
@ -258,7 +264,8 @@
@T("Admin.Orders.Products.Edit.InclTax") @T("Admin.Orders.Products.Edit.InclTax")
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<input name="pvUnitPriceInclTax@(item.Id)" type="text" value="@item.UnitPriceInclTaxValue" id="pvUnitPriceInclTax@(item.Id)" class="form-control input-sm" /> <input name="pvUnitPriceInclTax@(item.Id)" type="text" value="@(item.UnitPriceInclTaxValue)" id="pvUnitPriceInclTax@(item.Id)"
class="form-control input-sm" />
</div> </div>
</div> </div>
@* <div class="form-group row"> @* <div class="form-group row">
@ -272,16 +279,8 @@
*@ </div> *@ </div>
</td> </td>
<td style="width: 80px;" class="text-center"> <td style="width: 8%;" class="text-center">
<div><input type="checkbox" name="pvIsMeasurable@(item.Id)" id="pvIsMeasurable@(item.Id)" @(item.IsMeasurable ? " checked" : "") disabled /></div> <div>@(item.Quantity) kt.</div>
</td>
<td style="width: 80px;" class="text-center">
<div>@($"{item.ProductStockQuantity}{(item.ProductIncomingQuantity > 0 ? " (+"+item.ProductIncomingQuantity + ")" : string.Empty)}")</div>
</td>
<td style="width: 10%;" class="text-center">
<div>@item.Quantity</div>
<div id="pnlEditPvQuantity@(item.Id)"> <div id="pnlEditPvQuantity@(item.Id)">
<div class="form-group row"> <div class="form-group row">
<div class="col-md-8 offset-md-2"> <div class="col-md-8 offset-md-2">
@ -293,8 +292,26 @@
</td> </td>
<td style="width: 80px;" class="text-center"> <td style="width: 80px;" class="text-center">
@* <div name="pvNetWeight@(item.Id)" id="pvNetWeight@(item.Id)">@item.NetWeight</div> *@ <div>
<div><input name="pvNetWeight@(item.Id)" id="pvNetWeight@(item.Id)" value='@item.NetWeight' disabled /></div> <span>@($"{item.ProductStockQuantity} kt.")</span><span>@($"{(item.ProductIncomingQuantity > 0 ? " (+" + item.ProductIncomingQuantity + ")" : string.Empty)}")</span>
</div>
</td>
<td style="width: 100px;" class="text-center">
<span>@(item.NetWeight) kg.</span>
<input type="hidden" name="pvNetWeight@(item.Id)" id="pvNetWeight@(item.Id)" value="@(item.NetWeight)" disabled />
</td>
<td style="width: 80px;" class="text-center">
@if(item.IsMeasurable)
{
<span class="badge badge-warning" disabled>Yes</span>
}
else
{
<span class="badge badge-secondary" disabled>No</span>
}
<input type="hidden" name="pvIsMeasurable@(item.Id)" id="pvIsMeasurable@(item.Id)" value="@(item.IsMeasurable.ToString())" disabled />
</td> </td>
@* <td style="width: 15%;" class="text-center"> @* <td style="width: 15%;" class="text-center">
@ -370,7 +387,8 @@
@T("Admin.Orders.Products.Edit.InclTax") @T("Admin.Orders.Products.Edit.InclTax")
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<input name="pvPriceInclTax@(item.Id)" disabled type="text" value="@item.SubTotalInclTaxValue" id="pvPriceInclTax@(item.Id)" class="form-control input-sm" /> <input name="pvPriceInclTax@(item.Id)" disabled type="text" value="@item.SubTotalInclTaxValue" id="pvPriceInclTax@(item.Id)"
class="form-control input-sm" />
</div> </div>
</div> </div>
@* <div class="form-group row"> @* <div class="form-group row">
@ -385,8 +403,8 @@
</td> </td>
@if (!Model.IsLoggedInAsVendor) @if (!Model.IsLoggedInAsVendor)
{ {
<td style="width: 15%;" class="text-center"> <td style="width: 17%;" class="text-center">
<button type="submit" class="btn btn-default" name="btnEditOrderItem@(item.Id)" onclick="toggleOrderItemEdit@(item.Id)(true);return false;" id="btnEditOrderItem@(item.Id)"> <button type="submit" class="btn btn-default" name="btnEditOrderItem@(item.Id)" onclick="toggleOrderItemEditGlobal(true, @(item.Id));return false;" id="btnEditOrderItem@(item.Id)">
<i class="fas fa-pencil"></i> <i class="fas fa-pencil"></i>
@T("Admin.Common.Edit") @T("Admin.Common.Edit")
</button> </button>
@ -403,7 +421,7 @@
</button> </button>
<nop-action-confirmation asp-button-id="@("btnSaveOrderItem" + item.Id)" /> <nop-action-confirmation asp-button-id="@("btnSaveOrderItem" + item.Id)" />
<button type="submit" class="btn btn-default" name="btnCancelOrderItem@(item.Id)" onclick="toggleOrderItemEdit@(item.Id)(false);return false;" id="btnCancelOrderItem@(item.Id)"> <button type="submit" class="btn btn-default" name="btnCancelOrderItem@(item.Id)" onclick="toggleOrderItemEditGlobal(false,@(item.Id));return false;" id="btnCancelOrderItem@(item.Id)">
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
@T("Admin.Common.Cancel") @T("Admin.Common.Cancel")
</button> </button>