[FIX] LEAVE: Fixed quick action form js

This commit is contained in:
Horilla
2024-04-02 10:07:51 +05:30
parent b5cd90d580
commit afe9c93471

View File

@@ -415,231 +415,6 @@
})
});
function empleavetypeChange(selectElement) {
var selectedLeavetype =selectElement.val()
let parentForm = selectElement.parents().closest("form")
var employeeId = parentForm.find('[name = employee_id]').val()
var start_date = parentForm.find('[name = start_date_id]').val()
$.ajax({
type: "post",
url: "{% url 'employee-leave-details' %}",
data: {
csrfmiddlewaretoken: getCookie("csrftoken"),
"leave_type":selectedLeavetype,
"employee_id":employeeId,
"date":start_date,
},
success: function (response) {
// Assuming parentForm is a reference to the form containing the element to update
var messageDiv = parentForm.find(".leave-message");
// Check if the messageDiv already exists, if not create it
if (!messageDiv.length) {
messageDiv = $("<div class='leave-message'></div>");
parentForm.prepend(messageDiv);
}
// Checking leave type is selected in the form or not
if (response.leave_count != '' && response.employee != ''){
messageDiv.show()
messageDiv.text("Available Leaves : " + response.leave_count);
messageDiv.css({
'background-color': '#dff0d8',
'border': '2px solid #3c763d',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': '35%'
});
}
else if ( selectedLeavetype === ''){
messageDiv.hide()
}
else if (selectedLeavetype != '' && response.leave_count === '' && response.employee != ''){
messageDiv.show()
messageDiv.text("Leave type is not assigned for selecetd employee.");
messageDiv.css({
'background-color': 'rgb(229 79 56 / 17%)',
'border': '2px solid hsl(8,77%,56%)',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': 'auto'
});
}
else if (response.leave_count === 0.0){
messageDiv.show()
messageDiv.text("Available Leaves : " + response.leave_count);
messageDiv.css({
'background-color': 'rgb(229 79 56 / 17%)',
'border': '2px solid hsl(8,77%,56%)',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': '35%'
});
}
else{
messageDiv.hide()
}
}
});
}
function employeeChange(selectElement) {
var employeeId =selectElement.val()
let parentForm = selectElement.parents().closest("form")
var leavetypeId = parentForm.find('[name = leave_type_id]').val()
var start_date = parentForm.find('[name = start_date_id]').val()
$.ajax({
type: "post",
url: "{% url 'employee-leave-details' %}",
data: {
csrfmiddlewaretoken: getCookie("csrftoken"),
"leave_type":leavetypeId,
"employee_id":employeeId,
"date":start_date,
},
success: function (response) {
// Assuming parentForm is a reference to the form containing the element to update
var messageDiv = parentForm.find(".leave-message");
// Check if the messageDiv already exists, if not create it
if (!messageDiv.length) {
messageDiv = $("<div class='leave-message'></div>");
parentForm.prepend(messageDiv);
}
// Checking leave type is selected in the form or not
if (response.leave_count != '' && response.employee != ''){
messageDiv.show()
messageDiv.text("Available Leaves : " + response.leave_count);
messageDiv.css({
'background-color': '#dff0d8',
'border': '2px solid #3c763d',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': '35%'
});
}
else if ( leavetypeId === ''){
messageDiv.hide()
}
else if (leavetypeId != '' && response.leave_count === '' && response.employee != ''){
messageDiv.show()
messageDiv.text("Leave type is not assigned for selecetd employee.");
messageDiv.css({
'background-color': 'rgb(229 79 56 / 17%)',
'border': '2px solid hsl(8,77%,56%)',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': 'auto'
});
}
else if (response.leave_count === 0.0){
messageDiv.show()
messageDiv.text("Available Leaves : " + response.leave_count);
messageDiv.css({
'background-color': 'rgb(229 79 56 / 17%)',
'border': '2px solid hsl(8,77%,56%)',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': '35%'
});
}
else{
messageDiv.hide()
}
}
});
}
function dateChange(selectElement) {
let parentForm = selectElement.parents().closest("form")
var employeeId = parentForm.find('[name = employee_id]').val()
var leavetypeId = parentForm.find('[name = leave_type_id]').val()
var start_date = selectElement.val()
$.ajax({
type: "post",
url: "{% url 'employee-leave-details' %}",
data: {
csrfmiddlewaretoken: getCookie("csrftoken"),
"leave_type":leavetypeId,
"employee_id":employeeId,
"date": start_date,
},
success: function (response) {
// Assuming parentForm is a reference to the form containing the element to update
var messageDiv = parentForm.find(".leave-message");
// Check if the messageDiv already exists, if not create it
if (!messageDiv.length) {
messageDiv = $("<div class='leave-message'></div>");
parentForm.prepend(messageDiv);
}
// Checking leave type is selected in the form or not
if (response.leave_count != '' && response.employee != '') {
messageDiv.show()
messageDiv.text("Available Leaves : " + response.leave_count);
messageDiv.css({
'background-color': '#dff0d8',
'border': '2px solid #3c763d',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': '35%'
});
}
else if ( leavetypeId === ''){
messageDiv.hide()
}
else if (leavetypeId != '' && response.leave_count === '' && response.employee != ''){
messageDiv.show()
messageDiv.text("Leave type is not assigned for selecetd employee.");
messageDiv.css({
'background-color': 'rgb(229 79 56 / 17%)',
'border': '2px solid hsl(8,77%,56%)',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': 'auto'
});
}
else if (response.leave_count === 0.0){
messageDiv.show()
messageDiv.text("Available Leaves : " + response.leave_count);
messageDiv.css({
'background-color': 'rgb(229 79 56 / 17%)',
'border': '2px solid hsl(8,77%,56%)',
'border-radius': '18px',
'padding': '10px',
'font-weight': 'bold',
'margin-bottom': '15px',
'width': '35%'
});
}
else{
messageDiv.hide()
}
}
});
}
function enlargeImage(src,$element) {
$(".enlargeImageContainer").empty()
var enlargeImageContainer = $element.parents().closest("li").find(".enlargeImageContainer")