606 lines
21 KiB
JavaScript
606 lines
21 KiB
JavaScript
$(document).ready(function () {
|
||
$('.form-control-percent').on('keydown', function (e) {
|
||
const allowedKeys = [
|
||
'Backspace', 'Tab', 'Escape', 'Enter', 'ArrowLeft', 'ArrowRight',
|
||
'ArrowUp', 'ArrowDown', 'Delete', 'Home', 'End'
|
||
];
|
||
|
||
if (allowedKeys.includes(e.key) || (e.key === 'a' && (e.ctrlKey || e.metaKey))) {
|
||
return;
|
||
}
|
||
|
||
const persianNumbers = /[۰-۹]/;
|
||
const arabicNumbers = /[٠-٩]/;
|
||
|
||
if (persianNumbers.test(e.key) || arabicNumbers.test(e.key)) {
|
||
e.preventDefault();
|
||
const englishDigit = convertPersianNumbersToEnglish(e.key);
|
||
const currentValue = $(this).val();
|
||
$(this).val(currentValue + englishDigit);
|
||
return;
|
||
}
|
||
|
||
if (!/^\d$/.test(e.key)) {
|
||
e.preventDefault();
|
||
}
|
||
});
|
||
|
||
$(".form-control-currency").each(function () {
|
||
let element = $(this);
|
||
|
||
element.on('input', function () {
|
||
let value = convertPersianNumbersToEnglish(element.val());
|
||
element.val(value);
|
||
});
|
||
|
||
new Cleave(this, {
|
||
numeral: true,
|
||
numeralThousandsGroupStyle: 'thousand'
|
||
});
|
||
});
|
||
|
||
$(".dateTime").each(function () {
|
||
let element = $(this);
|
||
|
||
element.on('input', function () {
|
||
let value = convertPersianNumbersToEnglish(element.val());
|
||
element.val(value);
|
||
});
|
||
|
||
new Cleave(this, {
|
||
time: true,
|
||
timePattern: ['h', 'm']
|
||
});
|
||
});
|
||
|
||
//----------------------- Radio Group -----------------------
|
||
//$('.Sub-Radio, .sub-input').prop('disabled', true);
|
||
|
||
$('.Main-Radio').on('change', function () {
|
||
var $currentGroupContainer = $(this).closest('.group-container');
|
||
var $currentGroupInput = $(this).closest('.group');
|
||
|
||
// Clear previous selections
|
||
$currentGroupContainer.find('.Sub-Radio').prop('checked', false).prop('disabled', true);
|
||
$currentGroupContainer.find('.sub-input').val('').prop('disabled', true);
|
||
$currentGroupInput.find('.sub-input').first().prop('disabled', false).focus();
|
||
|
||
// Disable all main checkboxes except the current one
|
||
$currentGroupContainer.find('.main-checkbox').prop('checked', false);
|
||
|
||
var $currentGroup = $(this).closest('.group');
|
||
|
||
|
||
if (!$(this).hasClass('main-checkbox')) {
|
||
$currentGroupContainer.find('.main-checkbox').prop('checked', false);
|
||
} else {
|
||
$currentGroupContainer.find('.main-checkbox').prop('checked', true);
|
||
$currentGroupContainer.find('.main-checkbox').not(this).prop('checked', false);
|
||
|
||
if ($(this).is(':checked')) {
|
||
$currentGroup.find('.Sub-Radio').prop('disabled', false);
|
||
|
||
var $firstSubRadio = $currentGroup.find('.Sub-Radio').first();
|
||
$firstSubRadio.prop('checked', true);
|
||
$firstSubRadio.closest('div').find('.sub-input').prop('disabled', false).focus();
|
||
}
|
||
}
|
||
});
|
||
|
||
$('.Sub-Radio').on('change', function () {
|
||
var $currentSubGroup = $(this).closest('.sub-group');
|
||
|
||
$currentSubGroup.find('.sub-input').val('').prop('disabled', true);
|
||
|
||
if ($(this).is(':checked')) {
|
||
// $(this).next('.sub-input').prop('disabled', false);
|
||
$(this).closest('div').find('.sub-input').prop('disabled', false).focus();
|
||
}
|
||
});
|
||
});
|
||
|
||
$(document).ready(function () {
|
||
//******************** انتخاب چک باکس ********************
|
||
$('#AbsentPenaltyAll').on('change', function () {
|
||
var isChecked = $(this).is(':checked');
|
||
$('input[name="AbsentPenaltyDays"]').not('#AbsentPenaltyAll').prop('checked', isChecked);
|
||
});
|
||
|
||
$('input[name="AbsentPenaltyDays"]').not('#AbsentPenaltyAll').on('change', function () {
|
||
var allChecked = $('input[name="AbsentPenaltyDays"]').not('#AbsentPenaltyAll').length ===
|
||
$('input[name="AbsentPenaltyDays"]:checked').not('#AbsentPenaltyAll').length;
|
||
$('#AbsentPenaltyAll').prop('checked', allChecked);
|
||
});
|
||
//******************** انتخاب چک باکس ********************
|
||
|
||
$('.spinner-loading').hide();
|
||
});
|
||
|
||
$(document).ready(function () {
|
||
$('.current').each(function () {
|
||
var targetForm = $(this).data('target');
|
||
$('#' + targetForm).show();
|
||
});
|
||
|
||
$('.sidebarRollCallMenu ul li').click(function () {
|
||
$('.form-section').hide();
|
||
|
||
$('.sidebarRollCallMenu ul li').removeClass('current');
|
||
|
||
$(this).addClass('current');
|
||
$('#rollCallSettingModalHead').text($(this).find('span').text());
|
||
|
||
var targetForm = $(this).data('target');
|
||
|
||
$('#' + targetForm).show();
|
||
});
|
||
|
||
$(".btnAddTimeWork").on("click", function () {
|
||
var currentCount = $('.groupBox').length;
|
||
|
||
if (currentCount < 3) {
|
||
var namePlacement = "";
|
||
var namePlacementPersian = "";
|
||
|
||
switch (currentCount + 1) {
|
||
case 2:
|
||
namePlacement = "Second";
|
||
namePlacementPersian = "دوم";
|
||
break;
|
||
case 3:
|
||
namePlacement = "Third";
|
||
namePlacementPersian = "سوم";
|
||
break;
|
||
default:
|
||
}
|
||
|
||
var timeWorkHtml = `
|
||
<div class="groupBox timeWork">
|
||
<div class="row align-items-center justify-content-between">
|
||
<div class="col-2 d-flex align-items-center">
|
||
<input type="hidden" name="Command.ShiftsList[${currentCount}].Placement" value="${namePlacement}" />
|
||
<div class="timeWorkTitle">نوبت ${namePlacementPersian}</div>
|
||
</div>
|
||
<div class="col-4 d-flex align-items-center">
|
||
<div class="timeWorkTitle">از</div>
|
||
<input type="text" class="form-control text-center dateTime" name="Command.ShiftsList[${currentCount}].StartTime" placeholder="00:00" style="direction: ltr;"/>
|
||
</div>
|
||
<div class="col-4 d-flex align-items-center">
|
||
<div class="timeWorkTitle">الی</div>
|
||
<input type="text" class="form-control text-center dateTime" name="Command.ShiftsList[${currentCount}].EndTime" placeholder="00:00" style="direction: ltr;"/>
|
||
</div>
|
||
<div class="col-2 d-flex align-items-center justify-content-end">
|
||
<button type="button" class="btnRemoveTimeWork">
|
||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="11" cy="11" r="8.25" stroke="white"/>
|
||
<path d="M6.875 11H15.125" stroke="white"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>`;
|
||
|
||
$('#appendChildTimeWorkHtml').append(timeWorkHtml);
|
||
|
||
|
||
|
||
const newStartTimeInput = $(`input[name="Command.ShiftsList[${currentCount}].StartTime"]`);
|
||
const newEndTimeInput = $(`input[name="Command.ShiftsList[${currentCount}].EndTime"]`);
|
||
|
||
newStartTimeInput.on('input', function () {
|
||
const value = convertPersianNumbersToEnglish($(this).val());
|
||
$(this).val(value);
|
||
});
|
||
|
||
newEndTimeInput.on('input', function () {
|
||
const value = convertPersianNumbersToEnglish($(this).val());
|
||
$(this).val(value);
|
||
});
|
||
|
||
new Cleave(newStartTimeInput[0], {
|
||
time: true,
|
||
timePattern: ['h', 'm']
|
||
});
|
||
|
||
new Cleave(newEndTimeInput[0], {
|
||
time: true,
|
||
timePattern: ['h', 'm']
|
||
});
|
||
|
||
//new Cleave(`input[name="Command.ShiftsList[${currentCount}].StartTime"]`, {
|
||
// time: true,
|
||
// timePattern: ['h', 'm']
|
||
//});
|
||
|
||
//new Cleave(`input[name="Command.ShiftsList[${currentCount}].EndTime"]`, {
|
||
// time: true,
|
||
// timePattern: ['h', 'm']
|
||
//});
|
||
|
||
updateAddButtonText(currentCount + 1);
|
||
|
||
if (currentCount + 1 === 3) {
|
||
$(".btnAddTimeWork").hide();
|
||
}
|
||
}
|
||
});
|
||
$(document).on("click", ".btnRemoveTimeWork", function () {
|
||
$(this).closest(".groupBox").remove();
|
||
var currentCount = $('.groupBox').length;
|
||
|
||
updateAddButtonText(currentCount);
|
||
|
||
if (currentCount < 3) {
|
||
$(".btnAddTimeWork").show();
|
||
}
|
||
});
|
||
});
|
||
//updateAddButtonText(1);
|
||
function updateAddButtonText(currentCount) {
|
||
if (currentCount === 1) {
|
||
$('.btnAppendChildTimeWork').text('افزودن نوبت دوم');
|
||
} else if (currentCount === 2) {
|
||
$('.btnAppendChildTimeWork').text('افزودن نوبت سوم');
|
||
}
|
||
|
||
let allFilled = true;
|
||
$('.dateTime').each(function () {
|
||
const value = $(this).val().trim();
|
||
if (value === "" || !timeValidCheck(value)) {
|
||
allFilled = false;
|
||
return false; // Break the loop
|
||
}
|
||
});
|
||
|
||
if (allFilled) {
|
||
$('.btn-register').removeClass('disable');
|
||
} else {
|
||
$('.btn-register').addClass('disable');
|
||
}
|
||
}
|
||
|
||
//******************** برای نوشتن تاریخ ********************
|
||
|
||
//$(document).on('input', ".dateTime", function () {
|
||
// var value = $(this).val();
|
||
// $(this).val(convertPersianNumbersToEnglish(value)).mask("00:00");
|
||
//});
|
||
|
||
$(document).on('keyup', ".dateTime", function () {
|
||
let $input = $(this);
|
||
let value = $input.val();
|
||
let lengthValue = value.length;
|
||
let currentCount = $('.groupBox').length;
|
||
|
||
if (lengthValue >= 5) {
|
||
if (!timeValidCheck(value)) {
|
||
showAlert('ساعت را به درستی وارد نمائید', $input);
|
||
updateAddButtonText(currentCount);
|
||
} else {
|
||
clearAlert($input);
|
||
validateAllTimes();
|
||
updateAddButtonText(currentCount);
|
||
|
||
focusNextTimeInput($input);
|
||
}
|
||
} else {
|
||
updateAddButtonText(currentCount);
|
||
}
|
||
});
|
||
|
||
function showAlert(message, inputElement) {
|
||
inputElement.addClass("errored");
|
||
$('.alert-msg').show().find('p').text(message);
|
||
setTimeout(function () {
|
||
clearAlert(inputElement);
|
||
}, 3500);
|
||
}
|
||
|
||
function clearAlert(inputElement) {
|
||
inputElement.removeClass("errored");
|
||
$('.alert-msg').hide().find('p').text('');
|
||
}
|
||
|
||
function timeValidCheck(value) {
|
||
const timePattern = /^([01]\d|2[0-3]):([0-5]\d)$/; // Validates HH:mm format
|
||
return timePattern.test(value);
|
||
}
|
||
|
||
function validateAllTimes() {
|
||
let timeRanges = [];
|
||
|
||
$(".groupBox").each(function () {
|
||
let startTime = $(this).find('input[name*="StartTime"]').val();
|
||
let endTime = $(this).find('input[name*="EndTime"]').val();
|
||
|
||
if (startTime.length === 5 && endTime.length === 5) {
|
||
let startParts = startTime.split(':');
|
||
let endParts = endTime.split(':');
|
||
let startInMinutes = parseInt(startParts[0]) * 60 + parseInt(startParts[1]);
|
||
let endInMinutes = parseInt(endParts[0]) * 60 + parseInt(endParts[1]);
|
||
timeRanges.push({ start: startInMinutes, end: endInMinutes });
|
||
}
|
||
});
|
||
|
||
// Check for conflicts and order
|
||
for (let i = 0; i < timeRanges.length; i++) {
|
||
for (let j = 0; j < i; j++) {
|
||
if (timeRanges[i].start >= timeRanges[i].end) {
|
||
showAlert('زمان شروع باید قبل از زمان پایان باشد', $(".groupBox").eq(i).find('input[name*="StartTime"]'));
|
||
return;
|
||
}
|
||
|
||
// Check for overlap with previous entries
|
||
if (timeRanges[i].start < timeRanges[j].end && timeRanges[i].end > timeRanges[j].start) {
|
||
showAlert('زمانها نباید تداخل داشته باشند', $(".groupBox").eq(i).find('input[name*="StartTime"]'));
|
||
return;
|
||
}
|
||
// Check if the current start time is before the previous start time
|
||
if (i > 0 && timeRanges[i].start < timeRanges[i - 1].start) {
|
||
showAlert('ساعت جدید نباید کوچکتر از ساعتهای قبلی باشد', $(".groupBox").eq(i).find('input[name*="StartTime"]'));
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
function focusNextTimeInput(currentInput) {
|
||
var inputs = $(".dateTime");
|
||
var currentIndex = inputs.index(currentInput);
|
||
|
||
if (currentIndex !== -1 && currentIndex < inputs.length - 1) {
|
||
$(inputs[currentIndex + 1]).focus();
|
||
}
|
||
}
|
||
//******************** برای نوشتن تاریخ ********************
|
||
|
||
var eyeShow = $('.eyeShow');
|
||
var eyeClose = $('.eyeClose');
|
||
var reEyeShow = $('.reEyeShow');
|
||
var reEyeClose = $('.reEyeClose');
|
||
eyeShow.show();
|
||
eyeClose.hide();
|
||
reEyeShow.show();
|
||
reEyeClose.hide();
|
||
|
||
$(document).on('click', '#accountModalModal button', function () {
|
||
|
||
// alert($(this));
|
||
// $(this).find('input').type ? 'text' : 'password';
|
||
// document.getElementById('hybrid').type = 'password';
|
||
$("#accountModalModal button").find('input').attr("type", "text");
|
||
|
||
|
||
// var input=document.getElementById(some-id);
|
||
// var input2= input.cloneNode(false);
|
||
// input2.type='password';
|
||
// input.parentNode.replaceChild(input2,input);
|
||
});
|
||
|
||
function passFunction() {
|
||
var x = document.getElementById("signupInputPassword");
|
||
|
||
if (x.type === "password") {
|
||
x.type = "text";
|
||
eyeShow.hide();
|
||
eyeClose.show();
|
||
} else {
|
||
x.type = "password";
|
||
eyeShow.show();
|
||
eyeClose.hide();
|
||
}
|
||
}
|
||
|
||
function rePassFunction() {
|
||
var x = document.getElementById("repeat_password");
|
||
|
||
if (x.type === "password") {
|
||
x.type = "text";
|
||
reEyeShow.hide();
|
||
reEyeClose.show();
|
||
} else {
|
||
x.type = "password";
|
||
reEyeShow.show();
|
||
reEyeClose.hide();
|
||
}
|
||
}
|
||
|
||
function passwordCheck(password) {
|
||
if (password.length >= 8)
|
||
strength += 1;
|
||
if (password.match(/(?=.*[0-9])/))
|
||
strength += 1;
|
||
if (password.match(/(?=.*[!,%,&,@,#,$,^,*,?,_,~,<,>,])/))
|
||
strength += 1;
|
||
if (password.match(/(?=.*[A-Z])/))
|
||
strength += 1;
|
||
|
||
displayBar(strength);
|
||
}
|
||
|
||
function displayBar(strength) {
|
||
$(".password-strength-group").attr('data-strength', strength);
|
||
}
|
||
|
||
$("#signupInputPassword").keyup(function () {
|
||
strength = 0;
|
||
var password = $(this).val();
|
||
passwordCheck(password);
|
||
});
|
||
|
||
$(document).ready(function () {
|
||
var typingTimer;
|
||
var typingInterval = 1500;
|
||
|
||
$("#username").on('keyup', function () {
|
||
clearTimeout(typingTimer);
|
||
var username = $('#username').val();
|
||
|
||
if (username.length >= 6) {
|
||
$('#successSvg').addClass("d-none");
|
||
$('#errorSvg').addClass("d-none");
|
||
$('#loadingSpinner').removeClass("d-none");
|
||
|
||
typingTimer = setTimeout(function () {
|
||
|
||
$.ajax({
|
||
async: false,
|
||
dataType: 'json',
|
||
type: 'GET',
|
||
url: checkAccountAjax,
|
||
data: { username: username },
|
||
success: function (response) {
|
||
$('#loadingSpinner').addClass("d-none");
|
||
|
||
if (response.success) {
|
||
$('#errorSvg').addClass("d-none");
|
||
$('#successSvg').removeClass("d-none");
|
||
$('.alert-success-msg').show();
|
||
$('.alert-success-msg p').text(response.message);
|
||
setTimeout(function () {
|
||
$('.alert-success-msg').hide();
|
||
$('.alert-success-msg p').text('');
|
||
}, 2000);
|
||
} else {
|
||
$('#successSvg').addClass("d-none");
|
||
$('#errorSvg').removeClass("d-none");
|
||
$('.alert-msg').show();
|
||
$('.alert-msg p').text(response.message);
|
||
setTimeout(function () {
|
||
$('.alert-msg').hide();
|
||
$('.alert-msg p').text('');
|
||
}, 2000);
|
||
}
|
||
},
|
||
error: function (err) {
|
||
$('#loadingSpinner').addClass("d-none");
|
||
console.log(err);
|
||
}
|
||
});
|
||
}, typingInterval);
|
||
} else {
|
||
$('.alert-msg').show();
|
||
$('.alert-msg p').text("نام کاربری حداقل باید 6 حرف باشد");
|
||
setTimeout(function () {
|
||
$('.alert-msg').hide();
|
||
$('.alert-msg p').text('');
|
||
}, 4000);
|
||
$('#loadingSpinner').addClass("d-none");
|
||
$('#successSvg').addClass("d-none");
|
||
$('#errorSvg').removeClass("d-none");
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
function registerAccount() {
|
||
$.ajax({
|
||
async: false,
|
||
dataType: 'json',
|
||
type: 'POST',
|
||
url: saveCameraAccountAndWorkshopSettingAjax,
|
||
headers: { "RequestVerificationToken": antiForgeryToken },
|
||
data: $('#create-form').serialize(),
|
||
success: function (response) {
|
||
if (response.success) {
|
||
$('.alert-success-msg').show();
|
||
$('.alert-success-msg p').text(response.message);
|
||
setTimeout(function () {
|
||
$('.alert-success-msg').hide();
|
||
$('.alert-success-msg p').text('');
|
||
}, 3500);
|
||
window.location.reload();
|
||
} else {
|
||
$('.alert-msg').show();
|
||
$('.alert-msg p').text(response.message);
|
||
setTimeout(function () {
|
||
$('.alert-msg').hide();
|
||
$('.alert-msg p').text('');
|
||
}, 3500);
|
||
}
|
||
},
|
||
error: function (err) {
|
||
console.log(err);
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
|
||
$('#saveRollCallButton').on('click', saveRollCallSettingAjax);
|
||
function saveRollCallSettingAjax() {
|
||
var isValid = true;
|
||
var loading = $('#saveRollCallButton').next('.spinner-loading');
|
||
|
||
$('#create-form').find('.sub-input, select').each(function () {
|
||
if (!$(this).prop('disabled') && !$(this).val()) {
|
||
isValid = false;
|
||
$(this).addClass('errored');
|
||
$('.alert-msg').show();
|
||
$('.alert-msg p').text('لطفا جای خالی تنظیمات را پر نمائید');
|
||
setTimeout(function () {
|
||
$('.alert-msg').hide();
|
||
$('.alert-msg p').text('');
|
||
}, 3500);
|
||
return false;
|
||
} else {
|
||
$(this).removeClass('error');
|
||
}
|
||
});
|
||
|
||
// برای تعجیل در خروج و تاخیر در ورود
|
||
$('#create-form').find('.sub-input2').each(function () {
|
||
if (!$(this).prop('disabled') && !$(this).val()) {
|
||
isValid = false;
|
||
$(this).addClass('errored');
|
||
$('.alert-msg').show();
|
||
$('.alert-msg p').text('لطفا جای خالی تنظیمات را پر نمائید');
|
||
setTimeout(function () {
|
||
$('.alert-msg').hide();
|
||
$('.alert-msg p').text('');
|
||
}, 3500);
|
||
return false;
|
||
} else {
|
||
$(this).removeClass('error');
|
||
}
|
||
});
|
||
|
||
if (!isValid) {
|
||
return;
|
||
}
|
||
|
||
var data = $('#create-form').serialize();
|
||
|
||
$.ajax({
|
||
async: false,
|
||
dataType: 'json',
|
||
type: 'POST',
|
||
url: saveWorkshopSetting,
|
||
headers: { "RequestVerificationToken": antiForgeryToken },
|
||
data: data ,
|
||
success: function (response) {
|
||
if (response.isSuccess) {
|
||
loading.show();
|
||
$('.alert-success-msg').show();
|
||
$('.alert-success-msg p').text(response.message);
|
||
setTimeout(function () {
|
||
$('.alert-success-msg').hide();
|
||
$('.alert-success-msg p').text('');
|
||
loading.hide();
|
||
}, 3500);
|
||
} else {
|
||
$('.alert-msg').show();
|
||
$('.alert-msg p').text(response.message);
|
||
setTimeout(function () {
|
||
$('.alert-msg').hide();
|
||
$('.alert-msg p').text('');
|
||
loading.hide();
|
||
}, 3500);
|
||
}
|
||
},
|
||
error: function (err) {
|
||
loading.hide();
|
||
console.log(err);
|
||
}
|
||
});
|
||
} |