2981 lines
148 KiB
JavaScript
2981 lines
148 KiB
JavaScript
$('#MainModal').on('hidden.bs.modal', function () {
|
||
$("#ModalContent").html("");
|
||
$(".modal-xl-taskTime").removeClass('modal-xl-DetailModal');
|
||
});
|
||
|
||
if (window.matchMedia('(max-width: 767px)').matches) {
|
||
$(document).on('click', ".openAction", function () {
|
||
$(this).next().find(".operations-btns").slideToggle(500);
|
||
$(".operations-btns").not($(this).next().find(".operations-btns")).slideUp(500);
|
||
});
|
||
}
|
||
|
||
//$(document).on('click', ".btnTaskList", function () {
|
||
// $('.btnTaskRequest').removeClass('active');
|
||
// $('.btnTaskList').addClass('active');
|
||
// $('#divTaskList').show();
|
||
// $('#divTaskRequest').hide();
|
||
|
||
// $('#tasksAjax').html('');
|
||
|
||
// Number($('#pageIndex').val(0));
|
||
// Number($('#AccountId').val(0));
|
||
// $('#StartDate').val('');
|
||
// $('#EndDate').val('');
|
||
// $('#IsDone').val('');
|
||
|
||
// //loadMore(type);
|
||
//});
|
||
|
||
|
||
$(document).ready(function () {
|
||
//loadRequestCount();
|
||
loadTicketAndRequestCount();
|
||
|
||
$(document).on('click', ".loadingButton", function () {
|
||
var button = $(this);
|
||
var loadingDiv = button.find('.loading');
|
||
loadingDiv.show();
|
||
});
|
||
$('.goToTop').hide();
|
||
|
||
if ($('#btnTaskListSelfTask').hasClass('active')) {
|
||
$('.titleTaskList').html('وظایف شخصی');
|
||
} else if ($('#btnTaskListAllTask').hasClass('active')) {
|
||
$('.titleTaskList').html('کل وظایف');
|
||
} else if ($('#btnTaskListSent').hasClass('active')) {
|
||
$('.titleTaskList').html('وظایف ارسالی');
|
||
} else if ($('#btnTaskListReceived').hasClass('active')) {
|
||
$('.titleTaskList').html('وظایف دریافتی');
|
||
} else if ($('#btnTaskList').hasClass('active')) {
|
||
$('.titleTaskList').html('لیست وظایف');
|
||
} else if ($('#btnTaskTicket').hasClass('active')) {
|
||
$('.titleTaskList').html('لیست پشتیبانیها');
|
||
} else if ($('#btnTaskRequest').hasClass('active')) {
|
||
$('.titleTaskList').html('لیست درخواستها');
|
||
} else if ($('#btnAllTaskRequest').hasClass('active')) {
|
||
$('.titleTaskList').html('لیست تمامی درخواستها');
|
||
} else if ($('#btnTicketList').hasClass('active')) {
|
||
$('.titleTaskList').html('لیست تیکت ها');
|
||
} else if ($('#btnTicketRequestList').hasClass('active')) {
|
||
$('.titleTaskList').html('لیست درخواست تیکت ها');
|
||
} else if ($('#btnScheduleTask').hasClass('active')) {
|
||
$('.titleTaskList').html('لیست وظایف دوره ای');
|
||
}
|
||
});
|
||
|
||
|
||
$('.goToTop').on('click',
|
||
function () {
|
||
$('html, body').animate({ scrollTop: 0 }, 360);
|
||
return false;
|
||
});
|
||
|
||
function loadSticky() {
|
||
var stickyDiv = $(".sticky-div");
|
||
var stickyOffset = stickyDiv.offset().top;
|
||
|
||
$(window).scroll(function () {
|
||
if (window.pageYOffset >= stickyOffset) {
|
||
stickyDiv.addClass("sticky");
|
||
} else {
|
||
stickyDiv.removeClass("sticky");
|
||
}
|
||
|
||
if ($(this).scrollTop() > 100) {
|
||
$('.goToTop').show().fadeIn();
|
||
} else {
|
||
$('.goToTop').fadeOut().hide();
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
//******************** فیلتر کردن برای جستجو ********************
|
||
$(document).on('click', '#searchBtn', function () {
|
||
$('#filterRemove').show();
|
||
$('#filterRemoveMobile').show();
|
||
|
||
var filterEmployeeId = $('#AccountId').val();
|
||
var filterStart = $('#StartDate').val().trim();
|
||
var filterEnd = $('#EndDate').val().trim();
|
||
var filterIsDone = $('#IsDone').val().trim();
|
||
var filterGeneralSearch = $('#GeneralSearch').val().trim();
|
||
|
||
$('#pageIndex').val(0);
|
||
$('#tasksAjax').html('');
|
||
$('#taskRequestsAjax').html('');
|
||
if ($('#btnTaskListSelfTask').hasClass('active')) {
|
||
loadMore('selfTask');
|
||
} else if ($('#btnTaskListAllTask').hasClass('active')) {
|
||
loadMore('AllTask');
|
||
} else if ($('#btnTaskListSent').hasClass('active')) {
|
||
loadMore('sent');
|
||
} else if ($('#btnTaskListReceived').hasClass('active')) {
|
||
loadMore('received');
|
||
} else if ($('#btnTaskList').hasClass('active')) {
|
||
loadMore('list');
|
||
} else if ($('#btnTaskTicket').hasClass('active')) {
|
||
loadMore('ticket');
|
||
} else if ($('#btnScheduleTask').hasClass('active')) {
|
||
loadMore('schedule');
|
||
} else if ($('#btnTaskRequest').hasClass('active')) {
|
||
loadMoreRequest('request');
|
||
} else if ($('#btnAllTaskRequest').hasClass('active')) {
|
||
loadMoreRequest('allRequested');
|
||
} else if ($('#btnTicketRequestList').hasClass('active')) {
|
||
loadMoreRequest('TaskHaveTicketRequests')
|
||
}
|
||
|
||
if (filterEmployeeId != 0 || filterStart != '' || filterEnd != '' || filterIsDone != '' || filterGeneralSearch != '') {
|
||
$('.btn-clear-filter').removeClass('disable');
|
||
} else {
|
||
$('.btn-clear-filter').addClass('disable');
|
||
}
|
||
});
|
||
|
||
|
||
$(document).on('click', '#searchBtnMobile', function () {
|
||
$('#filterRemove').show();
|
||
$('#filterRemoveMobile').show();
|
||
|
||
var filterEmployeeIdMobile = $('#AccountIdMobile').val();
|
||
var filterStartMobile = $('#StartDateMobile').val();
|
||
var filterEndMobile = $('#EndDateMobile').val();
|
||
var filterIsDoneMobile = $('#IsDoneMobile').val();
|
||
var filterGeneralSearchMobile = $('#GeneralSearchMobile').val();
|
||
|
||
$('#AccountId').val(filterEmployeeIdMobile);
|
||
$('#StartDate').val(filterStartMobile);
|
||
$('#EndDate').val(filterEndMobile);
|
||
$('#IsDone').val(filterIsDoneMobile);
|
||
$('#GeneralSearch').val(filterGeneralSearchMobile);
|
||
|
||
$('#pageIndex').val(0);
|
||
$('#tasksAjax').html('');
|
||
$('#taskRequestsAjax').html('');
|
||
if ($('#btnTaskListSelfTask').hasClass('active')) {
|
||
loadMore('selfTask');
|
||
} else if ($('#btnTaskListAllTask').hasClass('active')) {
|
||
loadMore('AllTask');
|
||
} else if ($('#btnTaskListSent').hasClass('active')) {
|
||
loadMore('sent');
|
||
} else if ($('#btnTaskListReceived').hasClass('active')) {
|
||
loadMore('received');
|
||
} else if ($('#btnTaskList').hasClass('active')) {
|
||
loadMore('list');
|
||
} else if ($('#btnScheduleTask').hasClass('active')) {
|
||
loadMore('schedule');
|
||
} else if ($('#btnTaskRequest').hasClass('active')) {
|
||
loadMoreRequest('');
|
||
} else if ($('#btnTicketRequestList').hasClass('active')) {
|
||
loadMoreRequest('TaskHaveTicketRequests');
|
||
}
|
||
|
||
if (filterEmployeeIdMobile != 0 || filterStartMobile != '' || filterEndMobile != '' || filterIsDoneMobile != '' || filterGeneralSearchMobile != '') {
|
||
$('.btn-clear-filter').removeClass('disable');
|
||
} else {
|
||
$('.btn-clear-filter').addClass('disable');
|
||
}
|
||
$("#searchModal").modal("hide");
|
||
});
|
||
|
||
|
||
$(document).on('click', '.btn-clear-filter', function () {
|
||
$(this).hide();
|
||
var filterEmployeeId = $('#AccountId').val();
|
||
var filterStart = $('#StartDate').val().trim();
|
||
var filterEnd = $('#EndDate').val().trim();
|
||
var filterIsDone = $('#IsDone').val().trim();
|
||
var filterGeneralSearch = $('#GeneralSearch').val().trim();
|
||
var filterGeneralSearchMobile = $('#GeneralSearchMobile').val().trim();
|
||
$('#GeneralSearch').val(filterGeneralSearch);
|
||
$('#GeneralSearchMobile').val(filterGeneralSearchMobile);
|
||
|
||
if (filterEmployeeId != 0 || filterStart != '' || filterEnd != '' || filterIsDone != '' || filterGeneralSearch != '' ) {
|
||
$('.btn-clear-filter').removeClass('disable');
|
||
} else {
|
||
$('.btn-clear-filter').addClass('disable');
|
||
}
|
||
$("#searchModal").modal("hide");
|
||
});
|
||
//******************** فیلتر کردن برای جستجو ********************
|
||
|
||
|
||
|
||
//******************** فراخوانی کردن ایجکس براساس کلیک روی تب یا بخش های مختلف ********************
|
||
$(document).on('click', "#btnTaskListSelfTask", function () {
|
||
$('.titleTaskList').html('وظایف شخصی');
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').show();
|
||
$('#divTaskRequest').hide();
|
||
loadMore('selfTask');
|
||
});
|
||
|
||
$(document).on('click', "#btnTaskListAllTask", function () {
|
||
$('.titleTaskList').html('کل وظایف');
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').show();
|
||
$('#divTaskRequest').hide();
|
||
loadMore('AllTask');
|
||
});
|
||
$(document).on('click', "#btnTaskListSent", function () {
|
||
$('.titleTaskList').html('وظایف ارسالی');
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').show();
|
||
$('#divTaskRequest').hide();
|
||
loadMore('sent');
|
||
});
|
||
|
||
$(document).on('click', "#btnTaskListReceived", function () {
|
||
$('.titleTaskList').html('وظایف دریافتی');
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').show();
|
||
$('#divTaskRequest').hide();
|
||
loadMore('received');
|
||
});
|
||
|
||
$(document).on('click', "#btnTaskList", function () {
|
||
$('.titleTaskList').html('لیست وظایف');
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').show();
|
||
$('#divTaskRequest').hide();
|
||
loadMore('ticket');
|
||
});
|
||
$(document).on('click', "#btnTaskTicket", function () {
|
||
$('.titleTaskList').html('لیست پشتیبانیها');
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').show();
|
||
$('#divTaskRequest').hide();
|
||
loadMore('list');
|
||
});
|
||
//2 Ticket Tabs in Task field
|
||
$(document).on('click', "#btnTicketList", function () {
|
||
$('.titleTaskList').html('لیست تیکت');
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').show();
|
||
$('#divTaskRequest').hide();
|
||
loadMore('TasksHaveTicket');
|
||
});
|
||
|
||
$(document).on('click', "#btnScheduleTask", function () {
|
||
$('.titleTaskList').html('لیست وظایف دوره ای');
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').show();
|
||
$('#divTaskRequest').hide();
|
||
loadMore('schedule');
|
||
});
|
||
$(document).on('click', "#btnTicketRequestList", function () {
|
||
$('.titleTaskList').html('لیست درخواست تیکت ها');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('#tasksAjax').html('');
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
$('#taskRequestsAjax').html('');
|
||
$('#GeneralSearch').val('');
|
||
$('#divTaskList').hide();
|
||
$('#divTaskRequest').show();
|
||
loadMoreRequest('TaskHaveTicketRequests');
|
||
});
|
||
|
||
|
||
$(document).on('click', ".btnTaskRequest", function () {
|
||
$('.titleTaskList').html('لیست درخواستها');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
//$('#btnTaskListSelfTask').removeClass('active');
|
||
//$('#btnTaskListAllTask').removeClass('active');
|
||
//$('#btnTaskListSent').removeClass('active');
|
||
//$('#btnTaskListReceived').removeClass('active');
|
||
//$('#btnTaskList').removeClass('active');
|
||
|
||
//$('#btnAllTaskRequest').removeClass('active');
|
||
//$('.btnTaskRequest').addClass('active');
|
||
$('#divTaskList').hide();
|
||
$('#divTaskRequest').show();
|
||
|
||
$('#taskRequestsAjax').html('');
|
||
$('#GeneralSearch').val('');
|
||
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
|
||
// $('#IsCanceled').val('');
|
||
// $('#IsCancelRequest').val('');
|
||
// $('#IsTimeRequest').val('');
|
||
// $('#TimeRequestAccepted').val('');
|
||
|
||
loadMoreRequest('request');
|
||
});
|
||
|
||
$(document).on('click', ".btnTaskRequestAll", function () {
|
||
$('.titleTaskList').html('لیست تمامی درخواستها');
|
||
$('.btnTaskFilter').removeClass('active');
|
||
$(this).addClass('active');
|
||
//$('#btnTaskListSelfTask').removeClass('active');
|
||
//$('#btnTaskListAllTask').removeClass('active');
|
||
//$('#btnTaskListSent').removeClass('active');
|
||
//$('#btnTaskListReceived').removeClass('active');
|
||
//$('#btnTaskList').removeClass('active');
|
||
//$('#btnTaskRequest').removeClass('active');
|
||
//$('#btnAllTaskRequest').addClass('active');
|
||
$('#divTaskList').hide();
|
||
$('#divTaskRequest').show();
|
||
|
||
|
||
|
||
$('#taskRequestsAjax').html('');
|
||
$('#GeneralSearch').val('');
|
||
|
||
Number($('#pageIndex').val(0));
|
||
Number($('#AccountId').val(0));
|
||
$('#AccountId').trigger('change');
|
||
$('#StartDate').val('');
|
||
$('#EndDate').val('');
|
||
$('#IsDone').val('');
|
||
$('.dropdown-IsDone .item').removeClass("active");
|
||
$('.dropdown-IsDone .item:first').addClass("active");
|
||
$('.selected-display').text($('.dropdown-IsDone .item:first').text());
|
||
|
||
|
||
// $('#IsCanceled').val('');
|
||
// $('#IsCancelRequest').val('');
|
||
// $('#IsTimeRequest').val('');
|
||
// $('#TimeRequestAccepted').val('');
|
||
|
||
loadMoreRequest('allRequested');
|
||
});
|
||
|
||
|
||
|
||
|
||
function loadMore(type) {
|
||
|
||
if (type == 'selfTask') {
|
||
$('#btnTaskListSelfTask').addClass('active');
|
||
$('#btnTaskListAllTask').removeClass('active');
|
||
$('#btnTaskListSent').removeClass('active');
|
||
$('#btnTaskListReceived').removeClass('active');
|
||
$('#btnTaskList').removeClass('active');
|
||
$('#btnTaskTicket').removeClass('active');
|
||
$('#btnTaskRequest').removeClass('active');
|
||
$('#btnScheduleTask').removeClass('active');
|
||
} else if (type == 'AllTask') {
|
||
$('#btnTaskListSelfTask').removeClass('active');
|
||
$('#btnTaskListAllTask').addClass('active');
|
||
$('#btnTaskListSent').removeClass('active');
|
||
$('#btnTaskListReceived').removeClass('active');
|
||
$('#btnTaskList').removeClass('active');
|
||
$('#btnTaskTicket').removeClass('active');
|
||
$('#btnTaskRequest').removeClass('active');
|
||
$('#btnScheduleTask').removeClass('active');
|
||
} else if (type == 'sent') {
|
||
$('#btnTaskListSelfTask').removeClass('active');
|
||
$('#btnTaskListAllTask').removeClass('active');
|
||
$('#btnTaskListSent').addClass('active');
|
||
$('#btnTaskListReceived').removeClass('active');
|
||
$('#btnTaskList').removeClass('active');
|
||
$('#btnTaskTicket').removeClass('active');
|
||
$('#btnTaskRequest').removeClass('active');
|
||
$('#btnScheduleTask').removeClass('active');
|
||
} else if (type == 'received') {
|
||
$('#btnTaskListSelfTask').removeClass('active');
|
||
$('#btnTaskListAllTask').removeClass('active');
|
||
$('#btnTaskListSent').removeClass('active');
|
||
$('#btnTaskListReceived').addClass('active');
|
||
$('#btnTaskList').removeClass('active');
|
||
$('#btnTaskTicket').removeClass('active');
|
||
$('#btnTaskRequest').removeClass('active');
|
||
$('#btnScheduleTask').removeClass('active');
|
||
} else if (type == 'ticket') {
|
||
$('#btnTaskListSelfTask').removeClass('active');
|
||
$('#btnTaskListAllTask').removeClass('active');
|
||
$('#btnTaskListSent').removeClass('active');
|
||
$('#btnTaskTicket').addClass('active');
|
||
$('#btnTaskListReceived').removeClass('active');
|
||
$('#btnTaskList').removeClass('active');
|
||
$('#btnTaskRequest').removeClass('active');
|
||
$('#btnScheduleTask').removeClass('active');
|
||
} else if (type == 'list') {
|
||
$('#btnTaskListSelfTask').removeClass('active');
|
||
$('#btnTaskListAllTask').removeClass('active');
|
||
$('#btnTaskListSent').removeClass('active');
|
||
$('#btnTaskListReceived').removeClass('active');
|
||
$('#btnTaskList').addClass('active');
|
||
$('#btnTaskTicket').removeClass('active');
|
||
$('#btnTaskRequest').removeClass('active');
|
||
$('#btnScheduleTask').removeClass('active');
|
||
} else if (type == 'schedule') {
|
||
$('#btnTaskListSelfTask').removeClass('active');
|
||
$('#btnTaskListAllTask').removeClass('active');
|
||
$('#btnTaskListSent').removeClass('active');
|
||
$('#btnTaskListReceived').removeClass('active');
|
||
$('#btnTaskList').removeClass('active');
|
||
$('#btnTaskTicket').removeClass('active');
|
||
$('#btnTaskRequest').removeClass('active');
|
||
$('#btnScheduleTask').addClass('active');
|
||
}
|
||
|
||
|
||
let pageIndex = Number($('#pageIndex').val());
|
||
var b = pageIndex % 30;
|
||
var AccountId = Number($('#AccountId').val());
|
||
var StartDate = $('#StartDate').val();
|
||
var EndDate = $('#EndDate').val();
|
||
var IsCanceled = $('#IsCanceled').val();
|
||
var IsCancelRequest = $('#IsCancelRequest').val();
|
||
var IsTimeRequest = $('#IsTimeRequest').val();
|
||
var TimeRequestAccepted = $('#TimeRequestAccepted').val();
|
||
var IsDone = $('#IsDone').val();
|
||
var IsDoneRequest = $('#IsDoneRequest').val();
|
||
var generalSearch = $('#GeneralSearch').val();
|
||
var index = 1;
|
||
var html = '';
|
||
|
||
|
||
if (b === 0) {
|
||
// var searchModel = {};
|
||
// searchModel.Status = $('#status').val();
|
||
// searchModel.ContractingPatyId = Number($('#contractingPatyId').val());
|
||
$.ajax({
|
||
async: false,
|
||
contentType: 'charset=utf-8',
|
||
dataType: 'json',
|
||
type: 'GET',
|
||
url: `${loadMoreAjax}`,
|
||
data: {
|
||
pageIndex: pageIndex,
|
||
accountId: AccountId,
|
||
startDate: StartDate,
|
||
endDate: EndDate,
|
||
isCanceled: IsCanceled,
|
||
isCancelRequest: IsCancelRequest,
|
||
isTimeRequest: IsTimeRequest,
|
||
timeRequestAccepted: TimeRequestAccepted,
|
||
isDoneRequest: IsDoneRequest,
|
||
isDone: IsDone,
|
||
type: type,
|
||
generalSearch:generalSearch
|
||
},
|
||
headers: { "RequestVerificationToken": `${antiForgeryToken}` },
|
||
|
||
success: function (response) {
|
||
if (response.pageIndex > 0) {
|
||
var n = pageIndex + 1;
|
||
var taskList = response.taskList;
|
||
|
||
if (n == 1) {
|
||
if (type === "schedule") {
|
||
html += `<div class="Rtable-row Rtable-row--head align-items-center sticky-div">
|
||
<div class="Rtable-cell column-heading width1">ردیف</div>
|
||
<div class="Rtable-cell column-heading d-md-flex d-none width20">
|
||
<div class="w-100 text-center">ارجاع دهنده</div>
|
||
<div class="w-100 text-center">خودم</div>
|
||
<div class="w-100 text-center">ارجاع گیرنده</div>`;
|
||
|
||
html += `</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width4 text-center">تاریخ ایجاد</div>
|
||
<div class="Rtable-cell column-heading d-xxl-block d-none width4">تاریخ سررسید</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width4">طرف حساب</div>
|
||
<div class="Rtable-cell column-heading width4">عنوان وظیفه</div>
|
||
<div class="Rtable-cell column-heading width1 text-center">محدودیت</div>
|
||
<div class="Rtable-cell column-heading width4 text-center">دوره بازه</div>
|
||
<div class="Rtable-cell column-heading width4 widthLastCustom text-end">عملیات</div>
|
||
</div>`;
|
||
} else {
|
||
|
||
|
||
html += `<div class="Rtable-row Rtable-row--head align-items-center sticky-div">
|
||
<div class="Rtable-cell column-heading width1">ردیف</div>
|
||
<div class="Rtable-cell column-heading d-md-flex d-none width2">
|
||
<div class="w-100">ارجاع دهنده</div>
|
||
<div class="w-100">خودم</div>
|
||
<div class="w-100">ارجاع گیرنده</div>`;
|
||
|
||
|
||
html += `</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width6">تاریخ ایجاد</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width3">تاریخ سررسید</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width4">طرف حساب</div>
|
||
<div class="Rtable-cell column-heading width5">عنوان وظیفه</div>
|
||
<div class="Rtable-cell column-heading width7 text-end">عملیات</div>
|
||
</div>`;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
if (type === "schedule") {
|
||
var hightlighted = true;
|
||
taskList.forEach(function (item) {
|
||
hightlighted = !hightlighted
|
||
var successSend = item.status == "موفق" ? "successSend" : "";
|
||
|
||
html += `<div id="DivRtable_${item.id}" class="Rtable-row align-items-center position-relative openAction ${hightlighted?"highlighted":"unhighlighted"}" style="cursor: pointer;">
|
||
<div class="Rtable-cell d-md-block d-flex width1">
|
||
<div class="Rtable-cell--content">
|
||
<span class="d-flex justify-content-center span-number">
|
||
${n}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="Rtable-cell d-md-flex d-none width20">
|
||
<div class="Rtable-cell--content w-100 position-relative color-width2 text-center"><div class="position-relative">${item.assigner}</div></div>
|
||
<div class="Rtable-cell--content w-100 position-relative color-width2 text-center"><div class="position-relative">${item.selfName}</div></div>
|
||
<div class="Rtable-cell--content w-100 position-relative color-width2 text-center"><div class="position-relative">${item.assignedReceiverViewModel.assignedName}</div></div>
|
||
`;
|
||
|
||
html += `</div>`;
|
||
|
||
|
||
html += ` <div class="Rtable-cell d-md-block d-none width4">
|
||
<div class="Rtable-cell--content text-center">${item.createDate}</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-xxl-block d-none width4">
|
||
<div class="Rtable-cell--content ">${item.endTaskTime} ${item.endTaskDateFA}</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-block d-none width4">
|
||
<div class="Rtable-cell--content">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.contractingPartyName}</span>
|
||
</p>
|
||
<span class="tooltipfull" >
|
||
${item.contractingPartyName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="d-md-none d-block width4">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.assigner}</span>
|
||
</p>
|
||
</div>
|
||
<span class="tooltipfull" >
|
||
${item.assigner}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-md-none d-block width4">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.assignedReceiverViewModel.assignedName}</span>
|
||
</p>
|
||
</div>
|
||
<span class="tooltipfull" >
|
||
${item.assignedReceiverViewModel.assignedName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-block d-flex width4 text-start">
|
||
<div class="Rtable-cell--content">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.name}</span>
|
||
</p>
|
||
<span class="tooltipfull" >
|
||
${item.name}
|
||
</span>
|
||
</div>
|
||
|
||
<div class="tooltipfull-container d-md-none d-block">
|
||
<p class="m-0 ellipsed">
|
||
<span style="font-size: 10px; !important">${item.contractingPartyName}</span>
|
||
</p>
|
||
<span class="tooltipfull" style="font-size: 10px; !important">
|
||
${item.contractingPartyName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-block d-none width1">
|
||
<div class="Rtable-cell--content text-center">${item.scheduleType === 0 ? "محدود" : "نامحدود"}</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-block d-none width4">
|
||
<div class="Rtable-cell--content text-center">`;
|
||
|
||
switch (item.scheduleUnitType) {
|
||
case 0:
|
||
html += `روزانه`;
|
||
break;
|
||
case 1:
|
||
html += `هفتگی`;
|
||
break;
|
||
case 2:
|
||
html += `ماهانه`;
|
||
break;
|
||
case 3:
|
||
html += `سالانه`;
|
||
break;
|
||
default:
|
||
html += ``;
|
||
}
|
||
|
||
html += `</div>
|
||
</div>`;
|
||
|
||
html += `<div class="Rtable-cell width4 widthLastCustom">
|
||
<div class="Rtable-cell--content align-items-center d-flex justify-content-end">`;
|
||
|
||
|
||
if (!item.isDone && !item.isCancel) {
|
||
html += `
|
||
${item.canDelete ?
|
||
`<button class="btn-taskmanager-delete d-md-block d-none" onclick="removeScheduleConfirm(${item.taskScheduleId})">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M8.70825 13.2915L8.70825 10.5415" stroke-linecap="round"/>
|
||
<path d="M13.2917 13.2915L13.2917 10.5415" stroke-linecap="round"/>
|
||
<path d="M2.75 5.9585H19.25V5.9585C18.122 5.9585 17.558 5.9585 17.1279 6.17946C16.7561 6.3704 16.4536 6.67297 16.2626 7.04469C16.0417 7.47488 16.0417 8.03886 16.0417 9.16683V13.8752C16.0417 15.7608 16.0417 16.7036 15.4559 17.2894C14.8701 17.8752 13.9273 17.8752 12.0417 17.8752H9.95833C8.07271 17.8752 7.12991 17.8752 6.54412 17.2894C5.95833 16.7036 5.95833 15.7608 5.95833 13.8752V9.16683C5.95833 8.03886 5.95833 7.47488 5.73737 7.04469C5.54643 6.67297 5.24386 6.3704 4.87214 6.17946C4.44195 5.9585 3.87797 5.9585 2.75 5.9585V5.9585Z" stroke-linecap="round"/>
|
||
<path d="M8.70841 3.20839C8.70841 3.20839 9.16675 2.2915 11.0001 2.2915C12.8334 2.2915 13.2917 3.20817 13.2917 3.20817" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">حذف</span>
|
||
</button>`
|
||
:
|
||
`<button class="btn-taskmanager-delete d-md-block d-none btn-disable">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M8.70825 13.2915L8.70825 10.5415" stroke-linecap="round"/>
|
||
<path d="M13.2917 13.2915L13.2917 10.5415" stroke-linecap="round"/>
|
||
<path d="M2.75 5.9585H19.25V5.9585C18.122 5.9585 17.558 5.9585 17.1279 6.17946C16.7561 6.3704 16.4536 6.67297 16.2626 7.04469C16.0417 7.47488 16.0417 8.03886 16.0417 9.16683V13.8752C16.0417 15.7608 16.0417 16.7036 15.4559 17.2894C14.8701 17.8752 13.9273 17.8752 12.0417 17.8752H9.95833C8.07271 17.8752 7.12991 17.8752 6.54412 17.2894C5.95833 16.7036 5.95833 15.7608 5.95833 13.8752V9.16683C5.95833 8.03886 5.95833 7.47488 5.73737 7.04469C5.54643 6.67297 5.24386 6.3704 4.87214 6.17946C4.44195 5.9585 3.87797 5.9585 2.75 5.9585V5.9585Z" stroke-linecap="round"/>
|
||
<path d="M8.70841 3.20839C8.70841 3.20839 9.16675 2.2915 11.0001 2.2915C12.8334 2.2915 13.2917 3.20817 13.2917 3.20817" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">حذف</span>
|
||
</button>`
|
||
}
|
||
|
||
<button class="btn-taskmanager-more position-relative d-md-block d-none" onclick="scheduleDetail(${item.taskScheduleId})">
|
||
<span class="mx-1 align-items-center d-flex justify-content-center">
|
||
<p class="my-0 mx-1">جزئیات</p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" fill="currentColor">
|
||
<circle cx="8.4001" cy="8.39922" r="1.2" transform="rotate(90 8.4001 8.39922)"/>
|
||
<circle cx="8.4001" cy="4.39922" r="1.2" transform="rotate(90 8.4001 4.39922)"/>
|
||
<circle cx="8.4001" cy="12.3992" r="1.2" transform="rotate(90 8.4001 12.3992)"/>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
<button class="btn-taskmanager-more position-relative d-md-none d-block">
|
||
<span class="align-items-center d-flex justify-content-center">
|
||
<p class="my-0"></p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" fill="currentColor">
|
||
<circle cx="8.4001" cy="8.39922" r="1.2" transform="rotate(90 8.4001 8.39922)"/>
|
||
<circle cx="8.4001" cy="4.39922" r="1.2" transform="rotate(90 8.4001 4.39922)"/>
|
||
<circle cx="8.4001" cy="12.3992" r="1.2" transform="rotate(90 8.4001 12.3992)"/>
|
||
</svg>
|
||
</span>
|
||
</button>`;
|
||
} else {
|
||
html += `
|
||
|
||
<button class="btn-taskmanager-delete d-md-block d-none btn-disable">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M8.70825 13.2915L8.70825 10.5415" stroke-linecap="round"/>
|
||
<path d="M13.2917 13.2915L13.2917 10.5415" stroke-linecap="round"/>
|
||
<path d="M2.75 5.9585H19.25V5.9585C18.122 5.9585 17.558 5.9585 17.1279 6.17946C16.7561 6.3704 16.4536 6.67297 16.2626 7.04469C16.0417 7.47488 16.0417 8.03886 16.0417 9.16683V13.8752C16.0417 15.7608 16.0417 16.7036 15.4559 17.2894C14.8701 17.8752 13.9273 17.8752 12.0417 17.8752H9.95833C8.07271 17.8752 7.12991 17.8752 6.54412 17.2894C5.95833 16.7036 5.95833 15.7608 5.95833 13.8752V9.16683C5.95833 8.03886 5.95833 7.47488 5.73737 7.04469C5.54643 6.67297 5.24386 6.3704 4.87214 6.17946C4.44195 5.9585 3.87797 5.9585 2.75 5.9585V5.9585Z" stroke-linecap="round"/>
|
||
<path d="M8.70841 3.20839C8.70841 3.20839 9.16675 2.2915 11.0001 2.2915C12.8334 2.2915 13.2917 3.20817 13.2917 3.20817" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">حذف</span>
|
||
</button>
|
||
|
||
|
||
<button class="btn-taskmanager-more position-relative" onclick="scheduleDetail(${item.taskScheduleId})">
|
||
<span class="mx-1 align-items-center d-flex justify-content-center">
|
||
<p class="my-0 d-none d-md-block">جزئیات</p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" fill="currentColor">
|
||
<circle cx="8.4001" cy="8.39922" r="1.2" transform="rotate(90 8.4001 8.39922)"/>
|
||
<circle cx="8.4001" cy="4.39922" r="1.2" transform="rotate(90 8.4001 4.39922)"/>
|
||
<circle cx="8.4001" cy="12.3992" r="1.2" transform="rotate(90 8.4001 12.3992)"/>
|
||
</svg>
|
||
</span>
|
||
</button>`;
|
||
}
|
||
|
||
html += `</div>
|
||
</div>
|
||
</div>`;
|
||
|
||
|
||
|
||
|
||
if (!item.isDone && !item.isCancel) {
|
||
html += `<div id="OperationDiv_${item.id}" class="tm-${item.color}-operation operation-div w-100">
|
||
<div class="operations-btns">
|
||
<div class="row p-0">
|
||
<div class="col-md-12 col-12 p-1">
|
||
|
||
<div class="d-flex">`;
|
||
|
||
|
||
//if (response.positions.length > 0) {
|
||
// response.positions.forEach(function (position) {
|
||
// if ((item.assignList.filter((x) => x.posValue == position.value && x.assignViewModels.length > 0)).length > 0) {
|
||
// var assignlistt = item.assignList.filter((x) => x.posValue == position.value && x.assignViewModels.length > 0)
|
||
// html += `<div class="Rtable-cell d-md-none d-block width2">
|
||
// <div class="Rtable-cell--content" > ${assignlistt[0].assignViewModels[0].assignedName}
|
||
// <span> - </span>
|
||
// </div>
|
||
//</div> `;
|
||
// }
|
||
// });
|
||
//}
|
||
|
||
html += `</div>
|
||
<div class="d-flex justify-content-between">
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div style="color:#313131; font-weight: 800;">ارجاع دهنده</div>
|
||
<div style="color:#1F1F1F">${item.assigner}</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div style="color:#313131; font-weight: 800;">خودم</div>
|
||
<div style="color:#1F1F1F">${item.selfName}</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div style="color:#313131; font-weight: 800;">ارجاع گیرنده</div>
|
||
<div style="color:#1F1F1F">${item.assignedReceiverViewModel.assignedName}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex justify-content-between">
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content">
|
||
<span style="color:#404040">تاریخ سررسید:</span>
|
||
</div>
|
||
</div>
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content">
|
||
<span style="color:#404040">${item.endTaskTime} ${item.endTaskDateFA}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex justify-content-between">
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content">
|
||
<span style="color:#404040">محدودیت</span>
|
||
</div>
|
||
</div>
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content">
|
||
<span style="color:#404040">${item.scheduleType === 0 ? "محدود" : "نامحدود"}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex justify-content-between">
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content">
|
||
<span style="color:#404040">دوره بازه</span>
|
||
</div>
|
||
</div>
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content">
|
||
<span style="color:#404040">`;
|
||
|
||
|
||
switch (item.scheduleUnitType) {
|
||
case 0:
|
||
html += `روزانه`;
|
||
break;
|
||
case 1:
|
||
html += `هفتگی`;
|
||
break;
|
||
case 2:
|
||
html += `ماهانه`;
|
||
break;
|
||
case 3:
|
||
html += `سالانه`;
|
||
break;
|
||
default:
|
||
html += ``;
|
||
}
|
||
|
||
|
||
html += `</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 col-6 p-1">
|
||
<div class="d-flex justify-content-between">
|
||
<button class="btn-taskmanager-detail-mobile w-100 mx-1 d-md-none d-flex align-items-center justify-content-center" onclick="scheduleDetail(${item.taskScheduleId})">
|
||
<svg width="18" height="18" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect x="2.97119" y="2.69531" width="8.31979" height="10.5928" rx="2" stroke="#64748B"/>
|
||
<path d="M5.34863 5.8125H8.91426" stroke="#64748B" stroke-linecap="round"/>
|
||
<path d="M5.34863 8.30469H8.91426" stroke="#64748B" stroke-linecap="round"/>
|
||
<path d="M5.34863 10.7969H7.72572" stroke="#64748B" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-flex">جزئیات</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 col-6 p-1">
|
||
<div class="d-flex justify-content-between">
|
||
${item.canDelete ?
|
||
`<button class="btn-taskmanager-delete w-100 mx-1 d-md-none d-flex align-items-center justify-content-center" onclick="removeScheduleConfirm(${item.taskScheduleId})">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M8.70825 13.2915L8.70825 10.5415" stroke-linecap="round"/>
|
||
<path d="M13.2917 13.2915L13.2917 10.5415" stroke-linecap="round"/>
|
||
<path d="M2.75 5.9585H19.25V5.9585C18.122 5.9585 17.558 5.9585 17.1279 6.17946C16.7561 6.3704 16.4536 6.67297 16.2626 7.04469C16.0417 7.47488 16.0417 8.03886 16.0417 9.16683V13.8752C16.0417 15.7608 16.0417 16.7036 15.4559 17.2894C14.8701 17.8752 13.9273 17.8752 12.0417 17.8752H9.95833C8.07271 17.8752 7.12991 17.8752 6.54412 17.2894C5.95833 16.7036 5.95833 15.7608 5.95833 13.8752V9.16683C5.95833 8.03886 5.95833 7.47488 5.73737 7.04469C5.54643 6.67297 5.24386 6.3704 4.87214 6.17946C4.44195 5.9585 3.87797 5.9585 2.75 5.9585V5.9585Z" stroke-linecap="round"/>
|
||
<path d="M8.70841 3.20839C8.70841 3.20839 9.16675 2.2915 11.0001 2.2915C12.8334 2.2915 13.2917 3.20817 13.2917 3.20817" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-flex">حذف</span>
|
||
</button>`: ``}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>`;
|
||
}
|
||
|
||
html += `</div>`;
|
||
n += 1;
|
||
|
||
});
|
||
} else {
|
||
taskList.forEach(function (item) {
|
||
|
||
var successSend = item.status == "موفق" ? "successSend" : "";
|
||
|
||
html += `<div id="DivRtable_${item.id}" class="Rtable-row align-items-center position-relative openAction tm-${item.color}" style="cursor: pointer;">
|
||
<div class="Rtable-cell d-md-block d-flex width1">
|
||
<div class="Rtable-cell--content">
|
||
<span class="d-flex justify-content-center span-number">
|
||
${n}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-flex d-none width2">
|
||
<div class="Rtable-cell--content w-100 position-relative color-width2"><div class="position-relative">${item.assigner}</div></div>
|
||
<div class="Rtable-cell--content w-100 position-relative color-width2"><div class="position-relative">${item.selfName}</div></div>
|
||
<div class="Rtable-cell--content w-100 position-relative color-width2"><div class="position-relative">${item.assignedReceiverViewModel.assignedName}</div></div>`;
|
||
|
||
html += `</div>`;
|
||
|
||
|
||
html += `<div class="Rtable-cell d-md-block d-none width6">
|
||
<div class="Rtable-cell--content ">${item.createDate}</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-block d-none width3">
|
||
<div class="Rtable-cell--content ">${item.endTaskTime} ${item.endTaskDateFA}</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="Rtable-cell d-md-block d-none width4">
|
||
<div class="Rtable-cell--content">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.contractingPartyName}</span>
|
||
</p>
|
||
<span class="tooltipfull" >
|
||
${item.contractingPartyName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-md-none d-block width4">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.assigner}</span>
|
||
</p>
|
||
</div>
|
||
<span class="tooltipfull" >
|
||
${item.assigner}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-md-none d-block width4">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.assignedReceiverViewModel.assignedName}</span>
|
||
</p>
|
||
</div>
|
||
<span class="tooltipfull" >
|
||
${item.assignedReceiverViewModel.assignedName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-block d-flex width5 text-start">
|
||
<div class="Rtable-cell--content">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.name}</span>
|
||
</p>
|
||
<span class="tooltipfull" >
|
||
${item.name}
|
||
</span>
|
||
</div>
|
||
|
||
<div class="tooltipfull-container d-md-none d-block">
|
||
<p class="m-0 ellipsed">
|
||
<span style="font-size: 10px; !important">${item.contractingPartyName}</span>
|
||
</p>
|
||
<span class="tooltipfull" style="font-size: 10px; !important">
|
||
${item.contractingPartyName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>`;
|
||
|
||
html += `<div class="Rtable-cell width7">
|
||
<div class="Rtable-cell--content align-items-center d-flex justify-content-end">`;
|
||
|
||
|
||
|
||
if (!item.isDone && !item.isCancel) {
|
||
html += `
|
||
${item.canEdit ?
|
||
`<button class="btn-taskmanager-edit position-relative d-md-block d-none" onclick="EditTask(${item.id})">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M12.0433 6.49955L12.0214 6.52145L5.53808 13.0047C5.52706 13.0158 5.51612 13.0267 5.50525 13.0375C5.34278 13.1996 5.19895 13.3432 5.09758 13.5222L5.5266 13.7651L5.09758 13.5222C4.99622 13.7012 4.94714 13.8984 4.89171 14.1211C4.88801 14.136 4.88427 14.151 4.88049 14.1662L4.30029 16.4869L4.78351 16.6077L4.30029 16.4869C4.29808 16.4958 4.29585 16.5047 4.29361 16.5136C4.25437 16.6703 4.21246 16.8377 4.19871 16.9782C4.18357 17.1329 4.1871 17.394 4.39651 17.6034C4.60592 17.8128 4.86698 17.8163 5.02171 17.8012C5.16225 17.7875 5.32958 17.7456 5.48627 17.7063C5.49521 17.7041 5.50411 17.7018 5.51297 17.6996L7.83376 17.1194C7.84888 17.1156 7.86388 17.1119 7.87878 17.1082C8.10151 17.0528 8.29868 17.0037 8.47772 16.9023C8.65675 16.801 8.80027 16.6571 8.9624 16.4947C8.97324 16.4838 8.98416 16.4729 8.99519 16.4618L15.4785 9.97855L15.5004 9.95666C15.796 9.6611 16.0507 9.40638 16.2296 9.17534C16.4208 8.9284 16.5695 8.65435 16.5843 8.31531C16.5862 8.27179 16.5862 8.22821 16.5843 8.18469C16.5695 7.84565 16.4208 7.5716 16.2296 7.32466C16.0507 7.09362 15.796 6.8389 15.5004 6.54334L15.4785 6.52145L15.4566 6.49954C15.161 6.20396 14.9063 5.94922 14.6753 5.77034C14.4283 5.57917 14.1543 5.43041 13.8152 5.41564C13.7717 5.41374 13.7281 5.41374 13.6846 5.41564C13.3456 5.43041 13.0715 5.57917 12.8246 5.77034C12.5935 5.94922 12.3388 6.20396 12.0433 6.49955Z"/>
|
||
<path d="M11.4583 6.87484L14.2083 5.0415L16.9583 7.7915L15.1249 10.5415L11.4583 6.87484Z"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">ویرایش</span>
|
||
</button>`
|
||
:
|
||
`<button class="btn-taskmanager-edit position-relative d-md-block d-none btn-disable">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M12.0433 6.49955L12.0214 6.52145L5.53808 13.0047C5.52706 13.0158 5.51612 13.0267 5.50525 13.0375C5.34278 13.1996 5.19895 13.3432 5.09758 13.5222L5.5266 13.7651L5.09758 13.5222C4.99622 13.7012 4.94714 13.8984 4.89171 14.1211C4.88801 14.136 4.88427 14.151 4.88049 14.1662L4.30029 16.4869L4.78351 16.6077L4.30029 16.4869C4.29808 16.4958 4.29585 16.5047 4.29361 16.5136C4.25437 16.6703 4.21246 16.8377 4.19871 16.9782C4.18357 17.1329 4.1871 17.394 4.39651 17.6034C4.60592 17.8128 4.86698 17.8163 5.02171 17.8012C5.16225 17.7875 5.32958 17.7456 5.48627 17.7063C5.49521 17.7041 5.50411 17.7018 5.51297 17.6996L7.83376 17.1194C7.84888 17.1156 7.86388 17.1119 7.87878 17.1082C8.10151 17.0528 8.29868 17.0037 8.47772 16.9023C8.65675 16.801 8.80027 16.6571 8.9624 16.4947C8.97324 16.4838 8.98416 16.4729 8.99519 16.4618L15.4785 9.97855L15.5004 9.95666C15.796 9.6611 16.0507 9.40638 16.2296 9.17534C16.4208 8.9284 16.5695 8.65435 16.5843 8.31531C16.5862 8.27179 16.5862 8.22821 16.5843 8.18469C16.5695 7.84565 16.4208 7.5716 16.2296 7.32466C16.0507 7.09362 15.796 6.8389 15.5004 6.54334L15.4785 6.52145L15.4566 6.49954C15.161 6.20396 14.9063 5.94922 14.6753 5.77034C14.4283 5.57917 14.1543 5.43041 13.8152 5.41564C13.7717 5.41374 13.7281 5.41374 13.6846 5.41564C13.3456 5.43041 13.0715 5.57917 12.8246 5.77034C12.5935 5.94922 12.3388 6.20396 12.0433 6.49955Z"/>
|
||
<path d="M11.4583 6.87484L14.2083 5.0415L16.9583 7.7915L15.1249 10.5415L11.4583 6.87484Z"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">ویرایش</span>
|
||
</button>`
|
||
}
|
||
|
||
${item.canDelete ?
|
||
`<button class="btn-taskmanager-delete d-md-block d-none" onclick="removeConfirm(${item.id})">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M8.70825 13.2915L8.70825 10.5415" stroke-linecap="round"/>
|
||
<path d="M13.2917 13.2915L13.2917 10.5415" stroke-linecap="round"/>
|
||
<path d="M2.75 5.9585H19.25V5.9585C18.122 5.9585 17.558 5.9585 17.1279 6.17946C16.7561 6.3704 16.4536 6.67297 16.2626 7.04469C16.0417 7.47488 16.0417 8.03886 16.0417 9.16683V13.8752C16.0417 15.7608 16.0417 16.7036 15.4559 17.2894C14.8701 17.8752 13.9273 17.8752 12.0417 17.8752H9.95833C8.07271 17.8752 7.12991 17.8752 6.54412 17.2894C5.95833 16.7036 5.95833 15.7608 5.95833 13.8752V9.16683C5.95833 8.03886 5.95833 7.47488 5.73737 7.04469C5.54643 6.67297 5.24386 6.3704 4.87214 6.17946C4.44195 5.9585 3.87797 5.9585 2.75 5.9585V5.9585Z" stroke-linecap="round"/>
|
||
<path d="M8.70841 3.20839C8.70841 3.20839 9.16675 2.2915 11.0001 2.2915C12.8334 2.2915 13.2917 3.20817 13.2917 3.20817" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">حذف</span>
|
||
</button>`
|
||
:
|
||
`<button class="btn-taskmanager-delete d-md-block d-none btn-disable">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M8.70825 13.2915L8.70825 10.5415" stroke-linecap="round"/>
|
||
<path d="M13.2917 13.2915L13.2917 10.5415" stroke-linecap="round"/>
|
||
<path d="M2.75 5.9585H19.25V5.9585C18.122 5.9585 17.558 5.9585 17.1279 6.17946C16.7561 6.3704 16.4536 6.67297 16.2626 7.04469C16.0417 7.47488 16.0417 8.03886 16.0417 9.16683V13.8752C16.0417 15.7608 16.0417 16.7036 15.4559 17.2894C14.8701 17.8752 13.9273 17.8752 12.0417 17.8752H9.95833C8.07271 17.8752 7.12991 17.8752 6.54412 17.2894C5.95833 16.7036 5.95833 15.7608 5.95833 13.8752V9.16683C5.95833 8.03886 5.95833 7.47488 5.73737 7.04469C5.54643 6.67297 5.24386 6.3704 4.87214 6.17946C4.44195 5.9585 3.87797 5.9585 2.75 5.9585V5.9585Z" stroke-linecap="round"/>
|
||
<path d="M8.70841 3.20839C8.70841 3.20839 9.16675 2.2915 11.0001 2.2915C12.8334 2.2915 13.2917 3.20817 13.2917 3.20817" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">حذف</span>
|
||
</button>`
|
||
}
|
||
|
||
<button class="btn-taskmanager-delete position-relative d-md-block d-none" onclick="DiagramDetail(${item.id})">
|
||
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect x="12" y="6" width="2.66667" height="2.66667" rx="1.33333" transform="rotate(90 12 6)" stroke="white"/>
|
||
<rect x="12" y="11.332" width="2.66667" height="2.66667" rx="1.33333" transform="rotate(90 12 11.332)" stroke="white"/>
|
||
<rect x="2" y="4.66797" width="2.66667" height="2.66667" rx="1.33333" transform="rotate(-90 2 4.66797)" stroke="white"/>
|
||
<path d="M3.3335 5.33203V8.66536C3.3335 10.551 3.3335 11.4938 3.91928 12.0796C4.50507 12.6654 5.44788 12.6654 7.3335 12.6654H9.3335" stroke="white"/>
|
||
<path d="M3.3335 4.66797V4.66797C3.3335 5.28795 3.3335 5.59794 3.40164 5.85227C3.58658 6.54246 4.12567 7.08155 4.81586 7.26649C5.07019 7.33464 5.38018 7.33464 6.00016 7.33464H9.3335" stroke="white"/>
|
||
</svg>
|
||
</button>
|
||
|
||
<button class="btn-taskmanager-more position-relative d-md-block d-none" onclick="Detail(${item.id})">
|
||
<span class="mx-1 align-items-center d-flex justify-content-center">
|
||
<p class="my-0 mx-1">عملیات</p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" fill="currentColor">
|
||
<circle cx="8.4001" cy="8.39922" r="1.2" transform="rotate(90 8.4001 8.39922)"/>
|
||
<circle cx="8.4001" cy="4.39922" r="1.2" transform="rotate(90 8.4001 4.39922)"/>
|
||
<circle cx="8.4001" cy="12.3992" r="1.2" transform="rotate(90 8.4001 12.3992)"/>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
<button class="btn-taskmanager-more position-relative d-md-none d-block">
|
||
<span class="align-items-center d-flex justify-content-center">
|
||
<p class="my-0"></p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" fill="currentColor">
|
||
<circle cx="8.4001" cy="8.39922" r="1.2" transform="rotate(90 8.4001 8.39922)"/>
|
||
<circle cx="8.4001" cy="4.39922" r="1.2" transform="rotate(90 8.4001 4.39922)"/>
|
||
<circle cx="8.4001" cy="12.3992" r="1.2" transform="rotate(90 8.4001 12.3992)"/>
|
||
</svg>
|
||
</span>
|
||
</button>`;
|
||
} else {
|
||
html += `
|
||
<button class="btn-taskmanager-edit position-relative d-md-block d-none btn-disable">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M12.0433 6.49955L12.0214 6.52145L5.53808 13.0047C5.52706 13.0158 5.51612 13.0267 5.50525 13.0375C5.34278 13.1996 5.19895 13.3432 5.09758 13.5222L5.5266 13.7651L5.09758 13.5222C4.99622 13.7012 4.94714 13.8984 4.89171 14.1211C4.88801 14.136 4.88427 14.151 4.88049 14.1662L4.30029 16.4869L4.78351 16.6077L4.30029 16.4869C4.29808 16.4958 4.29585 16.5047 4.29361 16.5136C4.25437 16.6703 4.21246 16.8377 4.19871 16.9782C4.18357 17.1329 4.1871 17.394 4.39651 17.6034C4.60592 17.8128 4.86698 17.8163 5.02171 17.8012C5.16225 17.7875 5.32958 17.7456 5.48627 17.7063C5.49521 17.7041 5.50411 17.7018 5.51297 17.6996L7.83376 17.1194C7.84888 17.1156 7.86388 17.1119 7.87878 17.1082C8.10151 17.0528 8.29868 17.0037 8.47772 16.9023C8.65675 16.801 8.80027 16.6571 8.9624 16.4947C8.97324 16.4838 8.98416 16.4729 8.99519 16.4618L15.4785 9.97855L15.5004 9.95666C15.796 9.6611 16.0507 9.40638 16.2296 9.17534C16.4208 8.9284 16.5695 8.65435 16.5843 8.31531C16.5862 8.27179 16.5862 8.22821 16.5843 8.18469C16.5695 7.84565 16.4208 7.5716 16.2296 7.32466C16.0507 7.09362 15.796 6.8389 15.5004 6.54334L15.4785 6.52145L15.4566 6.49954C15.161 6.20396 14.9063 5.94922 14.6753 5.77034C14.4283 5.57917 14.1543 5.43041 13.8152 5.41564C13.7717 5.41374 13.7281 5.41374 13.6846 5.41564C13.3456 5.43041 13.0715 5.57917 12.8246 5.77034C12.5935 5.94922 12.3388 6.20396 12.0433 6.49955Z"/>
|
||
<path d="M11.4583 6.87484L14.2083 5.0415L16.9583 7.7915L15.1249 10.5415L11.4583 6.87484Z"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">ویرایش</span>
|
||
</button>
|
||
<button class="btn-taskmanager-delete d-md-block d-none btn-disable">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M8.70825 13.2915L8.70825 10.5415" stroke-linecap="round"/>
|
||
<path d="M13.2917 13.2915L13.2917 10.5415" stroke-linecap="round"/>
|
||
<path d="M2.75 5.9585H19.25V5.9585C18.122 5.9585 17.558 5.9585 17.1279 6.17946C16.7561 6.3704 16.4536 6.67297 16.2626 7.04469C16.0417 7.47488 16.0417 8.03886 16.0417 9.16683V13.8752C16.0417 15.7608 16.0417 16.7036 15.4559 17.2894C14.8701 17.8752 13.9273 17.8752 12.0417 17.8752H9.95833C8.07271 17.8752 7.12991 17.8752 6.54412 17.2894C5.95833 16.7036 5.95833 15.7608 5.95833 13.8752V9.16683C5.95833 8.03886 5.95833 7.47488 5.73737 7.04469C5.54643 6.67297 5.24386 6.3704 4.87214 6.17946C4.44195 5.9585 3.87797 5.9585 2.75 5.9585V5.9585Z" stroke-linecap="round"/>
|
||
<path d="M8.70841 3.20839C8.70841 3.20839 9.16675 2.2915 11.0001 2.2915C12.8334 2.2915 13.2917 3.20817 13.2917 3.20817" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-md-none d-flex">حذف</span>
|
||
</button>
|
||
|
||
<button class="btn-taskmanager-delete position-relative d-md-block d-none" onclick="DiagramDetail(${item.id})">
|
||
<svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect x="12" y="6" width="2.66667" height="2.66667" rx="1.33333" transform="rotate(90 12 6)" stroke="white"/>
|
||
<rect x="12" y="11.332" width="2.66667" height="2.66667" rx="1.33333" transform="rotate(90 12 11.332)" stroke="white"/>
|
||
<rect x="2" y="4.66797" width="2.66667" height="2.66667" rx="1.33333" transform="rotate(-90 2 4.66797)" stroke="white"/>
|
||
<path d="M3.3335 5.33203V8.66536C3.3335 10.551 3.3335 11.4938 3.91928 12.0796C4.50507 12.6654 5.44788 12.6654 7.3335 12.6654H9.3335" stroke="white"/>
|
||
<path d="M3.3335 4.66797V4.66797C3.3335 5.28795 3.3335 5.59794 3.40164 5.85227C3.58658 6.54246 4.12567 7.08155 4.81586 7.26649C5.07019 7.33464 5.38018 7.33464 6.00016 7.33464H9.3335" stroke="white"/>
|
||
</svg>
|
||
</button>
|
||
<button class="btn-taskmanager-more position-relative" onclick="Detail(${item.id})">
|
||
<span class="mx-1 align-items-center d-flex justify-content-center">
|
||
<p class="my-0 d-none d-md-block">مشاهده</p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" fill="currentColor">
|
||
<circle cx="8.4001" cy="8.39922" r="1.2" transform="rotate(90 8.4001 8.39922)"/>
|
||
<circle cx="8.4001" cy="4.39922" r="1.2" transform="rotate(90 8.4001 4.39922)"/>
|
||
<circle cx="8.4001" cy="12.3992" r="1.2" transform="rotate(90 8.4001 12.3992)"/>
|
||
</svg>
|
||
</span>
|
||
</button>`;
|
||
}
|
||
|
||
html += `</div>
|
||
</div>
|
||
</div>`;
|
||
|
||
|
||
|
||
|
||
if (!item.isDone && !item.isCancel) {
|
||
html += `<div id="OperationDiv_${item.id}" class="tm-${item.color}-operation operation-div w-100">
|
||
<div class="operations-btns">
|
||
<div class="row p-0">
|
||
<div class="col-md-12 col-12 p-1">
|
||
|
||
<div class="d-flex">`;
|
||
|
||
|
||
//if (response.positions.length > 0) {
|
||
// response.positions.forEach(function (position) {
|
||
// if ((item.assignList.filter((x) => x.posValue == position.value && x.assignViewModels.length > 0)).length > 0) {
|
||
// var assignlistt = item.assignList.filter((x) => x.posValue == position.value && x.assignViewModels.length > 0)
|
||
// html += `<div class="Rtable-cell d-md-none d-block width2">
|
||
// <div class="Rtable-cell--content" > ${assignlistt[0].assignViewModels[0].assignedName}
|
||
// <span> - </span>
|
||
// </div>
|
||
//</div> `;
|
||
// }
|
||
// });
|
||
//}
|
||
|
||
html += `</div>
|
||
<div class="d-flex justify-content-between">
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div style="color:#313131; font-weight: 800;">ارجاع دهنده</div>
|
||
<div style="color:#1F1F1F">${item.assigner}</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div style="color:#313131; font-weight: 800;">خودم</div>
|
||
<div style="color:#1F1F1F">${item.selfName}</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div style="color:#313131; font-weight: 800;">ارجاع گیرنده</div>
|
||
<div style="color:#1F1F1F">${item.assignedReceiverViewModel.assignedName}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex justify-content-between">
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content">
|
||
<span style="color:#404040">تاریخ سررسید:</span>
|
||
</div>
|
||
</div>
|
||
<div class="d-md-none d-block">
|
||
<div class="Rtable-cell--content">
|
||
<span style="color:#404040">${item.endTaskTime} ${item.endTaskDateFA}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col-md-12 col-12 p-1">
|
||
<div class="d-flex justify-content-between">
|
||
<button class="btn-taskmanager-detail-mobile w-100 mx-1 d-md-none d-flex align-items-center justify-content-center" onclick="Detail(${item.id})">
|
||
<svg width="18" height="18" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect x="2.97119" y="2.69531" width="8.31979" height="10.5928" rx="2" stroke="#64748B"/>
|
||
<path d="M5.34863 5.8125H8.91426" stroke="#64748B" stroke-linecap="round"/>
|
||
<path d="M5.34863 8.30469H8.91426" stroke="#64748B" stroke-linecap="round"/>
|
||
<path d="M5.34863 10.7969H7.72572" stroke="#64748B" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-flex">عملیات</span>
|
||
</button>
|
||
<button class="btn-taskmanager-diagram-mobile w-100 mx-1 d-md-none d-flex align-items-center justify-content-center" onclick="DiagramDetail(${item.id})">
|
||
<svg width="18" height="18" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect x="9.70654" y="5.08203" width="2.13636" height="2.0375" rx="1.01875" transform="rotate(90 9.70654 5.08203)" stroke="#64748B"/>
|
||
<rect x="9.70654" y="9.35156" width="2.13636" height="2.0375" rx="1.01875" transform="rotate(90 9.70654 9.35156)" stroke="#64748B"/>
|
||
<rect x="2.06592" y="4.01172" width="2.13636" height="2.0375" rx="1.01875" transform="rotate(-90 2.06592 4.01172)" stroke="#64748B"/>
|
||
<path d="M3.08447 4.54688V6.42187C3.08447 8.30749 3.08447 9.2503 3.67026 9.83609C4.25605 10.4219 5.19885 10.4219 7.08447 10.4219H7.66885" stroke="#64748B"/>
|
||
<path d="M3.08447 4.01172V4.01172C3.08447 4.13834 3.08447 4.20165 3.08734 4.25513C3.14203 5.27548 3.95707 6.09052 4.97742 6.14522C5.03091 6.14808 5.09422 6.14808 5.22084 6.14808H7.66885" stroke="#64748B"/>
|
||
</svg>
|
||
<span class="mx-1 d-flex">دیاگرام</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 col-12 p-1">
|
||
<div class="d-flex justify-content-between">
|
||
${item.canEdit ?
|
||
`<button class="btn-taskmanager-edit position-relative w-100 mx-1 d-md-none d-flex align-items-center justify-content-center" onclick="EditTask(${item.id})">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M12.0433 6.49955L12.0214 6.52145L5.53808 13.0047C5.52706 13.0158 5.51612 13.0267 5.50525 13.0375C5.34278 13.1996 5.19895 13.3432 5.09758 13.5222L5.5266 13.7651L5.09758 13.5222C4.99622 13.7012 4.94714 13.8984 4.89171 14.1211C4.88801 14.136 4.88427 14.151 4.88049 14.1662L4.30029 16.4869L4.78351 16.6077L4.30029 16.4869C4.29808 16.4958 4.29585 16.5047 4.29361 16.5136C4.25437 16.6703 4.21246 16.8377 4.19871 16.9782C4.18357 17.1329 4.1871 17.394 4.39651 17.6034C4.60592 17.8128 4.86698 17.8163 5.02171 17.8012C5.16225 17.7875 5.32958 17.7456 5.48627 17.7063C5.49521 17.7041 5.50411 17.7018 5.51297 17.6996L7.83376 17.1194C7.84888 17.1156 7.86388 17.1119 7.87878 17.1082C8.10151 17.0528 8.29868 17.0037 8.47772 16.9023C8.65675 16.801 8.80027 16.6571 8.9624 16.4947C8.97324 16.4838 8.98416 16.4729 8.99519 16.4618L15.4785 9.97855L15.5004 9.95666C15.796 9.6611 16.0507 9.40638 16.2296 9.17534C16.4208 8.9284 16.5695 8.65435 16.5843 8.31531C16.5862 8.27179 16.5862 8.22821 16.5843 8.18469C16.5695 7.84565 16.4208 7.5716 16.2296 7.32466C16.0507 7.09362 15.796 6.8389 15.5004 6.54334L15.4785 6.52145L15.4566 6.49954C15.161 6.20396 14.9063 5.94922 14.6753 5.77034C14.4283 5.57917 14.1543 5.43041 13.8152 5.41564C13.7717 5.41374 13.7281 5.41374 13.6846 5.41564C13.3456 5.43041 13.0715 5.57917 12.8246 5.77034C12.5935 5.94922 12.3388 6.20396 12.0433 6.49955Z"/>
|
||
<path d="M11.4583 6.87484L14.2083 5.0415L16.9583 7.7915L15.1249 10.5415L11.4583 6.87484Z"/>
|
||
</svg>
|
||
<span class="mx-1 d-flex">ویرایش</span>
|
||
</button>`: ``}
|
||
${item.canDelete ?
|
||
`<button class="btn-taskmanager-delete w-100 mx-1 d-md-none d-flex align-items-center justify-content-center" onclick="removeConfirm(${item.id})">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22" fill="none" stroke="currentColor">
|
||
<path d="M8.70825 13.2915L8.70825 10.5415" stroke-linecap="round"/>
|
||
<path d="M13.2917 13.2915L13.2917 10.5415" stroke-linecap="round"/>
|
||
<path d="M2.75 5.9585H19.25V5.9585C18.122 5.9585 17.558 5.9585 17.1279 6.17946C16.7561 6.3704 16.4536 6.67297 16.2626 7.04469C16.0417 7.47488 16.0417 8.03886 16.0417 9.16683V13.8752C16.0417 15.7608 16.0417 16.7036 15.4559 17.2894C14.8701 17.8752 13.9273 17.8752 12.0417 17.8752H9.95833C8.07271 17.8752 7.12991 17.8752 6.54412 17.2894C5.95833 16.7036 5.95833 15.7608 5.95833 13.8752V9.16683C5.95833 8.03886 5.95833 7.47488 5.73737 7.04469C5.54643 6.67297 5.24386 6.3704 4.87214 6.17946C4.44195 5.9585 3.87797 5.9585 2.75 5.9585V5.9585Z" stroke-linecap="round"/>
|
||
<path d="M8.70841 3.20839C8.70841 3.20839 9.16675 2.2915 11.0001 2.2915C12.8334 2.2915 13.2917 3.20817 13.2917 3.20817" stroke-linecap="round"/>
|
||
</svg>
|
||
<span class="mx-1 d-flex">حذف</span>
|
||
</button>`: ``}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>`;
|
||
}
|
||
|
||
html += `</div>`;
|
||
n += 1;
|
||
|
||
|
||
});
|
||
}
|
||
|
||
|
||
$('#tasksAjax').append(html);
|
||
var newPageIndex = pageIndex + response.pageIndex;
|
||
$('#pageIndex').val(newPageIndex);
|
||
}
|
||
|
||
loadSticky();
|
||
|
||
},
|
||
failure: function (response) {
|
||
console.log(5, response);
|
||
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
|
||
//function loadRequestCount() {
|
||
// $.ajax({
|
||
// async: false,
|
||
// dataType: 'json',
|
||
// type: 'GET',
|
||
// url: loadRequestCountAjax,
|
||
// headers: { "RequestVerificationToken": `${antiForgeryToken}` },
|
||
// success: function (response) {
|
||
// if (response.isSuccess) {
|
||
|
||
// if(response.result === 0) {
|
||
// $('#badgeRequestCount1').css('display', 'none');
|
||
// } else {
|
||
// $('#badgeRequestCount1').html(response.result);
|
||
// }
|
||
|
||
// //if (response.result === 0) {
|
||
// // $('#badgeRequestCount1').css('display', 'none');
|
||
// // $('#badgeRequestCount2').css('display', 'none');
|
||
// //} else {
|
||
// // $('#badgeRequestCount1').html(response.result);
|
||
// // $('#badgeRequestCount2').html(response.result);
|
||
// //}
|
||
|
||
// //if (response.result === 0) {
|
||
// // $('#badgeRequestCount1').css('display', 'none');
|
||
// // $('#badgeRequestCount2').css('display', 'none');
|
||
// //} else {
|
||
// // $('#badgeRequestCount1').html(response.result);
|
||
// // $('#badgeRequestCount2').html(response.result);
|
||
// //}
|
||
|
||
// } 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);
|
||
// }
|
||
// });
|
||
//}
|
||
|
||
function loadTicketAndRequestCount() {
|
||
$.ajax({
|
||
async: true,
|
||
dataType: 'json',
|
||
type: 'GET',
|
||
url: loadTicketCountAjax,
|
||
success: function (response) {
|
||
|
||
//if (response.isSuccess) {
|
||
if (response.isSuccess) {
|
||
// Check and update text or value based on conditions
|
||
$("#badgeRequestCount1").text(response.requestCount == 0 ? "" : response.requestCount);
|
||
$("#badgeTicketCount1").text(response.resultTicketCount == 0 ? "" : response.resultTicketCount);
|
||
$("#badgeTicketRequesttCount1").text(response.resultRequestTicketCount == 0 ? "" : response.resultRequestTicketCount);
|
||
$("#badgeOverdueCount1").text(response.resultOverdueTasks == 0 ? "" : response.resultOverdueTasks);
|
||
|
||
$("#badgeRequestCount2").text(response.requestCount == 0 ? "" : response.requestCount);
|
||
$("#badgeTicketCount2").text(response.resultTicketCount == 0 ? "" : response.resultTicketCount);
|
||
$("#badgeTicketRequesttCount2").text(response.resultRequestTicketCount == 0 ? "" : response.resultRequestTicketCount);
|
||
$("#badgeOverdueCount2").text(response.resultOverdueTasks == 0 ? "" : response.resultOverdueTasks);
|
||
|
||
|
||
} 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);
|
||
}
|
||
})
|
||
}
|
||
|
||
|
||
function loadMoreRequest(type) {
|
||
loadTicketAndRequestCount();
|
||
//loadRequestCount();
|
||
//loadMessages();
|
||
|
||
let pageIndex = Number($('#pageIndex').val());
|
||
var b = pageIndex % 30;
|
||
var AccountId = Number($('#AccountId').val());
|
||
var StartDate = $('#StartDate').val();
|
||
var EndDate = $('#EndDate').val();
|
||
var IsCanceled = $('#IsCanceled').val();
|
||
var IsCancelRequest = $('#IsCancelRequest').val();
|
||
var IsTimeRequest = $('#IsTimeRequest').val();
|
||
var TimeRequestAccepted = $('#TimeRequestAccepted').val();
|
||
var IsDone = $('#IsDone').val();
|
||
var IsDoneRequest = $('#IsDoneRequest').val();
|
||
var generalSearch = $('#GeneralSearch').val();
|
||
var index = 1;
|
||
var html = '';
|
||
|
||
if (b === 0) {
|
||
|
||
// var searchModel = {};
|
||
// searchModel.Status = $('#status').val();
|
||
// searchModel.ContractingPatyId = Number($('#contractingPatyId').val());
|
||
$.ajax({
|
||
async: false,
|
||
contentType: 'charset=utf-8',
|
||
dataType: 'json',
|
||
type: 'GET',
|
||
url: `${loadMoreAjax}`,
|
||
data: {
|
||
pageIndex: pageIndex,
|
||
accountId: AccountId,
|
||
endDate: EndDate,
|
||
isCanceled: IsCanceled,
|
||
isCancelRequest: IsCancelRequest,
|
||
isDone: IsDone,
|
||
isTimeRequest: IsTimeRequest,
|
||
startDate: StartDate,
|
||
timeRequestAccepted: TimeRequestAccepted,
|
||
generalSearch: generalSearch,
|
||
type: type
|
||
},
|
||
headers: { "RequestVerificationToken": `${antiForgeryToken}` },
|
||
|
||
|
||
success: function (response) {
|
||
if (response.pageIndex > 0) {
|
||
var n = pageIndex + 1;
|
||
var taskList = response.taskList;
|
||
if (n == 1) {
|
||
|
||
html += `<div class="Rtable-row Rtable-row--head align-items-center sticky-div">
|
||
<div class="Rtable-cell column-heading d-md-block d-none width1">ردیف</div>
|
||
<div class="Rtable-cell column-heading d-md-flex d-none width2">
|
||
<div class="w-100">ارجاع دهنده</div>
|
||
<div class="w-100">خودم</div>`;
|
||
|
||
if (response.positions.length > 0) {
|
||
response.positions.forEach(function (pos) {
|
||
html += `<div class="w-100">${pos.name}</div>`;
|
||
});
|
||
}
|
||
|
||
html += `</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width6">تاریخ ایجاد</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width3">تاریخ سررسید</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width4">طرف حساب</div>
|
||
<div class="Rtable-cell column-heading d-md-block d-none width5">عنوان وظیفه</div>
|
||
<div class="Rtable-cell column-heading width7 text-end">عملیات</div>
|
||
</div>`;
|
||
}
|
||
|
||
taskList.forEach(function (item) {
|
||
|
||
var successSend = item.status == "موفق" ? "successSend" : "";
|
||
var operation;
|
||
switch (item.color) {
|
||
case "red":
|
||
operation = "cancel_request";
|
||
break;
|
||
case "yellow":
|
||
operation = "request_time";
|
||
break;
|
||
case "green":
|
||
operation = "complete_request";
|
||
break;
|
||
|
||
default:
|
||
operation = "";
|
||
}
|
||
|
||
|
||
html += `<div class="Rtable-row align-items-center position-relative openAction hideDivRequest${item.id} tm-${item.color}" style="cursor: pointer;">
|
||
<div class="Rtable-cell d-md-block d-flex width1">
|
||
<div class="Rtable-cell--content">
|
||
<span class="d-flex justify-content-center span-number">
|
||
${n}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-flex d-none width2">
|
||
<div class="Rtable-cell--content w-100 position-relative color-width2"><div class="position-relative">${item.assigner}</div></div>
|
||
<div class="Rtable-cell--content w-100 position-relative color-width2"><div class="position-relative">${item.selfName}</div></div>`;
|
||
if (response.positions.length > 0) {
|
||
response.positions.forEach(function (position) {
|
||
if ((item.assignList.filter((x) => x.posValue == position.value && x.assignViewModels.length > 0)).length > 0) {
|
||
var assignlistt = item.assignList.filter((x) => x.posValue == position.value && x.assignViewModels.length > 0);
|
||
|
||
html += `
|
||
<div class="tooltipfull-container w-100 position-relative color-width2" id="workShopEmpListIntro">
|
||
<p class="m-0 ellipsed text-center">
|
||
<span class="position-relative">${assignlistt[0].assignViewModels[0].assignedName}</span>
|
||
</p>
|
||
<span class="tooltipfull" style="right: 47px;">
|
||
`;
|
||
|
||
assignlistt[0].assignViewModels.forEach(function (aVMs) {
|
||
html += `<p class="m-0">${aVMs.assignedName}</p>`;
|
||
});
|
||
|
||
html += `</span>
|
||
</div>`;
|
||
}
|
||
else {
|
||
html += `<div class="Rtable-cell--content position-relative w-100 color-width2"><div class="position-relative">-</div></div>`;
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
html += `</div>`;
|
||
|
||
|
||
|
||
html += `
|
||
|
||
<div class="Rtable-cell d-md-block d-none width6">
|
||
<div class="Rtable-cell--content ">${item.createDate}</div>
|
||
</div>
|
||
<div class="Rtable-cell d-md-block d-none width3">
|
||
<div class="Rtable-cell--content ">${item.endTaskTime} ${item.endTaskDateFA}</div>
|
||
</div>
|
||
|
||
|
||
<div class="d-md-none d-block width4">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.assigner}</span>
|
||
</p>
|
||
</div>
|
||
<span class="tooltipfull" >
|
||
${item.assigner}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-md-none d-block width4">
|
||
<div class="Rtable-cell--content text-center">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.assignedReceiverViewModel.assignedName}</span>
|
||
</p>
|
||
</div>
|
||
<span class="tooltipfull" >
|
||
${item.assignedReceiverViewModel.assignedName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Rtable-cell d-md-block d-none width4">
|
||
<div class="Rtable-cell--content">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.contractingPartyName}</span>
|
||
</p>
|
||
<span class="tooltipfull" >
|
||
${item.contractingPartyName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="Rtable-cell d-md-block d-flex width5 text-start">
|
||
<div class="Rtable-cell--content">
|
||
<div class="tooltipfull-container">
|
||
<p class="m-0 ellipsed">
|
||
<span>${item.name}</span>
|
||
</p>
|
||
<span class="tooltipfull" >
|
||
${item.name}
|
||
</span>
|
||
</div>
|
||
|
||
<div class="tooltipfull-container d-md-none d-block">
|
||
<p class="m-0 ellipsed">
|
||
<span style="font-size: 10px; !important">${item.contractingPartyName}</span>
|
||
</p>
|
||
<span class="tooltipfull" style="font-size: 10px; !important">
|
||
${item.contractingPartyName}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>`;
|
||
|
||
html += `<div class="Rtable-cell width7">
|
||
<div class="Rtable-cell--content align-items-center d-flex justify-content-end">`;
|
||
|
||
|
||
|
||
|
||
|
||
|
||
html += `${item.canCheckRequests && CheckRequestPermission === `True` ? ` <div class="d-flex just">
|
||
<button permission="90120" class="btn-taskmanager-more position-relative" onclick="OperationRequest(${item.id}, '${operation}')">
|
||
<span class="mx-1 align-items-center d-flex justify-content-between">
|
||
<p class="my-0 ps-1 d-none d-md-block">بررسی</p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" fill="currentColor">
|
||
<circle cx="8.4001" cy="8.39922" r="1.2" transform="rotate(90 8.4001 8.39922)"/>
|
||
<circle cx="8.4001" cy="4.39922" r="1.2" transform="rotate(90 8.4001 4.39922)"/>
|
||
<circle cx="8.4001" cy="12.3992" r="1.2" transform="rotate(90 8.4001 12.3992)"/>
|
||
</svg>
|
||
</span>
|
||
</button>
|
||
</div>`: ``}`;
|
||
|
||
|
||
html += `</div>
|
||
</div>
|
||
</div>`;
|
||
|
||
html += `</div>`;
|
||
n += 1;
|
||
});
|
||
|
||
$('#taskRequestsAjax').append(html);
|
||
var newPageIndex = pageIndex + response.pageIndex;
|
||
$('#pageIndex').val(newPageIndex);
|
||
index++;
|
||
}
|
||
|
||
loadSticky();
|
||
|
||
},
|
||
failure: function (response) {
|
||
console.log(5, response);
|
||
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
|
||
$(document).ready(function () {
|
||
if (userPositionValue == 1) {
|
||
loadMore('selfTask');
|
||
} else {
|
||
loadMore('received');
|
||
}
|
||
|
||
|
||
var filterEmployeeId = $('#AccountId').val();
|
||
var filterStart = $('#StartDate').val().trim();
|
||
var filterEnd = $('#EndDate').val().trim();
|
||
var filterIsDone = $('#IsDone').val().trim();
|
||
var filterGeneralSearch = $('#GeneralSearch').val().trim();
|
||
|
||
|
||
if (filterEmployeeId != 0 || filterStart != '' || filterEnd != '' || filterIsDone != '' || filterGeneralSearch !='' ) {
|
||
$('.btn-clear-filter').removeClass('disable');
|
||
} else {
|
||
$('.btn-clear-filter').addClass('disable');
|
||
}
|
||
});
|
||
|
||
|
||
// var extraHeight = 1680;
|
||
// var divHeight = 1550;
|
||
// $("#divTaskList").scroll(function () {
|
||
// if ($("#divTaskList").scrollTop() + $("#divTaskList").height() > extraHeight - 100) {
|
||
// alert("loading..");
|
||
// loadMore();
|
||
// extraHeight += divHeight;
|
||
|
||
|
||
// }
|
||
// });
|
||
$(window).scroll(function () {
|
||
if ($(window).scrollTop() + $(window).height() > $(document).height() - 600) {
|
||
if ($('#btnTaskListSelfTask').hasClass('active')) {
|
||
loadMore('selfTask');
|
||
} else if ($('#btnTaskListAllTask').hasClass('active')) {
|
||
loadMore('AllTask');
|
||
} else if ($('#btnTaskListSent').hasClass('active')) {
|
||
loadMore('sent');
|
||
} else if ($('#btnTaskListReceived').hasClass('active')) {
|
||
loadMore('received');
|
||
} else if ($('#btnTaskList').hasClass('active')) {
|
||
loadMore('list');
|
||
} else if ($('#btnTaskTicket').hasClass('active')) {
|
||
loadMore('ticket');
|
||
} else if ($('#btnTaskRequest').hasClass('active')) {
|
||
loadMoreRequest('request');
|
||
} else if ($('#btnTicketList').hasClass('active')) {
|
||
loadMore('TasksHaveTicket');
|
||
} else if ($('#btnTicketRequestList').hasClass('active')) {
|
||
loadMoreRequest('TaskHaveTicketRequests')
|
||
} else if ($('#btnScheduleTask').hasClass('active')) {
|
||
loadMoreRequest('schedule')
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// *************************** مربوط به جستجو در دسکتاپ ********************************
|
||
|
||
const selectedAll = document.querySelectorAll(".wrapper-dropdown");
|
||
|
||
var wrapperDropdown = $(".wrapper-dropdown");
|
||
|
||
$(document).ready(function () {
|
||
wrapperDropdown.on("click", function () {
|
||
var dropdown = $(this);
|
||
var optionsContainer = dropdown.children(".dropdown");
|
||
var optionsList = optionsContainer.find(".item");
|
||
|
||
dropdown.toggleClass("active");
|
||
|
||
if (dropdown.hasClass("active")) {
|
||
wrapperDropdown.not(this).removeClass("active");
|
||
}
|
||
|
||
optionsList.on("click", function () {
|
||
var selectedOption = $(this);
|
||
var valueData = selectedOption.data("value");
|
||
|
||
dropdown.removeClass("active");
|
||
dropdown.find(".selected-display").text(selectedOption.text());
|
||
$("#sendSorting").val(valueData);
|
||
|
||
optionsList.removeClass("active");
|
||
selectedOption.addClass("active");
|
||
});
|
||
});
|
||
|
||
var defaultValue = $("#sendSorting").val();
|
||
if (defaultValue) {
|
||
|
||
let defaultItem = $(".dropdown").find(".item[value-data='" + defaultValue + "']");
|
||
defaultItem.addClass("active");
|
||
var selectedDisplay = wrapperDropdown.find(".selected-display");
|
||
selectedDisplay.text(defaultItem.text());
|
||
}
|
||
});
|
||
|
||
$('.dropdown-IsTimeRequest .item').on("click", function () {
|
||
let dataVal = $(this).attr("value-data-normal");
|
||
$('#IsTimeRequest').val(dataVal);
|
||
});
|
||
|
||
$('.dropdown-IsCanceled .item').on("click", function () {
|
||
let dataVal = $(this).attr("value-data-normal");
|
||
$('#IsCanceled').val(dataVal);
|
||
});
|
||
|
||
$('.dropdown-IsCancelRequest .item').on("click", function () {
|
||
let dataVal = $(this).attr("value-data-normal");
|
||
$('#IsCancelRequest').val(dataVal);
|
||
});
|
||
|
||
$('.dropdown-TimeRequestAccepted .item').on("click", function () {
|
||
let dataVal = $(this).attr("value-data-normal");
|
||
$('#TimeRequestAccepted').val(dataVal);
|
||
});
|
||
|
||
$('.dropdown-IsDone .item').on("click", function () {
|
||
let dataVal = $(this).attr("value-data-normal");
|
||
$('#IsDone').val(dataVal);
|
||
});
|
||
|
||
$('.dropdown-IsDoneRequest .item').on("click", function () {
|
||
let dataVal = $(this).attr("value-data-normal");
|
||
$('#IsDoneRequest').val(dataVal);
|
||
});
|
||
|
||
|
||
var sendDropdownNormal = $("#sendSorting").val();
|
||
if (sendDropdownNormal) {
|
||
let itemDropdownNormal = $(".dropdown-normal").find(".item[value-data-normal='" + sendDropdownNormal + "']");
|
||
itemDropdownNormal.addClass("active");
|
||
var selectedNormalDisplay = $(".wrapper-dropdown-normal").find(".selected-display");
|
||
selectedNormalDisplay.text(itemDropdownNormal.text());
|
||
}
|
||
|
||
var sendDropdownYear = $("#sendDropdownYear").val();
|
||
if (sendDropdownYear) {
|
||
let itemDropdownYear = $(".dropdown-year").find(".item[value-data-year='" + sendDropdownYear + "']");
|
||
itemDropdownYear.addClass("active");
|
||
var selectedYearDisplay = $(".wrapper-dropdown-year").find(".selected-display");
|
||
selectedYearDisplay.text(itemDropdownYear.text());
|
||
}
|
||
|
||
var sendDropdownMonth = $("#sendDropdownMonth").val();
|
||
if (sendDropdownMonth) {
|
||
let itemDropdownMonth = $(".dropdown-month").find(".item[value-data-month='" + sendDropdownMonth + "']");
|
||
itemDropdownMonth.addClass("active");
|
||
var selectedMonthDisplay = $(".wrapper-dropdown-month").find(".selected-display");
|
||
selectedMonthDisplay.text(itemDropdownMonth.text());
|
||
}
|
||
|
||
// check if anything else ofther than the dropdown is clicked
|
||
window.addEventListener("click", function (e) {
|
||
if (e.target.closest(".wrapper-dropdown") === null) {
|
||
closeAllDropdowns();
|
||
}
|
||
});
|
||
|
||
// close all the dropdowns
|
||
function closeAllDropdowns() {
|
||
const selectedAll = document.querySelectorAll(".wrapper-dropdown");
|
||
selectedAll.forEach((selected) => {
|
||
const optionsContainer = selected.children[2];
|
||
let arrow = selected.children[1];
|
||
|
||
handleDropdown(selected, arrow, false);
|
||
});
|
||
}
|
||
|
||
// open all the dropdowns
|
||
function handleDropdown(dropdown, arrow, open) {
|
||
if (open) {
|
||
arrow.classList.add("rotated");
|
||
dropdown.classList.add("active");
|
||
} else {
|
||
arrow.classList.remove("rotated");
|
||
dropdown.classList.remove("active");
|
||
}
|
||
}
|
||
// *************************** مربوط به جستجو در دسکتاپ ********************************
|
||
|
||
|
||
|
||
//******************** فیلتر کردن برای جستجو ********************
|
||
$(document).on('click', '.btn-search-click', function () {
|
||
$('#filterRemove').show();
|
||
$('#filterRemoveMobile').show();
|
||
|
||
var filterEmployeeId = $('#AccountId').val();
|
||
var filterStart = $('#StartDate').val().trim();
|
||
var filterEnd = $('#EndDate').val().trim();
|
||
var filterIsDone = $('#IsDone').val().trim();
|
||
var filterGeneralSearch = $('#GeneralSearch').val().trim();
|
||
var filterGeneralSearchMobile = $('#GeneralSearchMobile').val().trim();
|
||
$('#GeneralSearch').val(filterGeneralSearch);
|
||
$('#GeneralSearchMobile').val(filterGeneralSearchMobile);
|
||
|
||
if (filterEmployeeId != 0 || filterStart != '' || filterEnd != '' || filterIsDone != '' || filterGeneralSearch != '' || filterGeneralSearchMobile != '') {
|
||
$('.btn-clear-filter').removeClass('disable');
|
||
} else {
|
||
$('.btn-clear-filter').addClass('disable');
|
||
}
|
||
$("#searchModal").modal("hide");
|
||
});
|
||
$(document).on('click', '.btn-clear-filter', function () {
|
||
$(this).hide();
|
||
var filterEmployeeId = $('#AccountId').val();
|
||
var filterStart = $('#StartDate').val().trim();
|
||
var filterEnd = $('#EndDate').val().trim();
|
||
var filterIsDone = $('#IsDone').val().trim();
|
||
var filterGeneralSearch = $('#GeneralSearch').val().trim();
|
||
var filterGeneralSearchMobile = $('#GeneralSearchMobile').val().trim();
|
||
$('#GeneralSearch').val(filterGeneralSearch);
|
||
$('#GeneralSearchMobile').val(filterGeneralSearchMobile);
|
||
|
||
if (filterEmployeeId != 0 || filterStart != '' || filterEnd != '' || filterIsDone != '' || filterGeneralSearch != '' || filterGeneralSearchMobile != '') {
|
||
$('.btn-clear-filter').removeClass('disable');
|
||
} else {
|
||
$('.btn-clear-filter').addClass('disable');
|
||
}
|
||
$("#searchModal").modal("hide");
|
||
});
|
||
//******************** فیلتر کردن برای جستجو ********************
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
//Edit Task
|
||
function EditTask(id) {
|
||
var ID = Number(id);
|
||
|
||
//$(".modal-xl-taskTime").addClass('modal-xxxl');
|
||
|
||
var goTo = `#showmodal=/AdminNew/Company/Task/Index?taskId=${ID}&handler=EditTask`;
|
||
window.location.href = goTo;
|
||
}
|
||
|
||
|
||
|
||
function removeConfirm(id) {
|
||
swal({
|
||
title: "آیا از حذف این وظیفه اطمینان دارید؟",
|
||
text: "",
|
||
type: "warning",
|
||
showCancelButton: true,
|
||
confirmButtonColor: "#DD6B55",
|
||
confirmButtonText: "بله",
|
||
cancelButtonText: "خیر",
|
||
closeOnConfirm: true,
|
||
closeOnCancel: true
|
||
}, function (isConfirm) {
|
||
if (isConfirm) {
|
||
remove(id);
|
||
}
|
||
});
|
||
}
|
||
|
||
function remove(id) {
|
||
var ID = Number(id);
|
||
|
||
$.ajax({
|
||
async: false,
|
||
dataType: 'json',
|
||
type: 'POST',
|
||
url: `${removeAjax}`,
|
||
headers: { "RequestVerificationToken": `${antiForgeryToken}` },
|
||
data: { taskId: ID },
|
||
success: function (response) {
|
||
if (response.isSuccess) {
|
||
$('.alert-success-msg').show();
|
||
$('.alert-success-msg p').text(response.message);
|
||
setTimeout(function () {
|
||
$('.alert-success-msg').hide();
|
||
$('.alert-success-msg p').text('');
|
||
window.location.reload();
|
||
}, 1000);
|
||
} 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);
|
||
}
|
||
});
|
||
}
|
||
|
||
function removeScheduleConfirm(id) {
|
||
swal({
|
||
title: "آیا از حذف این وظیفه اطمینان دارید؟",
|
||
text: "",
|
||
type: "warning",
|
||
showCancelButton: true,
|
||
confirmButtonColor: "#DD6B55",
|
||
confirmButtonText: "بله",
|
||
cancelButtonText: "خیر",
|
||
closeOnConfirm: true,
|
||
closeOnCancel: true
|
||
}, function (isConfirm) {
|
||
if (isConfirm) {
|
||
removeSchedule(id);
|
||
}
|
||
});
|
||
}
|
||
|
||
function removeSchedule(id) {
|
||
var ID = Number(id);
|
||
|
||
$.ajax({
|
||
async: false,
|
||
dataType: 'json',
|
||
type: 'POST',
|
||
url: `${removeScheduleAjax}`,
|
||
headers: { "RequestVerificationToken": `${antiForgeryToken}` },
|
||
data: { taskScheduleId: ID },
|
||
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('');
|
||
window.location.reload();
|
||
}, 1000);
|
||
} 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);
|
||
}
|
||
});
|
||
}
|
||
|
||
function Operation(id, type) {
|
||
var task_ID = Number(id);
|
||
var goTo = `/AdminNew/Company/Task/Index?taskId=${task_ID}&type=${type}&handler=AssignTo`;
|
||
//window.location.href = goTo;
|
||
AjaxUrlContentModal(goTo);
|
||
}
|
||
|
||
|
||
function OperationRequest(id, type) {
|
||
var task_ID = Number(id);
|
||
$(".modal-xl-taskTime").addClass('modal-xl-DetailModal');
|
||
|
||
var goTo = `#showmodal=/AdminNew/Company/Task/Index?taskId=${task_ID}&type=${type}&handler=OperationRequestTask`;
|
||
window.location.href = goTo;
|
||
}
|
||
|
||
function Detail(id) {
|
||
var task_ID = Number(id);
|
||
var goTo = `#showmodal=/AdminNew/Company/Task/Index?taskId=${task_ID}&handler=DetailsTask`;
|
||
window.location.href = goTo;
|
||
}
|
||
|
||
function scheduleDetail(id) {
|
||
var task_ID = Number(id);
|
||
var goTo = `#showmodal=/AdminNew/Company/Task/Index?taskScheduleId=${task_ID}&handler=DetailsScheduleTaskModal`;
|
||
window.location.href = goTo;
|
||
}
|
||
|
||
function DiagramDetail(id) {
|
||
var task_ID = Number(id);
|
||
var goTo = `#showmodal=/AdminNew/Company/Task/Index?taskId=${task_ID}&handler=DiagramDetailsTask`;
|
||
//$(.modal .modal-content ).css
|
||
window.location.href = goTo;
|
||
}
|
||
|
||
function createTask() {
|
||
var goTo = `#showmodal=/AdminNew/Company/Task/Index?handler=CreateTaskModal`;
|
||
window.location.href = goTo;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
//************************************ برای مشاهده زمان و ساعت **********************************/
|
||
//$(".date").mask("0000/00/00");
|
||
$(".date").on('input', function () {
|
||
var value = $(this).val();
|
||
$(this).val(convertPersianNumbersToEnglish(value));
|
||
}).mask("0000/00/00");
|
||
|
||
$(".date").keyup(function () {
|
||
let value = $(this).val();
|
||
let lengthValue = value.length;
|
||
if (lengthValue == 10) {
|
||
if (!dateValidcheck(this)) {
|
||
$(this).addClass("errored");
|
||
} else {
|
||
$(this).removeClass("errored");
|
||
}
|
||
} else if (lengthValue == 0) {
|
||
$(this).removeClass("errored");
|
||
}
|
||
});
|
||
|
||
function dateValidcheck(inputField1) {
|
||
let persianNumbers = [/۰/g, /۱/g, /۲/g, /۳/g, /۴/g, /۵/g, /۶/g, /۷/g, /۸/g, /۹/g],
|
||
arabicNumbers = [/٠/g, /١/g, /٢/g, /٣/g, /٤/g, /٥/g, /٦/g, /٧/g, /٨/g, /٩/g],
|
||
fixNumbers = function (str) {
|
||
if (typeof str === 'string') {
|
||
for (var i = 0; i < 10; i++) {
|
||
str = str.replace(persianNumbers[i], i).replace(arabicNumbers[i], i);
|
||
}
|
||
}
|
||
return str;
|
||
};
|
||
let getdate = inputField1.value;
|
||
|
||
let m1, m2;
|
||
let y1, y2, y3, y4;
|
||
let d1, d2;
|
||
let s1, s2;
|
||
for (var i = 0; i < getdate.length; i++) {
|
||
if (i === 0) {
|
||
y1 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 1) {
|
||
y2 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 2) {
|
||
y3 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 3) {
|
||
y4 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 4) {
|
||
s1 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 5) {
|
||
m1 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 6) {
|
||
m2 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 7) {
|
||
s2 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 8) {
|
||
d1 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 9) {
|
||
d2 = fixNumbers(getdate[i]);
|
||
}
|
||
|
||
}
|
||
let yRes = y1 + y2 + y3 + y4;
|
||
let year = parseInt(yRes);
|
||
let mRes = m1 + m2;
|
||
let month = parseInt(mRes);
|
||
let dRes = d1 + d2;
|
||
let day = parseInt(dRes);
|
||
let fixResult = yRes + s1 + mRes + s2 + dRes;
|
||
let test1 = checkEnValid(inputField1.value);
|
||
|
||
let isValid = /^([1][3-4][0-9][0-9][/])([0][1-9]|[1][0-2])([/])([0][1-9]|[1-2][0-9]|[3][0-1])$/.test(fixResult);
|
||
|
||
|
||
if (isValid && test1) {
|
||
// inputField1.style.backgroundColor = '#a6e9a6';
|
||
start1valid = true;
|
||
|
||
|
||
} else {
|
||
|
||
if (inputField1.value != "") {
|
||
// inputField1.style.backgroundColor = '#f94c4c';
|
||
$.Notification.autoHideNotify('error', 'top center', 'پیام سیستم ', "لطفا تاریخ را بصورت صحیح وارد کنید");
|
||
start1valid = false;
|
||
}
|
||
|
||
|
||
}
|
||
return start1valid;
|
||
|
||
}
|
||
|
||
function checkEnValid(fixDate1) {
|
||
|
||
let persianNumbers = [/۰/g, /۱/g, /۲/g, /۳/g, /۴/g, /۵/g, /۶/g, /۷/g, /۸/g, /۹/g],
|
||
arabicNumbers = [/٠/g, /١/g, /٢/g, /٣/g, /٤/g, /٥/g, /٦/g, /٧/g, /٨/g, /٩/g],
|
||
fixNumbers = function (str) {
|
||
if (typeof str === 'string') {
|
||
for (var i = 0; i < 10; i++) {
|
||
str = str.replace(persianNumbers[i], i).replace(arabicNumbers[i], i);
|
||
}
|
||
}
|
||
return str;
|
||
};
|
||
let getdate = fixDate1;
|
||
|
||
let m1, m2;
|
||
let y1, y2, y3, y4;
|
||
let d1, d2;
|
||
for (let i = 0; i < getdate.length; i++) {
|
||
if (i === 0) {
|
||
y1 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 1) {
|
||
y2 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 2) {
|
||
y3 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 3) {
|
||
y4 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 5) {
|
||
m1 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 6) {
|
||
m2 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 8) {
|
||
d1 = fixNumbers(getdate[i]);
|
||
}
|
||
if (i === 9) {
|
||
d2 = fixNumbers(getdate[i]);
|
||
}
|
||
}
|
||
let yRes = y1 + y2 + y3 + y4;
|
||
let year = parseInt(yRes);
|
||
let mRes = m1 + m2;
|
||
let month = parseInt(mRes);
|
||
let dRes = d1 + d2;
|
||
let day = parseInt(dRes);
|
||
let kabiseh = false;
|
||
if (month <= 6 && day > 31) {
|
||
return false;
|
||
} else if (month > 6 && month < 12 && day > 30) {
|
||
return false;
|
||
} else if (month === 12) {
|
||
|
||
switch (year) {
|
||
case 1346:
|
||
kabiseh = true;
|
||
break;
|
||
case 1350:
|
||
kabiseh = true;
|
||
break;
|
||
case 1354:
|
||
kabiseh = true;
|
||
break;
|
||
case 1358:
|
||
kabiseh = true;
|
||
break;
|
||
case 1362:
|
||
kabiseh = true;
|
||
break;
|
||
case 1366:
|
||
kabiseh = true;
|
||
break;
|
||
case 1370:
|
||
kabiseh = true;
|
||
break;
|
||
case 1375:
|
||
kabiseh = true;
|
||
break;
|
||
case 1379:
|
||
kabiseh = true;
|
||
break;
|
||
case 1383:
|
||
kabiseh = true;
|
||
break;
|
||
case 1387:
|
||
kabiseh = true;
|
||
break;
|
||
case 1391:
|
||
kabiseh = true;
|
||
break;
|
||
case 1395:
|
||
kabiseh = true;
|
||
break;
|
||
case 1399:
|
||
kabiseh = true;
|
||
break;
|
||
case 1403:
|
||
kabiseh = true;
|
||
break;
|
||
case 1408:
|
||
kabiseh = true;
|
||
break;
|
||
case 1412:
|
||
kabiseh = true;
|
||
break;
|
||
case 1416:
|
||
kabiseh = true;
|
||
break;
|
||
case 1420:
|
||
kabiseh = true;
|
||
break;
|
||
case 1424:
|
||
kabiseh = true;
|
||
break;
|
||
case 1428:
|
||
kabiseh = true;
|
||
break;
|
||
case 1432:
|
||
kabiseh = true;
|
||
break;
|
||
case 1436:
|
||
kabiseh = true;
|
||
break;
|
||
case 1441:
|
||
kabiseh = true;
|
||
break;
|
||
case 1445:
|
||
kabiseh = true;
|
||
break;
|
||
default:
|
||
kabiseh = false;
|
||
|
||
}
|
||
if (kabiseh == true && day > 30) {
|
||
return false;
|
||
} else if (kabiseh == false && day > 29) {
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
//************************************ برای مشاهده زمان و ساعت **********************************/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
//************************************ برای مشاهده پرسنل **********************************/
|
||
$(document).ready(function () {
|
||
$(".select2Option").select2({
|
||
language: "fa",
|
||
dir: "rtl",
|
||
});
|
||
|
||
$(".select2OptionMobile").select2({
|
||
language: "fa",
|
||
dir: "rtl",
|
||
dropdownParent: $('#searchModal'),
|
||
});
|
||
|
||
function formatSelection(val) {
|
||
return val.id;
|
||
}
|
||
|
||
$($('#AccountId').val()).select2({
|
||
formatSelection: formatSelection,
|
||
width: 300
|
||
});
|
||
|
||
var employeeIdSelected = $('#EmployeeId').val();
|
||
$.ajax({
|
||
url: `${employeeListAjax}`,
|
||
type: 'GET',
|
||
success: function (response) {
|
||
var employees = response.result;
|
||
|
||
var employeeOptionsHtml = `<option value="0" ${employeeIdSelected == 0 ? 'selected' : ''}>انتخاب پرسنل ...</option>`;
|
||
employees.forEach(function (employee) {
|
||
employeeOptionsHtml += `<option value="${employee.id}" ${employeeIdSelected == employee.id ? 'selected' : ''}>${employee.fullname}</option>`;
|
||
});
|
||
$('#AccountId').html(employeeOptionsHtml);
|
||
$('#AccountIdMobile').html(employeeOptionsHtml);
|
||
},
|
||
error: function (xhr, status, error) {
|
||
console.error(xhr.responseText);
|
||
}
|
||
});
|
||
|
||
|
||
$('#AccountId').change(function () {
|
||
if ($('#AccountId').val() != '') {
|
||
var employeeId = $('#AccountId').val();
|
||
$("#EmployeeIdSearch").val(employeeId);
|
||
}
|
||
});
|
||
});
|
||
//************************************ برای مشاهده پرسنل **********************************/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
//******************** نمایش تاریخ در موبایل ********************
|
||
if ($(window).width() < 768) {
|
||
|
||
// Input Start Date
|
||
var middleYearIndexDateStart = 2;
|
||
var selectedMonthDateStart = 2;
|
||
var middleDayIndexStart = 2;
|
||
$('.persianDateInputStartDate').on('click',
|
||
function() {
|
||
$('#overlaySearchAdvance').addClass("overlaySearchAdvance");
|
||
|
||
var datepicker = $(this);
|
||
if ($(this).parent().find('.datepicker-container-date').length) {
|
||
return false;
|
||
} else {
|
||
$(this).parent().append(`
|
||
<div class="datepicker-container-date">
|
||
<div class="datepicker-container-date-div">
|
||
<div class="date-container">
|
||
<div id="yearsValue" class="years scrollable-container"></div>
|
||
<div id="monthsValue" class="months scrollable-container"></div>
|
||
<div id="daysValue" class="days scrollable-container"></div>
|
||
</div>
|
||
<div class="d-flex justify-content-around">
|
||
<button type="button" class="btn-secondary" id="cancelDateStart" style="width:100px; font-size: 11px;">انصراف</button>
|
||
<button type="button" class="btn-primary" id="confirmDateStart" style="width:100px; font-size: 11px;">تائید</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`);
|
||
|
||
if ($(this).val() != '') {
|
||
let number = selectedMonthDateStart + 1;
|
||
var middleMonthIndex = number;
|
||
}
|
||
}
|
||
|
||
var datepickerContainer = $(this).parent().find('.datepicker-container-date');
|
||
var years = datepickerContainer.find('.years');
|
||
var months = datepickerContainer.find('.months');
|
||
var days = datepickerContainer.find('.days');
|
||
// datepickerContainer.width(datepicker.outerWidth());
|
||
|
||
|
||
// Populate years, months, and days
|
||
var middleYearIndexArray = [];
|
||
var yearlyList = [];
|
||
yearlyList.push({ year: 1368 });
|
||
yearlyList.push({ year: 1369 });
|
||
itemsYearList.forEach(function (year) {
|
||
yearlyList.push({ year: Number(year) });
|
||
});
|
||
var yearIndex = yearlyList.length;
|
||
yearIndex = yearIndex - 1;
|
||
var no3 = yearlyList[yearIndex].year + 1;
|
||
var no4 = yearlyList[yearIndex].year + 2;
|
||
yearlyList.push({ year: no3 });
|
||
yearlyList.push({ year: no4 });
|
||
var i = 0;
|
||
|
||
|
||
for (var j = yearlyList[yearIndex + 2].year; j >= 1368; j--) {
|
||
let y = { index: i, value: j };
|
||
middleYearIndexArray.push(j);
|
||
i++;
|
||
|
||
var formattedNumber = String(j).padStart(2, '0');
|
||
if (j == no3 || j == no4) {
|
||
years.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
} else if (j == 1368 || j == 1369) {
|
||
years.append($('<span>').text(formattedNumber).css('visibility', 'hidden'));
|
||
} else {
|
||
years.append($('<span>').text(formattedNumber));
|
||
}
|
||
|
||
years.children('span').eq(middleYearIndexDateStart).addClass('chosen-date');
|
||
var containerHeightYear = years.height();
|
||
var optionHeightYear = years.children('span').outerHeight();
|
||
var scrollOffsetYear = optionHeightYear * middleYearIndexDateStart;
|
||
years.scrollTop(scrollOffsetYear - containerHeightYear / 2);
|
||
}
|
||
|
||
|
||
var monthNames = ['-', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', '-'];
|
||
for (var j = 0; j < 14; j++) {
|
||
var monthIndex = j;
|
||
// var monthIndex = (j * 12) % 12;
|
||
// var monthIndex = (j + i * 12) % 12;
|
||
var monthName = monthNames[j];
|
||
|
||
if (j == 0) {
|
||
months.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
months.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
} else if (j == 13) {
|
||
months.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
months.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
|
||
} else {
|
||
months.append($('<span>').text(monthName));
|
||
}
|
||
|
||
var containerHeightMonth = months.height();
|
||
var optionHeightMonth = months.children('span').outerHeight();
|
||
var scrollOffsetMonth = optionHeightMonth * middleMonthIndex;
|
||
months.scrollTop(scrollOffsetMonth - containerHeightMonth / 2);
|
||
}
|
||
|
||
for (var d = 1; d <= 31; d++) {
|
||
var formattedNumber = String(d).padStart(2, '0');
|
||
|
||
if (d == 1) {
|
||
days.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
days.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
days.append($('<span>').text(formattedNumber));
|
||
} else if (d == 31) {
|
||
days.append($('<span>').text(formattedNumber));
|
||
days.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
days.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
} else {
|
||
days.append($('<span>').text(formattedNumber));
|
||
}
|
||
|
||
// var middleDayIndex = Math.floor(days.children('span').length / 2) - 45;
|
||
var containerHeightDay = days.height();
|
||
var optionHeightDay = days.children('span').outerHeight();
|
||
var scrollOffsetDay = optionHeightDay * middleDayIndexStart;
|
||
days.scrollTop(scrollOffsetDay - containerHeightDay / 2);
|
||
}
|
||
|
||
var selectedYear = yearlyList[yearIndex].year;
|
||
var selectedMonth = "01";
|
||
var selectedNumberMonth = 1;
|
||
|
||
var selectedDay = "01";
|
||
|
||
var yearsScrollTop;
|
||
var monthScrollTop;
|
||
var dayScrollTop;
|
||
var scrollTimeout;
|
||
|
||
var formattedDate;
|
||
|
||
// Scroll event listener
|
||
datepickerContainer.find('.scrollable-container').on('scroll', function() {
|
||
var optionHeightYear = years.children('span').outerHeight();
|
||
|
||
var scrollTopYear = years.scrollTop() + (optionHeightYear * 2);
|
||
var selectedIndexYear = Math.round(scrollTopYear / optionHeightYear);
|
||
yearsScrollTop = years.scrollTop();
|
||
years.children('span').removeClass('chosen-date');
|
||
years.children('span').eq(selectedIndexYear).addClass('chosen-date');
|
||
var selectedValueYear = years.children('span').eq(selectedIndexYear).text();
|
||
|
||
|
||
var optionHeightMonth = months.children('span').outerHeight();
|
||
var scrollTopMonth = Math.round((months.scrollTop() + (optionHeightMonth * 2)) / 10) * 10;
|
||
var selectedIndexMonth = Math.round(scrollTopMonth / optionHeightMonth);
|
||
months.children('span').removeClass('chosen-date');
|
||
months.children('span').eq(selectedIndexMonth).addClass('chosen-date');
|
||
monthScrollTop = months.scrollTop();
|
||
var selectedValueMonth = months.children('span').eq(selectedIndexMonth).text();
|
||
var optionHeightDay = days.children('span').outerHeight();
|
||
var scrollTopDay = days.scrollTop() + (optionHeightDay * 2);
|
||
|
||
var selectedIndexDay = Math.round(scrollTopDay / optionHeightDay);
|
||
dayScrollTop = days.scrollTop();
|
||
days.children('span').removeClass('chosen-date');
|
||
days.children('span').eq(selectedIndexDay).addClass('chosen-date');
|
||
var selectedValueDay = days.children('span').eq(selectedIndexDay).text();
|
||
|
||
clearTimeout(scrollTimeout);
|
||
scrollTimeout = setTimeout(function() {
|
||
var scrollTopYearRounded = customRound(yearsScrollTop);
|
||
var scrollTopMonthRounded = customRound(monthScrollTop);
|
||
var scrollTopDayRounded = customRound(dayScrollTop);
|
||
|
||
if (yearsScrollTop !== scrollTopYearRounded) {
|
||
years.scrollTop(scrollTopYearRounded);
|
||
}
|
||
if (monthScrollTop !== scrollTopMonthRounded) {
|
||
months.scrollTop(scrollTopMonthRounded);
|
||
}
|
||
if (dayScrollTop !== scrollTopDayRounded) {
|
||
days.scrollTop(scrollTopDayRounded);
|
||
}
|
||
},
|
||
250);
|
||
|
||
var containerId = $(this).attr('id');
|
||
|
||
if (containerId === 'yearsValue') {
|
||
selectedYear = selectedValueYear;
|
||
index = middleYearIndexArray.indexOf(Number(selectedValueYear));
|
||
middleYearIndexDateStart = index;
|
||
|
||
} else if (containerId === 'monthsValue') {
|
||
if (selectedValueMonth === 'فروردین') {
|
||
selectedMonth = '01';
|
||
selectedNumberMonth = 1;
|
||
} else if (selectedValueMonth === 'اردیبهشت') {
|
||
selectedMonth = '02';
|
||
selectedNumberMonth = 2;
|
||
} else if (selectedValueMonth === 'خرداد') {
|
||
selectedMonth = '03';
|
||
selectedNumberMonth = 3;
|
||
} else if (selectedValueMonth === 'تیر') {
|
||
selectedMonth = '04';
|
||
selectedNumberMonth = 4;
|
||
} else if (selectedValueMonth === 'مرداد') {
|
||
selectedMonth = '05';
|
||
selectedNumberMonth = 5;
|
||
} else if (selectedValueMonth === 'شهریور') {
|
||
selectedMonth = '06';
|
||
selectedNumberMonth = 6;
|
||
} else if (selectedValueMonth === 'مهر') {
|
||
selectedMonth = '07';
|
||
selectedNumberMonth = 7;
|
||
} else if (selectedValueMonth === 'آبان') {
|
||
selectedMonth = '08';
|
||
selectedNumberMonth = 8;
|
||
} else if (selectedValueMonth === 'آذر') {
|
||
selectedMonth = '09';
|
||
selectedNumberMonth = 9;
|
||
} else if (selectedValueMonth === 'دی') {
|
||
selectedMonth = '10';
|
||
selectedNumberMonth = 10;
|
||
} else if (selectedValueMonth === 'بهمن') {
|
||
selectedMonth = '11';
|
||
selectedNumberMonth = 11;
|
||
} else if (selectedValueMonth === 'اسفند') {
|
||
selectedMonth = '12';
|
||
selectedNumberMonth = 12;
|
||
}
|
||
} else if (containerId === 'daysValue') {
|
||
selectedDay = selectedValueDay;
|
||
middleDayIndexStart = parseInt(selectedValueDay) + 1;
|
||
}
|
||
|
||
selectedMonthDateStart = selectedNumberMonth;
|
||
|
||
formattedDate = selectedYear + '/' + selectedMonth + '/' + selectedDay;
|
||
datepicker.val(formattedDate);
|
||
});
|
||
|
||
|
||
$(document).on('click', '#overlaySearchAdvance', function () {
|
||
$('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
|
||
datepickerContainer.remove();
|
||
});
|
||
|
||
$(document).on('click', '.chosen-date', function () {
|
||
$('#start-date').text(formattedDate);
|
||
$('.start-date').val(formattedDate);
|
||
$('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
|
||
datepickerContainer.remove();
|
||
});
|
||
|
||
$(document).on('click', '#confirmDateStart', function(event) {
|
||
$(this).parents().eq(2).find('.persianDateInput').val(formattedDate);
|
||
$('#start-date').text(formattedDate);
|
||
$('.start-date').val(formattedDate);
|
||
datepickerContainer.remove();
|
||
$('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
|
||
});
|
||
|
||
$(document).on('click', '#cancelDateStart', function(event) {
|
||
// $(this).parents().eq(3).find('.persianDateInputStartDate').val('');
|
||
$('#start-date').text('تاریخ شروع');
|
||
$('.start-date').val('');
|
||
middleYearIndexDateStart = 2;
|
||
selectedMonthDateStart = 2;
|
||
middleDayIndexStart = 2;
|
||
datepickerContainer.remove();
|
||
$('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
|
||
});
|
||
});
|
||
|
||
|
||
// Input End Date
|
||
var middleYearIndexDateEnd = 2;
|
||
var selectedMonthDateEnd = 2;
|
||
var middleDayIndexEnd = 2;
|
||
$('.persianDateInputEndDate').on('click',
|
||
function() {
|
||
$('#overlaySearchAdvance').addClass("overlaySearchAdvance");
|
||
|
||
var datepicker = $(this);
|
||
if ($(this).parent().find('.datepicker-container-date').length) {
|
||
return false;
|
||
} else {
|
||
$(this).parent().append(`
|
||
<div class="datepicker-container-date">
|
||
<div class="datepicker-container-date-div">
|
||
<div class="date-container">
|
||
<div id="yearsValue" class="years scrollable-container"></div>
|
||
<div id="monthsValue" class="months scrollable-container"></div>
|
||
<div id="daysValue" class="days scrollable-container"></div>
|
||
</div>
|
||
<div class="d-flex justify-content-around">
|
||
<button type="button" class="btn-secondary" id="cancelDateEnd" style="width:100px; font-size: 11px;">انصراف</button>
|
||
<button type="button" class="btn-primary" id="confirmDateEnd" style="width:100px; font-size: 11px;">تائید</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`);
|
||
|
||
if ($(this).val() != '') {
|
||
let number = selectedMonthDateEnd + 1;
|
||
var middleMonthIndex = number;
|
||
}
|
||
}
|
||
|
||
var datepickerContainer = $(this).parent().find('.datepicker-container-date');
|
||
var years = datepickerContainer.find('.years');
|
||
var months = datepickerContainer.find('.months');
|
||
var days = datepickerContainer.find('.days');
|
||
// datepickerContainer.width(datepicker.outerWidth());
|
||
|
||
|
||
// Populate years, months, and days
|
||
var middleYearIndexArray = [];
|
||
var yearlyList = [];
|
||
yearlyList.push({ year: 1368 });
|
||
yearlyList.push({ year: 1369 });
|
||
itemsYearList.forEach(function (year) {
|
||
yearlyList.push({ year: Number(year) });
|
||
});
|
||
var yearIndex = yearlyList.length;
|
||
yearIndex = yearIndex - 1;
|
||
var no3 = yearlyList[yearIndex].year + 1;
|
||
var no4 = yearlyList[yearIndex].year + 2;
|
||
yearlyList.push({ year: no3 });
|
||
yearlyList.push({ year: no4 });
|
||
var i = 0;
|
||
|
||
for (var j = yearlyList[yearIndex + 2].year; j >= 1368; j--) {
|
||
let y = { index: i, value: j };
|
||
middleYearIndexArray.push(j);
|
||
i++;
|
||
|
||
var formattedNumber = String(j).padStart(2, '0');
|
||
if (j == no3 || j == no4) {
|
||
years.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
} else if (j == 1368 || j == 1369) {
|
||
years.append($('<span>').text(formattedNumber).css('visibility', 'hidden'));
|
||
} else {
|
||
years.append($('<span>').text(formattedNumber));
|
||
}
|
||
|
||
years.children('span').eq(middleYearIndexDateEnd).addClass('chosen-date');
|
||
var containerHeightYear = years.height();
|
||
var optionHeightYear = years.children('span').outerHeight();
|
||
var scrollOffsetYear = optionHeightYear * middleYearIndexDateEnd;
|
||
years.scrollTop(scrollOffsetYear - containerHeightYear / 2);
|
||
}
|
||
|
||
|
||
var monthNames = ['-', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', '-'];
|
||
for (var j = 0; j < 14; j++) {
|
||
var monthIndex = j;
|
||
// var monthIndex = (j * 12) % 12;
|
||
// var monthIndex = (j + i * 12) % 12;
|
||
var monthName = monthNames[j];
|
||
|
||
if (j == 0) {
|
||
months.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
months.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
} else if (j == 13) {
|
||
months.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
months.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
|
||
} else {
|
||
months.append($('<span>').text(monthName));
|
||
}
|
||
|
||
var containerHeightMonth = months.height();
|
||
var optionHeightMonth = months.children('span').outerHeight();
|
||
var scrollOffsetMonth = optionHeightMonth * middleMonthIndex;
|
||
months.scrollTop(scrollOffsetMonth - containerHeightMonth / 2);
|
||
}
|
||
|
||
for (var d = 1; d <= 31; d++) {
|
||
var formattedNumber = String(d).padStart(2, '0');
|
||
|
||
if (d == 1) {
|
||
days.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
days.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
days.append($('<span>').text(formattedNumber));
|
||
} else if (d == 31) {
|
||
days.append($('<span>').text(formattedNumber));
|
||
days.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
days.append($('<span>').text('-').css('visibility', 'hidden'));
|
||
} else {
|
||
days.append($('<span>').text(formattedNumber));
|
||
}
|
||
|
||
// var middleDayIndex = Math.floor(days.children('span').length / 2) - 45;
|
||
var containerHeightDay = days.height();
|
||
var optionHeightDay = days.children('span').outerHeight();
|
||
var scrollOffsetDay = optionHeightDay * middleDayIndexEnd;
|
||
days.scrollTop(scrollOffsetDay - containerHeightDay / 2);
|
||
}
|
||
|
||
var selectedYear = yearlyList[yearIndex].year;
|
||
var selectedMonth = "01";
|
||
var selectedNumberMonth = 1;
|
||
|
||
var selectedDay = "01";
|
||
|
||
var yearsScrollTop;
|
||
var monthScrollTop;
|
||
var dayScrollTop;
|
||
var scrollTimeout;
|
||
|
||
var formattedDate;
|
||
|
||
// Scroll event listener
|
||
datepickerContainer.find('.scrollable-container').on('scroll',
|
||
function() {
|
||
var optionHeightYear = years.children('span').outerHeight();
|
||
|
||
var scrollTopYear = years.scrollTop() + (optionHeightYear * 2);
|
||
var selectedIndexYear = Math.round(scrollTopYear / optionHeightYear);
|
||
yearsScrollTop = years.scrollTop();
|
||
years.children('span').removeClass('chosen-date');
|
||
years.children('span').eq(selectedIndexYear).addClass('chosen-date');
|
||
var selectedValueYear = years.children('span').eq(selectedIndexYear).text();
|
||
|
||
|
||
var optionHeightMonth = months.children('span').outerHeight();
|
||
var scrollTopMonth = Math.round((months.scrollTop() + (optionHeightMonth * 2)) / 10) * 10;
|
||
var selectedIndexMonth = Math.round(scrollTopMonth / optionHeightMonth);
|
||
months.children('span').removeClass('chosen-date');
|
||
months.children('span').eq(selectedIndexMonth).addClass('chosen-date');
|
||
monthScrollTop = months.scrollTop();
|
||
var selectedValueMonth = months.children('span').eq(selectedIndexMonth).text();
|
||
var optionHeightDay = days.children('span').outerHeight();
|
||
var scrollTopDay = days.scrollTop() + (optionHeightDay * 2);
|
||
|
||
|
||
var selectedIndexDay = Math.round(scrollTopDay / optionHeightDay);
|
||
dayScrollTop = days.scrollTop();
|
||
days.children('span').removeClass('chosen-date');
|
||
days.children('span').eq(selectedIndexDay).addClass('chosen-date');
|
||
var selectedValueDay = days.children('span').eq(selectedIndexDay).text();
|
||
|
||
clearTimeout(scrollTimeout);
|
||
scrollTimeout = setTimeout(function() {
|
||
var scrollTopYearRounded = customRound(yearsScrollTop);
|
||
var scrollTopMonthRounded = customRound(monthScrollTop);
|
||
var scrollTopDayRounded = customRound(dayScrollTop);
|
||
|
||
if (yearsScrollTop !== scrollTopYearRounded) {
|
||
years.scrollTop(scrollTopYearRounded);
|
||
}
|
||
if (monthScrollTop !== scrollTopMonthRounded) {
|
||
months.scrollTop(scrollTopMonthRounded);
|
||
}
|
||
if (dayScrollTop !== scrollTopDayRounded) {
|
||
days.scrollTop(scrollTopDayRounded);
|
||
}
|
||
},
|
||
250);
|
||
|
||
|
||
var containerId = $(this).attr('id');
|
||
|
||
if (containerId === 'yearsValue') {
|
||
selectedYear = selectedValueYear;
|
||
index = middleYearIndexArray.indexOf(Number(selectedValueYear));
|
||
middleYearIndexDateEnd = index;
|
||
} else if (containerId === 'monthsValue') {
|
||
if (selectedValueMonth === 'فروردین') {
|
||
selectedMonth = '01';
|
||
selectedNumberMonth = 1;
|
||
} else if (selectedValueMonth === 'اردیبهشت') {
|
||
selectedMonth = '02';
|
||
selectedNumberMonth = 2;
|
||
} else if (selectedValueMonth === 'خرداد') {
|
||
selectedMonth = '03';
|
||
selectedNumberMonth = 3;
|
||
} else if (selectedValueMonth === 'تیر') {
|
||
selectedMonth = '04';
|
||
selectedNumberMonth = 4;
|
||
} else if (selectedValueMonth === 'مرداد') {
|
||
selectedMonth = '05';
|
||
selectedNumberMonth = 5;
|
||
} else if (selectedValueMonth === 'شهریور') {
|
||
selectedMonth = '06';
|
||
selectedNumberMonth = 6;
|
||
} else if (selectedValueMonth === 'مهر') {
|
||
selectedMonth = '07';
|
||
selectedNumberMonth = 7;
|
||
} else if (selectedValueMonth === 'آبان') {
|
||
selectedMonth = '08';
|
||
selectedNumberMonth = 8;
|
||
} else if (selectedValueMonth === 'آذر') {
|
||
selectedMonth = '09';
|
||
selectedNumberMonth = 9;
|
||
} else if (selectedValueMonth === 'دی') {
|
||
selectedMonth = '10';
|
||
selectedNumberMonth = 10;
|
||
} else if (selectedValueMonth === 'بهمن') {
|
||
selectedMonth = '11';
|
||
selectedNumberMonth = 11;
|
||
} else if (selectedValueMonth === 'اسفند') {
|
||
selectedMonth = '12';
|
||
selectedNumberMonth = 12;
|
||
}
|
||
} else if (containerId === 'daysValue') {
|
||
selectedDay = selectedValueDay;
|
||
middleDayIndexEnd = parseInt(selectedValueDay) + 1;
|
||
}
|
||
|
||
selectedMonthDateEnd = selectedNumberMonth;
|
||
|
||
formattedDate = selectedYear + '/' + selectedMonth + '/' + selectedDay;
|
||
datepicker.val(formattedDate);
|
||
});
|
||
|
||
|
||
$(document).on('click', '#overlaySearchAdvance', function () {
|
||
$('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
|
||
datepickerContainer.remove();
|
||
});
|
||
|
||
$(document).on('click', '.chosen-date', function () {
|
||
$('#end-date').text(formattedDate);
|
||
$('.end-date').val(formattedDate);
|
||
$('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
|
||
datepickerContainer.remove();
|
||
});
|
||
|
||
$(document).on('click', '#confirmDateEnd', function(event) {
|
||
$('#end-date').text(formattedDate);
|
||
$('.end-date').val(formattedDate);
|
||
datepickerContainer.remove();
|
||
$('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
|
||
});
|
||
|
||
$(document).on('click', '#cancelDateEnd', function(event) {
|
||
$('#end-date').text('تاریخ پایان');
|
||
$('.end-date').val('');
|
||
middleYearIndexDateEnd = 2;
|
||
selectedMonthDateEnd = 2;
|
||
middleDayIndexEnd = 2;
|
||
datepickerContainer.remove();
|
||
$('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
|
||
});
|
||
});
|
||
|
||
|
||
//Pixel of height for Span in date
|
||
//For example: datepicker-container-date .years span
|
||
function customRound(number) {
|
||
let roundedNumber = Math.round(number);
|
||
var remainder = roundedNumber % 60; // 60px
|
||
if (remainder <= 10) {
|
||
return roundedNumber - remainder;
|
||
} else {
|
||
return roundedNumber + (60 - remainder);
|
||
}
|
||
}
|
||
}
|
||
//******************** نمایش تاریخ در موبایل ********************
|