619 lines
25 KiB
Plaintext
619 lines
25 KiB
Plaintext
@using Nop.Plugin.Misc.FruitBankPlugin.Models.Orders
|
|
@model OrderAttributesModel
|
|
|
|
|
|
@*
|
|
<div class="form-group row">
|
|
|
|
</div> *@
|
|
|
|
<div class="form-group row">
|
|
|
|
<div class="col-12 col-md-7">
|
|
<div class="card card-default mb-2">
|
|
<div class="card-header">
|
|
<i class="fas fa-file-invoice"></i>
|
|
Megrendelés beállítások
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="form-group row">
|
|
|
|
<div class="col-md-12">
|
|
<strong>@(Model.IsMeasurable ? "Mérendő termék!" : "Nem mérendő termék")</strong>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div class="form-group row">
|
|
<div class="col-md-3">
|
|
<nop-label asp-for="DateOfReceipt" />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<nop-editor asp-for="DateOfReceipt" asp-template="" />
|
|
</div>
|
|
<div class="col-md-3 text-right">
|
|
<button type="button" id="saveAttributesBtn" class="btn btn-primary">
|
|
<i class="fa fa-save"></i> Mentés
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<button type="button" class="btn btn-warning btn-block" data-toggle="modal" data-target="#allowRevisionModal">
|
|
<i class="fa fa-redo"></i> Újramérés engedélyezése
|
|
</button>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<button type="button" class="btn btn-primary btn-block" data-toggle="modal" data-target="#sendMessageModal">
|
|
<i class="fas fa-paper-plane"></i> Üzenet küldése
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-5">
|
|
<div class="card card-default mb-3">
|
|
<div class="card-header">
|
|
<i class="fas fa-file-invoice"></i>
|
|
Megrendelés beküldése Innvoice-ba
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="col-12">
|
|
|
|
<div id="orderStatus" class="alert alert-info" style="display: none;">
|
|
<i class="fas fa-info-circle"></i> <span id="orderStatusMessage"></span>
|
|
</div>
|
|
<div id="orderDetails" style="display: none;">
|
|
<p><strong>Order Table ID:</strong> <span id="orderTableId"></span></p>
|
|
<p><strong>Order Tech ID:</strong> <span id="orderTechId"></span></p>
|
|
<p>
|
|
<a id="orderPdfLink" href="#" target="_blank" class="btn btn-sm btn-info">
|
|
<i class="fas fa-file-pdf"></i> PDF megtekintése
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 text-right float-end">
|
|
<button type="button" id="createOrderBtn" class="btn btn-success">
|
|
<i class="fas fa-shopping-cart"></i> Megrendelés beküldése
|
|
</button>
|
|
<button type="button" id="checkOrderBtn" class="btn btn-secondary" style="display: none;">
|
|
<i class="fas fa-sync"></i> Invoice adat ellenőrzése
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Allow Revision Modal -->
|
|
<div class="modal fade" id="allowRevisionModal" tabindex="-1" role="dialog" aria-labelledby="allowRevisionModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="allowRevisionModalLabel">
|
|
<i class="fa fa-redo"></i> Újramérés engedélyezése
|
|
</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="revisionSubject"><strong>Válassza ki az újramérendő terméket:</strong></label>
|
|
<select id="revisionSubject" class="form-control">
|
|
<option value="" disabled selected>Újramérendő termék</option>
|
|
@foreach (var orderItem in Model.OrderDto.OrderItemDtos)
|
|
{
|
|
<option value="@orderItem.Id">@orderItem.ProductName - @orderItem.Quantity @orderItem.IsAudited</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div id="revisionStatus" class="alert" style="display: none; margin-top: 15px;">
|
|
<i class="fas fa-info-circle"></i> <span id="revisionStatusMessage"></span>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">
|
|
<i class="fa fa-times"></i> Mégse
|
|
</button>
|
|
<button type="button" id="allowRevisionBtn" class="btn btn-primary">
|
|
<i class="fa fa-save"></i> Újramérés engedélyezése
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Send Message Modal -->
|
|
<div class="modal fade" id="sendMessageModal" tabindex="-1" role="dialog" aria-labelledby="sendMessageModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="sendMessageModalLabel">
|
|
<i class="fas fa-paper-plane"></i> Üzenet küldése
|
|
</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="notificationMessage"><strong>Üzenet szövege:</strong></label>
|
|
<textarea id="notificationMessage" class="form-control" rows="4" placeholder="Írja be az üzenetet..."></textarea>
|
|
</div>
|
|
<div id="notificationStatus" class="alert" style="display: none; margin-top: 15px;">
|
|
<i class="fas fa-info-circle"></i> <span id="notificationStatusMessage"></span>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">
|
|
<i class="fa fa-times"></i> Mégse
|
|
</button>
|
|
<button type="button" id="sendNotificationBtn" class="btn btn-primary">
|
|
<i class="fas fa-paper-plane"></i> Üzenet küldése
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
var createOrderUrl = '/Admin/InnVoiceOrder/CreateOrder';
|
|
var getOrderStatusUrl = '/Admin/InnVoiceOrder/GetOrderStatus';
|
|
var createInvoiceUrl = '/Admin/Invoice/CreateInvoice';
|
|
var getInvoiceStatusUrl = '/Admin/Invoice/GetInvoiceStatus';
|
|
|
|
|
|
var orderExists = false;
|
|
var invoiceExists = false;
|
|
|
|
// Remove validation from these specific fields
|
|
$('#@Html.IdFor(m => m.IsMeasurable)').rules('remove');
|
|
$('#@Html.IdFor(m => m.DateOfReceipt)').rules('remove');
|
|
|
|
// Also set data-val to false
|
|
$('#@Html.IdFor(m => m.IsMeasurable)').attr('data-val', 'false');
|
|
$('#@Html.IdFor(m => m.DateOfReceipt)').attr('data-val', 'false');
|
|
|
|
// Save Order Attributes
|
|
$("#saveAttributesBtn").click(function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "@Url.Action("SaveOrderAttributes", "CustomOrder")",
|
|
data: {
|
|
orderId: "@Model.OrderId",
|
|
isMeasurable: $("#@Html.IdFor(m => m.IsMeasurable)").is(":checked"),
|
|
dateOfReceipt: $("#@Html.IdFor(m => m.DateOfReceipt)").val(),
|
|
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
|
|
},
|
|
success: function () {
|
|
alert("Attributes saved successfully");
|
|
},
|
|
error: function () {
|
|
alert("Error saving attributes");
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
// Allow Revision Button (in modal)
|
|
$("#allowRevisionBtn").click(function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var selectedOrderItemId = $("#revisionSubject").val();
|
|
|
|
if (!selectedOrderItemId) {
|
|
showRevisionStatus("Kérjük, válasszon ki egy terméket!", "warning");
|
|
return false;
|
|
}
|
|
|
|
var btn = $(this);
|
|
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Mentés...');
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "@Url.Action("AllowRevision", "CustomOrder")",
|
|
data: {
|
|
orderId: "@Model.OrderId",
|
|
orderItemId: selectedOrderItemId,
|
|
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
|
|
},
|
|
success: function () {
|
|
btn.prop("disabled", false).html('<i class="fa fa-save"></i> Újramérés engedélyezése');
|
|
showRevisionStatus("Újramérés sikeresen engedélyezve!", "success");
|
|
|
|
// Close modal after 1.5 seconds
|
|
setTimeout(function() {
|
|
$('#allowRevisionModal').modal('hide');
|
|
$("#revisionSubject").val(""); // Reset select
|
|
}, 1500);
|
|
},
|
|
error: function () {
|
|
btn.prop("disabled", false).html('<i class="fa fa-save"></i> Újramérés engedélyezése');
|
|
showRevisionStatus("Hiba történt a művelet során!", "danger");
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
function showRevisionStatus(message, type) {
|
|
var statusDiv = $("#revisionStatus");
|
|
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
|
|
.addClass("alert-" + type);
|
|
$("#revisionStatusMessage").text(message);
|
|
statusDiv.show();
|
|
}
|
|
|
|
// Clear revision status when modal is closed
|
|
$('#allowRevisionModal').on('hidden.bs.modal', function () {
|
|
$("#revisionStatus").hide();
|
|
$("#revisionSubject").val("");
|
|
});
|
|
|
|
// ========== ORDER MANAGEMENT ==========
|
|
|
|
// Create Order
|
|
$("#createOrderBtn").click(function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var btn = $(this);
|
|
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Creating Order...');
|
|
|
|
showOrderStatus("Creating order in InnVoice, please wait...", "info");
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: createOrderUrl,
|
|
data: { orderId: @Model.OrderId },
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
console.log("Order Response:", response);
|
|
btn.prop("disabled", false).html('<i class="fas fa-shopping-cart"></i> Create Order in InnVoice');
|
|
|
|
if (response.success) {
|
|
showOrderStatus("Order created successfully in InnVoice!", "success");
|
|
displayOrderDetails(response.data);
|
|
orderExists = true;
|
|
updateOrderButtons();
|
|
} else {
|
|
showOrderStatus("Error: " + (response.message || "Unknown error"), "danger");
|
|
}
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error("Order AJAX Error:", xhr, status, error);
|
|
btn.prop("disabled", false).html('<i class="fas fa-shopping-cart"></i> Create Order in InnVoice');
|
|
|
|
var errorMessage = "Error creating order";
|
|
if (xhr.responseJSON && xhr.responseJSON.message) {
|
|
errorMessage = xhr.responseJSON.message;
|
|
} else if (xhr.responseText) {
|
|
try {
|
|
var errorObj = JSON.parse(xhr.responseText);
|
|
errorMessage = errorObj.message || errorMessage;
|
|
} catch (e) {
|
|
errorMessage = "Error: " + xhr.status + " - " + xhr.statusText;
|
|
}
|
|
}
|
|
showOrderStatus(errorMessage, "danger");
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
// Check Order Status
|
|
$("#checkOrderBtn").click(function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var btn = $(this);
|
|
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Checking...');
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: getOrderStatusUrl,
|
|
data: { orderId: @Model.OrderId },
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
btn.prop("disabled", false).html('<i class="fas fa-sync"></i> Refresh Order');
|
|
|
|
if (response.success && response.data) {
|
|
displayOrderDetails(response.data);
|
|
showOrderStatus("Order details refreshed", "success");
|
|
} else {
|
|
showOrderStatus("No order found in InnVoice for this order", "warning");
|
|
}
|
|
},
|
|
error: function () {
|
|
btn.prop("disabled", false).html('<i class="fas fa-sync"></i> Refresh Order');
|
|
showOrderStatus("Error checking order status", "danger");
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
function showOrderStatus(message, type) {
|
|
var statusDiv = $("#orderStatus");
|
|
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
|
|
.addClass("alert-" + type);
|
|
$("#orderStatusMessage").text(message);
|
|
statusDiv.show();
|
|
}
|
|
|
|
function displayOrderDetails(data) {
|
|
$("#orderTableId").text(data.tableId || "N/A");
|
|
$("#orderTechId").text(data.techId || "N/A");
|
|
|
|
if (data.printUrl) {
|
|
$("#orderPdfLink").attr("href", data.printUrl).show();
|
|
} else {
|
|
$("#orderPdfLink").hide();
|
|
}
|
|
|
|
$("#orderDetails").show();
|
|
}
|
|
|
|
function updateOrderButtons() {
|
|
if (orderExists) {
|
|
$("#createOrderBtn").hide();
|
|
$("#checkOrderBtn").show();
|
|
} else {
|
|
$("#createOrderBtn").show();
|
|
$("#checkOrderBtn").hide();
|
|
}
|
|
}
|
|
|
|
// Check if order exists on page load
|
|
$.ajax({
|
|
type: "GET",
|
|
url: getOrderStatusUrl,
|
|
data: { orderId: @Model.OrderId },
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
if (response.success && response.data) {
|
|
displayOrderDetails(response.data);
|
|
orderExists = true;
|
|
updateOrderButtons();
|
|
}
|
|
},
|
|
error: function() {
|
|
// Silently fail on page load
|
|
orderExists = false;
|
|
updateOrderButtons();
|
|
}
|
|
});
|
|
|
|
// ========== INVOICE MANAGEMENT ==========
|
|
|
|
// Create Invoice
|
|
$("#createInvoiceBtn").click(function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var btn = $(this);
|
|
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Creating Invoice...');
|
|
|
|
showInvoiceStatus("Creating invoice, please wait...", "info");
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: createInvoiceUrl,
|
|
data: { orderId: @Model.OrderId },
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
console.log("Invoice Response:", response);
|
|
btn.prop("disabled", false).html('<i class="fas fa-file-invoice-dollar"></i> Create Invoice');
|
|
|
|
if (response.success) {
|
|
showInvoiceStatus("Invoice created successfully!", "success");
|
|
displayInvoiceDetails(response.data);
|
|
invoiceExists = true;
|
|
updateInvoiceButtons();
|
|
} else {
|
|
showInvoiceStatus("Error: " + (response.message || "Unknown error"), "danger");
|
|
}
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error("Invoice AJAX Error:", xhr, status, error);
|
|
btn.prop("disabled", false).html('<i class="fas fa-file-invoice-dollar"></i> Create Invoice');
|
|
|
|
var errorMessage = "Error creating invoice";
|
|
if (xhr.responseJSON && xhr.responseJSON.message) {
|
|
errorMessage = xhr.responseJSON.message;
|
|
} else if (xhr.responseText) {
|
|
try {
|
|
var errorObj = JSON.parse(xhr.responseText);
|
|
errorMessage = errorObj.message || errorMessage;
|
|
} catch (e) {
|
|
errorMessage = "Error: " + xhr.status + " - " + xhr.statusText;
|
|
}
|
|
}
|
|
showInvoiceStatus(errorMessage, "danger");
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
// Check Invoice Status
|
|
$("#checkInvoiceBtn").click(function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var btn = $(this);
|
|
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Checking...');
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: getInvoiceStatusUrl,
|
|
data: { orderId: @Model.OrderId },
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
btn.prop("disabled", false).html('<i class="fas fa-sync"></i> Refresh Invoice');
|
|
|
|
if (response.success && response.data) {
|
|
displayInvoiceDetails(response.data);
|
|
showInvoiceStatus("Invoice details refreshed", "success");
|
|
} else {
|
|
showInvoiceStatus("No invoice found for this order", "warning");
|
|
}
|
|
},
|
|
error: function () {
|
|
btn.prop("disabled", false).html('<i class="fas fa-sync"></i> Refresh Invoice');
|
|
showInvoiceStatus("Error checking invoice status", "danger");
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
function showInvoiceStatus(message, type) {
|
|
var statusDiv = $("#invoiceStatus");
|
|
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
|
|
.addClass("alert-" + type);
|
|
$("#invoiceStatusMessage").text(message);
|
|
statusDiv.show();
|
|
}
|
|
|
|
function displayInvoiceDetails(data) {
|
|
$("#invoiceNumber").text(data.invoiceNumber || data.sorszam || "N/A");
|
|
$("#invoiceTableId").text(data.tableId || "N/A");
|
|
|
|
if (data.printUrl) {
|
|
$("#invoicePdfLink").attr("href", data.printUrl).show();
|
|
} else {
|
|
$("#invoicePdfLink").hide();
|
|
}
|
|
|
|
$("#invoiceDetails").show();
|
|
}
|
|
|
|
function updateInvoiceButtons() {
|
|
if (invoiceExists) {
|
|
$("#createInvoiceBtn").hide();
|
|
$("#checkInvoiceBtn").show();
|
|
} else {
|
|
$("#createInvoiceBtn").show();
|
|
$("#checkInvoiceBtn").hide();
|
|
}
|
|
}
|
|
|
|
// Check if invoice exists on page load
|
|
$.ajax({
|
|
type: "GET",
|
|
url: getInvoiceStatusUrl,
|
|
data: { orderId: @Model.OrderId },
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
if (response.success && response.data) {
|
|
displayInvoiceDetails(response.data);
|
|
invoiceExists = true;
|
|
updateInvoiceButtons();
|
|
}
|
|
},
|
|
error: function() {
|
|
// Silently fail on page load
|
|
invoiceExists = false;
|
|
updateInvoiceButtons();
|
|
}
|
|
});
|
|
|
|
// ========== NOTIFICATION MANAGEMENT ==========
|
|
|
|
var sendNotificationUrl = '/Admin/CustomOrder/SendOrderNotification';
|
|
|
|
// Send Notification (in modal)
|
|
$("#sendNotificationBtn").click(function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var message = $("#notificationMessage").val().trim();
|
|
|
|
if (!message) {
|
|
showNotificationStatus("Kérjük, adjon meg egy üzenetet!", "warning");
|
|
return false;
|
|
}
|
|
|
|
var btn = $(this);
|
|
btn.prop("disabled", true).html('<i class="fas fa-spinner fa-spin"></i> Küldés...');
|
|
|
|
showNotificationStatus("Üzenet küldése folyamatban...", "info");
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: sendNotificationUrl,
|
|
data: {
|
|
orderId: @Model.OrderId,
|
|
message: message,
|
|
__RequestVerificationToken: $('input[name="__RequestVerificationToken"]').val()
|
|
},
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
console.log("Notification Response:", response);
|
|
btn.prop("disabled", false).html('<i class="fas fa-paper-plane"></i> Üzenet küldése');
|
|
|
|
if (response.success) {
|
|
showNotificationStatus("Üzenet sikeresen elküldve!", "success");
|
|
|
|
// Close modal after 1.5 seconds
|
|
setTimeout(function() {
|
|
$('#sendMessageModal').modal('hide');
|
|
$("#notificationMessage").val(""); // Clear the textbox
|
|
}, 1500);
|
|
} else {
|
|
showNotificationStatus("Hiba: " + (response.message || "Ismeretlen hiba"), "danger");
|
|
}
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error("Notification AJAX Error:", xhr, status, error);
|
|
btn.prop("disabled", false).html('<i class="fas fa-paper-plane"></i> Üzenet küldése');
|
|
|
|
var errorMessage = "Hiba az üzenet küldése közben";
|
|
if (xhr.responseJSON && xhr.responseJSON.message) {
|
|
errorMessage = xhr.responseJSON.message;
|
|
} else if (xhr.responseText) {
|
|
try {
|
|
var errorObj = JSON.parse(xhr.responseText);
|
|
errorMessage = errorObj.message || errorMessage;
|
|
} catch (e) {
|
|
errorMessage = "Hiba: " + xhr.status + " - " + xhr.statusText;
|
|
}
|
|
}
|
|
showNotificationStatus(errorMessage, "danger");
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
function showNotificationStatus(message, type) {
|
|
var statusDiv = $("#notificationStatus");
|
|
statusDiv.removeClass("alert-info alert-success alert-warning alert-danger")
|
|
.addClass("alert-" + type);
|
|
$("#notificationStatusMessage").text(message);
|
|
statusDiv.show();
|
|
}
|
|
|
|
// Clear notification status when modal is closed
|
|
$('#sendMessageModal').on('hidden.bs.modal', function () {
|
|
$("#notificationStatus").hide();
|
|
$("#notificationMessage").val("");
|
|
});
|
|
|
|
});
|
|
</script>
|