Files
Backend-Api/ServiceHost/Areas/Admin/Pages/Company/FilePage/Index.cshtml

1022 lines
36 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@page
@using CompanyManagment.App.Contracts.File1
@model ServiceHost.Areas.Admin.Pages.Company.FilePage.IndexModel
@{
Layout = "Shared/_AdminLayout";
ViewData["title"] = "پرونده ها";
<link href="~/AssetsClient/css/table-style.css?ver=123" rel="stylesheet" />
<link href="~/AssetsClient/css/table-responsive.css?ver=123" rel="stylesheet" />
<link href="~/AssetsClient/css/select2.css" rel="stylesheet" />
}
<style>
.thh0 {
width: 8px !important;
}
.thh {
width: 40px !important;
}
.thh2 {
width: 130px !important;
}
.thhNastionalId {
width: 30px !important;
}
.inpt {
width: 100%;
border: 1px solid #c7c7c7;
}
.searchpanel {
background-color: #747272;
}
.select2-container .select2-selection--single {
height: 34px;
}
table tbody tr {
height: 33.64px;
}
table.dataTable tbody > tr > td p {
font-size: 12px !important;
text-align: center !important;
vertical-align: middle;
}
table.table-bordered tbody td {
border-bottom-width: 1.5px;
}
table.dataTable thead > tr > th {
padding-left: 8px;
padding-right: 8px;
padding-top: 30px;
vertical-align: middle;
}
.ionRad {
border-radius: 8px !important;
padding: 1px 5px;
}
.ionSize {
font-size: 14.5px !important;
top: 2px !important;
position: relative;
}
.wrapped {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 120px;
direction: rtl !important;
}
.tooltip-container {
cursor: pointer;
position: relative;
display: inline-block;
}
.tooltip {
opacity: 0;
z-index: 99;
color: #fff;
width: max-content;
display: block;
font-size: 14px;
font-family: 'IranSans';
padding: 5px 10px;
border-radius: 3px;
text-align: center;
/*text-shadow: 1px 1px 2px #111;*/
background: #e67e22;
border: 1px solid #e67e22;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: absolute;
/*right: -75px;*/
bottom: 45px;
}
.tooltip:before, .tooltip:after {
content: '';
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #e67e22;
position: absolute;
bottom: -10px;
left: 70%;
}
.tooltip-container:hover .tooltip {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.CaseManagementRowContainer {
width: 100%;
}
.numberFlex {
display: flex;
justify-content: center;
align-items: center;
}
.Rtable .Rtable-row {
padding: 0;
margin: auto auto 4px;
}
.Rtable .Rtable-row .Rtable-cell.column-heading {
padding: 6px !important;
margin: 0 !important;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.Rtable-cell {
border-left: 1px solid #d9d9d9 !important;
}
.Rtable-cell:last-child {
border-left: 0 !important;
}
.Rtable .Rtable-row:nth-child(even), .table-workshop .Rtable .Rtable-row:nth-child(4n+2), .table-personals .Rtable .Rtable-row:nth-child(4n+2) {
border: 1px solid #eaeaea;
}
.Rtable .Rtable-row .Rtable-cell {
padding: 0;
}
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content {
text-align: center;
height: 100%;
align-items: center;
display: flex;
justify-content: center;
flex-direction: column;
}
.Rtable-cell--content > * {
border-bottom: 1px solid #ccc;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4px;
}
.Rtable-cell--content > *:last-child {
border-bottom: none;
}
.Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > span {
border-radius: 5px;
background: rgba(87, 227, 227, 0.25);
width: 26px;
height: 26px;
display: flex;
padding: 0;
}
.width1 { width: 2% !important;}
.width2 { width: 2% !important;}
.width3 { width: 7% !important;}
.width4 { width: 7% !important;}
.width5 { width: 6% !important;}
.width6 { width: 6% !important;}
.width7 { width: 3% !important;}
.width8 { width: 3% !important;}
.width9 { width: 6% !important;}
.width10 { width: 6% !important;}
.width11 { width: 6% !important;}
.width12 { width: 6% !important;}
.width13 { width: 3% !important;}
.width14 { width: 3% !important;}
.width15 { width: 6% !important;}
.width16 { width: 6% !important;}
.width17 { width: 4% !important;}
.wrapped {
margin: 0;
}
.cardContainer {
background-color: #ffffff;
border-radius: 12px;
padding: 6px;
}
.btnContainer {
display: flex;
align-items: center;
gap: 9px;
}
.btnTab {
background-color: #98dfdfd6;
color: #777676;
width: 110px;
border-radius: 7px;
padding: 6px 9px;
border: none;
font-size: 14px;
}
.btnTab.active {
background-color: #25acacd6;
color: #ffffff;
}
.goToTop {
position: fixed;
bottom: 10px;
margin-right: 30px;
z-index: 100;
color: #fff;
background-color: #25acacd6;
display: none;
}
.goToTop:hover {
color: #fff;
background-color: #2ca4a4;
}
@@media (max-width: 767px) {
.goToTop {
bottom: 54px;
margin-right: 39%;
background-color: #25acac70;
}
}
</style>
<div class="row">
<input type="hidden" asp-for="@Model.PageIndex" />
<div class="row">
<div class="col-sm-12 m-r-10">
<p class="pull-right">
<a id="btnPopModal" href="#showmodal=@Url.Page("/Company/FilePage/Index", "CreateFile")" class="btn btn-success btn-rounded waves-effect waves-light m-b-5" style=" background-color: #f5f5f5; border-color: #0f9500; font-family: 'Web_Yekan' !important; color: #0f9500 !important;"> <i class="fa fa-user-plus" style="padding-left: 3px; font-size: 14px; color: #0f9500 !important "></i> ایجاد پرونده جدید </a>
</p>
<p class="pull-left">
<a id="btnPopModal" href="#showmodal=@Url.Page("/Company/FilePage/Index", "CreateOrEditFileTiming")" class="btn btn-success btn-rounded waves-effect waves-light m-b-5" style=" background-color: #f5f5f5; border-color: #448bdb; font-family: 'Web_Yekan' !important; color: #448bdb !important;"> <i class="fa fa-calendar" style="padding-right: 3px; font-size: 14px; color: #448bdb !important "></i> زمانبندی </a>
</p>
<p class="pull-left">
<a id="ExcelDownload" href="@Url.Page("/Company/FilePage/Index", "ExcelFileDetails")" class="btn btn-success btn-rounded waves-effect waves-light m-b-5" style=" background-color: #f5f5f5; border-color: #448bdb; font-family: 'Web_Yekan' !important; color: #448bdb !important;"> <i class="fa fa-file" style="padding-right: 3px; font-size: 14px; color: #448bdb !important "></i> دانلود اکسل </a>
</p>
</div>
</div>
<div class="col-sm-12">
<div class="panel-group panel-group-joined" id="accordion-test">
<div class="panel panel-default" style="border-radius: 15px !important; background: #d5e5e5;">
<div class="panel-heading" style="background-color: #1b9998 !important">
<h4 class="panel-title" style="color: #edebeb !important; display: inline;">
<a data-toggle="collapse" data-parent="#accordion-test" href="#collapseOne" class="collapsed" style="display: inline;">
جستجوی پرونده ها
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in ">
<div class="panel-body" style="padding-top: 15px; padding-bottom: 15px;">
@*===================================================================================================================*@
<div class="row">
<div class="col-sm-12">
<div class="form-inline">
@* <input type="text" asp-for="fileSearchModel.IsSearch" value="true" hidden> *@
<div class="form-group col-sm-12">
<div class="row">
<div class="col-sm-3 pull-right m-b-15">
<select class="form-select" id="ArchiveNumberSelectIndex" aria-label="شماره بایگانی">
</select>
</div>
<div class="col-sm-3 pull-right m-b-15">
<select class="form-select" id="FileClassSelectIndex" aria-label="کلاسه پرونده">
</select>
</div>
<div class="col-sm-3 pull-right m-b-15">
<select class="form-select" id="OriginalClaimSelectIndex" aria-label="اصیل دعوی">
</select>
</div>
<div class="col-sm-3">
<button id="searchBtn" type="button" class="btn btn-success btn-rounded waves-effect waves-light m-b-5" style="border-bottom-left-radius: 0px; border-top-left-radius: 0px; background-color: #1b9998; border-color: #1b9998; font-family: 'Web_Yekan' !important; margin-left: -3px">
<i class="fa fa-search" style="padding-left: 3px; font-size: 14px;"></i> جستجو
</button>
<a class="btn btn-info btn-rounded waves-effect waves-light m-b-5" style="border-bottom-right-radius: 0px; border-top-right-radius: 0px; background-color: #545353; border-color: #545353; font-family: 'Web_Yekan' !important;" asp-page="./Index">مشاهده همه</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="btn btn-rounded mb-5 goToTop">
<div class="d-flex align-items-center">
<span>برو بالا</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20px" class="ms-1">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 18.75 7.5-7.5 7.5 7.5" />
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 7.5-7.5 7.5 7.5" />
</svg>
</div>
</button>
<div class="col-sm-12">
<div class="cardContainer">
<div class="row" style="align-items: center; margin: 0 0 5px 0">
<div class="col-sm-12 col-md-4">
<div class="btnContainer">
<button class="btnTab fileSearchModel_Status active" value="2">فعال</button>
<button class="btnTab fileSearchModel_Status" value="1">غیر فعال</button>
<button class="btnTab fileSearchModel_Status" value="3">خروج موقت</button>
<button class="btnTab fileSearchModel_Status" value="0">همه</button>
</div>
</div>
<div class="col-sm-12 col-md-4">
<h3 class="panel-title text-center" style="padding: 0">
لیست پرونده ها
</h3>
</div>
<div class="col-sm-12 col-md-4">
</div>
</div>
<div class="row">
<div class="col-sm-12 col-sm-12 col-xs-12">
<div class="wrapper">
<div class="Rtable Rtable--collapse">
<div class="Rtable-row Rtable-row--head align-items-center gap-2 sticky-div">
<div class="Rtable-cell column-heading width1">
<span class="d-flex justify-content-start text-white align-items-center">
@* <input type="checkbox" class="form-check-input checkAll" name="" id="checkAll2"> *@
<label for="checkAll2" class="prevent-select">ردیف</label>
</span>
</div>
<div class="Rtable-cell column-heading width2">بایگانی</div>
<div class="Rtable-cell column-heading width3">کلاسه پرونده</div>
<div class="Rtable-cell column-heading width4">حقیقی / حقوقی</div>
<div class="Rtable-cell column-heading width5">تاریخ ثبت دادخواست</div>
<div class="Rtable-cell column-heading width6">نوبت رسیدگی</div>
<div class="Rtable-cell column-heading width7">مدارک</div>
<div class="Rtable-cell column-heading width8">تحقیق</div>
<div class="Rtable-cell column-heading width9">نوبت رسیدگی</div>
<div class="Rtable-cell column-heading width10">دادنامه تشخیص</div>
<div class="Rtable-cell column-heading width11">تاریخ ثبت دادخواست</div>
<div class="Rtable-cell column-heading width12">نوبت رسیدگی</div>
<div class="Rtable-cell column-heading width13">مدارک</div>
<div class="Rtable-cell column-heading width14">تحقیق</div>
<div class="Rtable-cell column-heading width15">نوبت رسیدگی</div>
<div class="Rtable-cell column-heading width16">دادنامه حل اختلاف</div>
<div class="Rtable-cell column-heading width17">عملیات</div>
</div>
<div class="CaseManagementRowContainer" id="CaseManagement">
<div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="SelectedStatus" value="2" />
</div>
<div id="MainModal" class="modal fade" tabindex="-1" data-bs-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content" id="ModalContent">
</div>
</div>
</div>
@section Script {
<script src="~/AdminTheme/assets/js/site4.js"></script>
@* <script src="~/assetsclient/js/site.js"></script> *@
<script type="text/javascript">
var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
var loadDataAjax = `@Url.Page("./Index", "LoadDataAjax")`;
var loadArchiveNoListAjax = `@Url.Page("./Index", "ArchiveNoList")`;
var loadClassFilesListAjax = `@Url.Page("./Index", "ClassFilesList")`;
var loadClientOrLitigantAjax = `@Url.Page("./Index", "ClientOrLitigant")`;
var createOrEditPetitionUrl = `#showmodal=@Url.Page("./Index", "CreateOrEditPetition")`;
var editFileUrl = `#showmodal=@Url.Page("/Company/FilePage/Index", "EditFile")`;
var fileSummaryUrl = `#showmodal=@Url.Page("/Company/FilePage/Index", "FileSummary")`;
var createOrEditMasterPetitionUrl = `#showmodal=@Url.Page("./Index", "CreateOrEditMasterPetition")`;
var createOrEditEvidenceUrl = `#showmodal=@Url.Page("./Index", "CreateOrEditEvidence")`;
var pageIndexJs = 0;
var index = 1;
var searchName = '';
var loadData = true;
$(document).ready(function() {
ajaxArchiveNoList();
ajaxClassFilesList();
ajaxClientOrLitigantList();
loadListData();
});
$('.goToTop').on('click', function () {
$('html, body').animate({ scrollTop: 0 }, 360);
return false;
});
$('#searchBtn').on('click', function () {
$('#CaseManagement').html('<div></div>');
pageIndexJs = 0;
index = 1;
$('#PageIndex').val(pageIndexJs);
loadListData();
});
$("#ArchiveNumberSelectIndex").select2({
language: "fa",
dir: "rtl",
placeholder: "شماره بایگانی",
templateResult: function (data, container) {
if (data.element) {
$(container).addClass($(data.element).attr("class"));
}
return data.text;
}
});
$("#FileClassSelectIndex").select2({
language: "fa",
dir: "rtl",
placeholder: "کلاسه پرونده",
templateResult: function (data, container) {
if (data.element) {
$(container).addClass($(data.element).attr("class"));
}
return data.text;
}
});
$("#OriginalClaimSelectIndex").select2({
language: "fa",
dir: "rtl",
placeholder: "اصیل دعوی",
templateResult: function (data, container) {
if (data.element) {
$(container).addClass($(data.element).attr("class"));
}
return data.text;
}
});
function ajaxArchiveNoList() {
$.ajax({
url: loadArchiveNoListAjax,
type: 'GET',
success: function (response) {
var data = response;
var dataOptionsHtml = '<option value="0" selected>انتخاب شماره بایگانی ...</option>';
data.forEach(function (item) {
dataOptionsHtml += `<option value="${item}">${item}</option>`;
});
$('#ArchiveNumberSelectIndex').html(dataOptionsHtml);
},
error: function (xhr, status, error) {
console.error(xhr.responseText);
}
});
}
function ajaxClassFilesList() {
$.ajax({
url: loadClassFilesListAjax,
type: 'GET',
success: function (response) {
var data = response;
var dataOptionsHtml = '<option value=" " selected>انتخاب کلاسه پرونده ...</option>';
data.forEach(function (item) {
dataOptionsHtml += `<option value="${item}">${item}</option>`;
});
$('#FileClassSelectIndex').html(dataOptionsHtml);
},
error: function (xhr, status, error) {
console.error(xhr.responseText);
}
});
}
function ajaxClientOrLitigantList() {
$.ajax({
url: loadClientOrLitigantAjax,
type: 'GET',
success: function (response) {
var data = response;
var dataOptionsHtml = '<option value="0" selected>انتخاب اصیل دعوی ...</option>';
data.forEach(function (item) {
dataOptionsHtml += `<option value="${item.id}">${item.employeeFullName}</option>`;
});
$('#OriginalClaimSelectIndex').html(dataOptionsHtml);
},
error: function (xhr, status, error) {
console.error(xhr.responseText);
}
});
}
function setFileStatus(id, status) {
var message = "";
var fileEnumStr = "";
switch (status) {
case @FileEnums.ACTIVE:
fileEnumStr = "ACTIVE";
message = "آیا انجام این کار اطمینان دارید؟";
break;
case @FileEnums.DEACTIVE:
fileEnumStr = "DEACTIVE";
message = "آیا انجام این کار اطمینان دارید؟";
break;
case @FileEnums.TEMPORARY_EXIT:
fileEnumStr = "TEMPORARY_EXIT";
message = "آیا پرونده موقتا از بایگانی جاری خارج شود؟";
break;
}
swal({
title: "",
text: message,
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "بله",
cancelButtonText: "خیر",
closeOnConfirm: true,
closeOnCancel: true
},
function(isConfirm) {
if (isConfirm) {
$.ajax({
dataType: 'json',
type: 'POST',
url: '@Url.Page("./Index", "SetFileStatus")',
headers: { "RequestVerificationToken": $('@Html.AntiForgeryToken()').val() },
data: { "id": id, "status": status },
success: function(response) {
$.Notification.autoHideNotify('success', 'top center', 'پیام سیستم ', response.message);
setTimeout(function() {
location.reload();
},
1200);
},
failure: function(response) {
console.log(5, response);
$.Notification.autoHideNotify('error', 'top center', 'پیام سیستم ', response.message);
}
});
}
});
}
var fileSearchModelStatus = 2;
$('.fileSearchModel_Status').on('click', function () {
$('.fileSearchModel_Status').removeClass('active');
$(this).addClass('active');
var selectedStatus = $(this).val();
$('#SelectedStatus').val(selectedStatus);
$('#CaseManagement').html('<div></div>');
pageIndexJs = 0;
index = 1;
$('#PageIndex').val(pageIndexJs);
loadListData();
});
function loadListData() {
var pageIndex = Number($('#PageIndex').val());
var fileSearchModelStatus = $('#SelectedStatus').val();
var archiveNumberSelectIndex = $('#ArchiveNumberSelectIndex').select2('data')[0]?.id;
var fileClassSelectIndex = $('#FileClassSelectIndex').select2('data')[0]?.id;
var originalClaimSelectIndex = $('#OriginalClaimSelectIndex').select2('data')[0]?.id;
var html = '';
var searchViewModel = {
'PageIndex': pageIndex,
'Status': fileSearchModelStatus,
'ArchiveNumber': archiveNumberSelectIndex,
'FileClass': fileClassSelectIndex,
'ClientOrLitigationPartyId':originalClaimSelectIndex
}
var b = pageIndex % 30;
if (b === 0) {
$.ajax({
async: false,
contentType: 'charset=utf-8',
dataType: 'json',
type: 'GET',
url: loadDataAjax,
data: searchViewModel,
headers: { "RequestVerificationToken": antiForgeryToken },
success: function(response) {
var loadListData = response.data;
if (loadListData.length > 0) {
loadListData.forEach(function(itemData) {
var background = "";
var status = 0;
var activationStatus = 0;
var style = "";
var exitStyle = "";
var ACTIVE_STATUS = @FileEnums.ACTIVE;
var DEACTIVE_STATUS = @FileEnums.DEACTIVE;
var TEMPORARY_EXIT_STATUS = @FileEnums.TEMPORARY_EXIT;
if (itemData.hasMandate === 1) {
background = "background-color : #eb7070;";
}
html += `<div class="Rtable-row align-items-center p-0" style="${itemData.status === DEACTIVE_STATUS ? "background-color: rgba(255, 165, 0, 0.42)" : ""}">`;
if (itemData.status !== TEMPORARY_EXIT_STATUS) {
status = TEMPORARY_EXIT_STATUS;
} else {
style = "background-color: #ffffff; border: 1px solid #000; transform: rotate(180deg);";
exitStyle = "background-color: #e4b801";
status = ACTIVE_STATUS;
}
html += `<div class="Rtable-cell width1">
<div class="Rtable-cell--content text-center">
<span class="numberFlex prevent-select">${index++}</span>
</div>
</div>
<div class="Rtable-cell width2" style="${exitStyle}">
<div class="Rtable-cell--content">
${itemData.archiveNumber}
</div>
</div>
<div class="Rtable-cell width3" style="${background}">
<div class="Rtable-cell--content">
${itemData.fileClass ?? "-"}
</div>
</div>
<div class="Rtable-cell width4">
<div class="Rtable-cell--content text-center">`;
html += `<div class="tooltip-container">
<p class="wrapped">
${itemData.client ?? "-"}
</p>
<span class="tooltip">
${itemData.client ?? "-"}
</span>
</div>
<div class="tooltip-container">
<p class="wrapped">
${itemData.litigationParty ?? "-"}
</p>
<span class="tooltip">
${itemData.litigationParty ?? "-"}
</span>
</div>`;
html += `</div>
</div>
<div class="Rtable-cell width5">
<div class="Rtable-cell--content">
<div>${itemData.diagnosisBoard.petitionDate}</div>
</div>
</div>
<div class="Rtable-cell width6">
<div class="Rtable-cell--content">`;
if (itemData.diagnosisBoard.firstResolutionPetitionDate !== "-") {
html += `<div>${itemData.diagnosisBoard.firstResolutionPetitionDate ?? "-"}</div>
<div>نوبت اول</div>
<div class="tooltip-container">
<p class="wrapped">
${itemData.diagnosisBoard.branch} - ${itemData.diagnosisBoard.boardChairman}
</p>
<span class="tooltip">
${itemData.diagnosisBoard.branch} - ${itemData.diagnosisBoard.boardChairman}
</span>
</div>`;
} else {
html += `<div>-</div>
<div>-</div>
<div>-</div>`;
}
html += `</div>
</div>
<div class="Rtable-cell width7">
<div class="Rtable-cell--content">`;
style = itemData.diagnosisEvidenceId === 0 ? "background-color: #fff; border-color: #009688; color: #009688 !important" : "background-color: #009688; border-color: #009688;";
html += `<div>
<div>
<a class="btn btn-inverse ionRad" href="${createOrEditEvidenceUrl}&fileId=${itemData.id}&boardTypeId=1" onclick="setUrl(this)" style="${style}">
<i class="fa fa-clipboard ionSize"></i>
</a>
</div>
</div>
</div>
</div>
<div class="Rtable-cell width8">
<div class="Rtable-cell--content">`;
style = itemData.diagnosisMasterPetitionId === 0 ? "background-color: #fff; border-color: #ff7700; color: #ff7700 !important" : "background-color: #ff7700; border-color: #ff7700;";
html += `<div>
<div>
<a class="btn btn-inverse ionRad" href="${createOrEditMasterPetitionUrl}&fileId=${itemData.id}&boardTypeId=1" onclick="setUrl(this)" style="${style}">
<i class="fa fa-search ionSize"></i>
</a>
</div>
</div>
</div>
</div>
<div class="Rtable-cell width9">
<div class="Rtable-cell--content">`;
if (itemData.diagnosisBoard.lastResolutionPetitionDate !== "-") {
html += `<div>${itemData.diagnosisBoard.lastResolutionPetitionDate ?? "-"}</div>
<div>نوبت ${itemData.diagnosisBoard.lastResolutionPetitionTurn}</div>
<div class="tooltip-container">
<p class="wrapped">
${itemData.diagnosisBoard.branch} - ${itemData.diagnosisBoard.boardChairman}
</p>
<span class="tooltip">
${itemData.diagnosisBoard.branch} - ${itemData.diagnosisBoard.boardChairman}
</span>
</div>`;
} else {
html += `<div>-</div>
<div>-</div>
<div>-</div>`;
}
html += `</div>
</div>
<div class="Rtable-cell width10">
<div class="Rtable-cell--content" style="${itemData.diagnosisBoard.petitionIssuanceDate !== "-" ? `background-color:#448bdb; color:#ffffff` : ``}">
<div>${itemData.diagnosisBoard.petitionIssuanceDate ?? "-"}</div>
<div>${itemData.diagnosisBoard.totalPenalty ?? "-"}</div>
<div>
<div>
<a class="btn btn-inverse ionRad" href="${createOrEditPetitionUrl}&fileId=${itemData.id}&boardTypeId=1" onclick="setUrl(this)" style="background-color: #00c1f3; border-color: #00c1f3;">
<i class="fa fa-file ionSize"></i>
</a>
</div>
</div>
</div>
</div>
<div class="Rtable-cell width11">
<div class="Rtable-cell--content">
<div>${itemData.disputeResolutionBoard.petitionDate ?? "-"}</div>
</div>
</div>
<div class="Rtable-cell width12">
<div class="Rtable-cell--content">`;
if (itemData.disputeResolutionBoard.firstResolutionPetitionDate !== "-") {
html += `<div>${itemData.disputeResolutionBoard.firstResolutionPetitionDate ?? "-"}</div>
<div>نوبت اول</div>
<div class="tooltip-container">
<p class="wrapped">
${itemData.disputeResolutionBoard.branch} - ${itemData.disputeResolutionBoard.boardChairman}
</p>
<span class="tooltip">
${itemData.disputeResolutionBoard.branch} - ${itemData.disputeResolutionBoard.boardChairman}
</span>
</div>`;
} else {
html += `<div>-</div>
<div>-</div>
<div>-</div>`;
}
html += `</div>
</div>
<div class="Rtable-cell width13">
<div class="Rtable-cell--content">`;
style = itemData.disputeResolutionEvidenceId === 0 ? "background-color: #fff; border-color: #009688; color: #009688 !important" : "background-color: #009688; border-color: #009688;";
html += `<div>
<div>
<a class="btn btn-inverse ionRad" href="${createOrEditEvidenceUrl}&fileId=${itemData.id}&boardTypeId=2" onclick="setUrl(this)" style="${style}">
<i class="fa fa-clipboard ionSize"></i>
</a>
</div>
</div>
</div>
</div>
<div class="Rtable-cell width14">
<div class="Rtable-cell--content">`;
style = itemData.disputeResolutionMasterPetitionId === 0 ? "background-color: #fff; border-color: #ff7700; color: #ff7700 !important" : "background-color: #ff7700; border-color: #ff7700;";
html += `<div>
<div>
<a class="btn btn-inverse ionRad" href="${createOrEditMasterPetitionUrl}&fileId=${itemData.id}&boardTypeId=2" onclick="setUrl(this)" style="${style}">
<i class="fa fa-search ionSize"></i>
</a>
</div>
</div>
</div>
</div>
<div class="Rtable-cell width15">
<div class="Rtable-cell--content">`;
if (itemData.disputeResolutionBoard.lastResolutionPetitionDate !== "-") {
html += `<div>${itemData.disputeResolutionBoard.lastResolutionPetitionDate ?? "-"}</div>
<div>نوبت ${itemData.disputeResolutionBoard.lastResolutionPetitionTurn}</div>
<div class="tooltip-container">
<p class="wrapped">
${itemData.disputeResolutionBoard.branch} - ${itemData.disputeResolutionBoard.boardChairman}
</p>
<span class="tooltip">
${itemData.disputeResolutionBoard.branch} - ${itemData.disputeResolutionBoard.boardChairman}
</span>
</div>`;
} else {
html += `<div>-</div>
<div>-</div>
<div>-</div>`;
}
html += `</div>
</div>
<div class="Rtable-cell width16">
<div class="Rtable-cell--content" style="${itemData.disputeResolutionBoard.petitionIssuanceDate !== "-" ? `background-color:#448bdb; color:#ffffff` : ``}">
<div>${itemData.disputeResolutionBoard.petitionIssuanceDate ?? "-"}</div>
<div>${itemData.disputeResolutionBoard.totalPenalty ?? "-"}</div>
<div>
<div>
<a class="btn btn-inverse ionRad" href="${createOrEditPetitionUrl}&fileId=${itemData.id}&boardTypeId=2" onclick="setUrl(this)" style="background-color: #00c1f3; border-color: #00c1f3;">
<i class="fa fa-file ionSize"></i>
</a>
</div>
</div>
</div>
</div>
<div class="Rtable-cell width17">
<div class="Rtable-cell--content">
<div>
<div>
<a class="btn btn-warning ionRad" href="${editFileUrl}&id=${itemData.id}">
<i class="fa fa-edit ionSize"></i>
</a>
</div>
</div>
<div>
<div style="display: flex;gap: 5px;justify-content: center;justify-items: center;">
<a class="btn btn-success ionRad" href="${fileSummaryUrl}&id=${itemData.id}">
<i class="fa fa-file-text ionSize"></i>
</a>
<div>
<a title="${itemData.status !== TEMPORARY_EXIT_STATUS ? "خارج کردن پرونده از بایگانی" : "وارد کردن پرونده به بایگانی"}" class="btn btn-warning ionRad" onclick="setFileStatus(${itemData.id}, ${status})" style="${style}">
<i class="fa faSize fa-sign-out"></i>
</a>
</div>
</div>
</div>`;
if (itemData.status === DEACTIVE_STATUS) {
style = "background-color: #fff; border-color: #ef5350; color: #ef5350 !important";
status = ACTIVE_STATUS;
} else {
style = "background-color: #ef5350; border-color: #ef5350;";
status = DEACTIVE_STATUS;
}
html += `<div >
<div style="display: flex;gap: 5px;justify-content: center;justify-items: center;">
<div>
<a title="${itemData.status === DEACTIVE_STATUS ? "فعال کردن پرونده" : "غیرفعال کردن پرونده"} " class="btn btn-danger ionRad" onclick="setFileStatus(${itemData.id}, ${status})" style="${style}">
<i class="ion-briefcase ionSize"></i>
</a>
</div>
<div>
<a title="مشخصات کاربر" class="btn btn-primary ionRad" data-toggle="modal" onclick="openDetailModal(${itemData.id})">
<i class="fa faSize fa-info" style="padding: 0 4px;"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>`;
pageIndexJs++;
});
$('#CaseManagement').append(html);
$('#PageIndex').val(pageIndexJs);
} else {
html += `<div class="text-center bg-white d-flex align-items-center justify-content-center">
<div class="">
<img src="/assetsclient/images/empty.png" alt="" class="img-fluid" />
<h5>اطلاعاتی وجود ندارد.</h5>
</div>
</div>`;
$('#CaseManagement').append(html);
}
},
failure: function(response) {
console.log(response);
}
});
}
}
function openDetailModal(id) {
var url = "#showmodal=@Url.Page("./Index", "ClientDetails")";
window.location.href = url + "&fileId=" + id;
}
$(window).scroll(function () {
if ($(window).scrollTop() + $(window).height() > $(document).height() - 600) {
loadListData();
}
if ($(this).scrollTop() > 100) {
$('.goToTop').show().fadeIn();
} else {
$('.goToTop').fadeOut().hide();
}
});
</script>
}