1053 lines
62 KiB
Plaintext
1053 lines
62 KiB
Plaintext
@model CompanyManagment.App.Contracts.Workshop.ContractStatusViewModel
|
|
@using System.Globalization
|
|
@using global::Company.Domain.EmployeeAgg
|
|
@using Version = _0_Framework.Application.Version
|
|
|
|
@{
|
|
int index = 1;
|
|
|
|
<link href="~/AssetsClient/css/table-style.css?ver=@Version.StyleVersion" rel="stylesheet" />
|
|
<link href="~/AssetsClient/css/table-responsive.css?ver=@Version.StyleVersion" rel="stylesheet" />
|
|
<link href="~/assetsclient/css/table-grid.css?ver=@Version.StyleVersion" rel="stylesheet" />
|
|
<link href="~/assetsclient/css/operation-button.css?ver=@Version.StyleVersion" rel="stylesheet" />
|
|
|
|
<link href="~/AssetsClient/css/select2.css?ver=@Version.StyleVersion" rel="stylesheet" />
|
|
// <link href="~/AssetsClient/libs/printjs/print.min.css?ver=@Version.StyleVersion" rel="stylesheet" />
|
|
|
|
}
|
|
|
|
<style>
|
|
.modal .modal-dialog .modal-content {
|
|
background-color: white !important;
|
|
}
|
|
|
|
/* .modal-dialog {
|
|
max-width: 100%;
|
|
width: 22.4cm;
|
|
} */
|
|
|
|
.modal .modal-dialog .modal-content {
|
|
background-color: white !important;
|
|
}
|
|
|
|
/* .modal-dialog {
|
|
max-width: 100%;
|
|
width: 22.4cm;
|
|
} */
|
|
/* @@page {
|
|
size: 7in 9.25in;
|
|
margin: 27mm 16mm 27mm 16mm;
|
|
}*/
|
|
@@page {
|
|
margin: 17mm 13mm 17mm 13mm;
|
|
page-break-after: auto;
|
|
}
|
|
|
|
@@media screen {
|
|
#printSection {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.print:last-child {
|
|
page-break-after: auto !important;
|
|
}
|
|
|
|
@@media print {
|
|
|
|
body * {
|
|
visibility: hidden !important;
|
|
page-break-after: auto !important;
|
|
}
|
|
|
|
html, body {
|
|
height: 100% !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
overflow: hidden !important;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
#printThis, #printSection * {
|
|
visibility: visible !important;
|
|
page-break-after: auto !important;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
#printThis {
|
|
height: 100% !important;
|
|
position: absolute !important;
|
|
left: 0 !important;
|
|
page-break-after: auto !important;
|
|
top: 0 !important;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
#stickyModal, #divTablescrollbar {
|
|
overflow:visible;
|
|
position:relative;
|
|
}
|
|
|
|
.tooltipfull-container, .tooltipfull-r, .tooltipfull-l {
|
|
display:none;
|
|
}
|
|
.list-box {
|
|
padding:0;
|
|
}
|
|
.modal-content {
|
|
height:auto;
|
|
}
|
|
|
|
.titleSection {
|
|
border: 2px solid #94a3b8;
|
|
/* padding: 5px; */
|
|
/* margin: 0; */
|
|
border-bottom: 0;
|
|
border-radius: 10px 10px 0 0;
|
|
align-items: center;
|
|
display: flex !important;
|
|
}
|
|
|
|
.text1, .text2, .text3, {
|
|
font-size: 13px !important;
|
|
}
|
|
|
|
.titleH1 {
|
|
font-size: 22px;
|
|
margin: 0 !important;
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
.Rtable .Rtable-row:first-child {
|
|
background: #dbdbdb;
|
|
border: none;
|
|
}
|
|
.Rtable .Rtable-row:first-child:hover {
|
|
transform: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.column-heading {
|
|
color: #25292d;
|
|
}
|
|
|
|
.Rtable .Rtable-row:nth-child(odd),
|
|
.table-workshop .Rtable .Rtable-row:nth-child(4n+4),
|
|
.table-personals .Rtable .Rtable-row:nth-child(4n+4)
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
.Rtable, .Rtable--collapse, .personal-grid-list {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.row-table-report-row, .Rtable-row, .Rtable-row--head {
|
|
border-radius:0px;
|
|
color: #000;
|
|
}
|
|
|
|
.row-table-report, .row-table-report-name {
|
|
align-items: center;
|
|
height: 0px;
|
|
margin: 2px 0;
|
|
border-radius: 6px;
|
|
}
|
|
}
|
|
|
|
.col-4, .col-3, .col-9,
|
|
.col-2, .col-10, .col-6,
|
|
.col-8, .col-5, .col-7,
|
|
.col-offset-1 {
|
|
float: right !important;
|
|
}
|
|
|
|
/* ------------------- */
|
|
/* استایل جدول اصلی */
|
|
@@media (max-width: 767px) {
|
|
.Rtable {
|
|
border: 0px !important;
|
|
}
|
|
}
|
|
|
|
.row-table-report, .row-table-report-name {
|
|
align-items: center;
|
|
height: 36px;
|
|
margin: 2px 0;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.row-table-report-name:nth-child(n) {
|
|
background-color: #DDF4F4;
|
|
}
|
|
|
|
.row-table-report-name:nth-child(2n+1) {
|
|
background-color: #ECFFFF;
|
|
}
|
|
|
|
.row-table-report:nth-child(n), .row-table-report:nth-child(2n+1) {
|
|
background-color: #ECFFFF;
|
|
}
|
|
|
|
.errored {
|
|
color: #FF3A3A !important;
|
|
border: 1px solid #FF3A3A !important
|
|
}
|
|
|
|
.personal-paid-leave-scroll {
|
|
height: 330px;
|
|
overflow-y: scroll;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
@@media (max-width: 767px) {
|
|
.list-box {
|
|
padding: 4px 10px 4px 10px !important;
|
|
}
|
|
}
|
|
|
|
.tooltipfull-container {
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.tooltipfull-r {
|
|
opacity: 0;
|
|
z-index: 99;
|
|
color: #fff;
|
|
/* width: 180px;*/
|
|
display: block;
|
|
font-size: 12px;
|
|
font-family: 'IranSans';
|
|
padding: 1px;
|
|
border-radius: 0px 7px 7px 0px;
|
|
text-align: center;
|
|
/*text-shadow: 1px 1px 2px #111;*/
|
|
background: #114343;
|
|
border: 1px solid #114343;
|
|
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;
|
|
bottom: 20px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.tooltipfull-r:before, .tooltipfull-r:after {
|
|
content: '';
|
|
border-left: unset !important;
|
|
border-right: 10px solid transparent;
|
|
border-top: 10px solid #114343;
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: -1px;
|
|
}
|
|
|
|
.tooltipfull-container:hover .tooltipfull-r, a:hover .tooltipfull-r {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
.tooltipfull-l {
|
|
opacity: 0;
|
|
z-index: 99;
|
|
color: #fff;
|
|
/* width: 180px; */
|
|
display: block;
|
|
font-size: 12px;
|
|
font-family: 'IranSans';
|
|
padding: 1px;
|
|
border-radius: 7px 0px 0px 7px;
|
|
text-align: center;
|
|
/* text-shadow: 1px 1px 2px #111; */
|
|
background: #114343;
|
|
border: 1px solid #114343;
|
|
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;
|
|
bottom: 20px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.tooltipfull-l:before, .tooltipfull:after {
|
|
content: '';
|
|
border-left: 10px solid transparent;
|
|
border-right: unset !important;
|
|
border-top: 10px solid #114343;
|
|
position: absolute;
|
|
bottom: -10px;
|
|
right: -1px;
|
|
}
|
|
|
|
.tooltipfull-container:hover .tooltipfull-l, a:hover .tooltipfull-l {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
.btn-success:hover {
|
|
background-color: #114343 !important;
|
|
border-color: #114343 !important;
|
|
}
|
|
|
|
@@media screen and (max-width: 1920px) {
|
|
.month-header {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
@@media screen and (max-width: 1440px) {
|
|
.month-header {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
.anim {
|
|
animation-name: animationProgress;
|
|
}
|
|
|
|
.is_green {
|
|
width: 100%;
|
|
}
|
|
|
|
.Rtable-cell--content {
|
|
font-size: 10px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
padding: 0 5px 0 0;
|
|
font-weight: 700;
|
|
}
|
|
|
|
@@media (min-width: 1400px) {
|
|
.modal-content {
|
|
height: 630px;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 1400px) {
|
|
.modal-content {
|
|
height: 470px;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 991px) {
|
|
.modal-content {
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 992px) {
|
|
.modal-header h5, .modal-header h6 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.Rtable {
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
.month-header, .month-header-num {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.Rtable-cell.column-heading {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.Rtable-cell--content {
|
|
text-overflow: clip;
|
|
overflow-x: auto;
|
|
height: auto;
|
|
line-height: 4;
|
|
}
|
|
|
|
.tooltipfull {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@@media (min-width: 768px) {
|
|
.personal-name {
|
|
display: block
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 767px) {
|
|
.Rtable--collapse .Rtable-row:first-child {
|
|
margin-top: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.Rtable--collapse .Rtable-row:first-child {
|
|
margin-top: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.Rtable .Rtable-row .Rtable-cell.column-heading {
|
|
border: 0;
|
|
padding: 0 margin: 0 0;
|
|
}
|
|
|
|
.personal-name {
|
|
display: none;
|
|
width: auto !important;
|
|
}
|
|
}
|
|
|
|
#divTablescrollbar {
|
|
overflow-y: scroll;
|
|
max-height: calc(100vh - 200px);
|
|
position: relative;
|
|
scrollbar-width: thin;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
|
|
#stickyModal {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: -3px;
|
|
z-index: 4;
|
|
}
|
|
|
|
.modal-dialog {
|
|
max-width: 1140px;
|
|
margin: 2rem auto;
|
|
}
|
|
|
|
.modal-xxl {
|
|
max-width: 1140px;
|
|
--bs-modal-width: 1140px;
|
|
}
|
|
</style>
|
|
|
|
<div class="modal-body p-0 d-flex justify-content-center">
|
|
<div class="modal-content" style="padding: 0 0 15px 0;">
|
|
|
|
<div class="modal-header d-block position-relative mb-0 pb-0 text-center">
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 text-start">
|
|
<div class="d-flex align-items-center">
|
|
<button type="button" class="btn-close text-start" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
<h5 class="modal-title" id="morakhasiEstehghaghiModalLabel">گزارش قراردادها و فیش های حقوقی</h5>
|
|
</div>
|
|
@* <h6 class="modal-title ms-5 text-start">@Model.EmployeeName</h6> *@
|
|
<div class="col-12 col-md-6 mt-2">
|
|
<select class="form-select select2Option" aria-label="انتخاب پرسنل ..." asp-for="EmployeeId" id="employeeSelect">
|
|
<option value="">ابتدا کارگاه را انتخاب کنید ...</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-10 col-sm-6 mt-2">
|
|
<div class="d-block ms-2 align-items-center" style="font-size: 10px;">
|
|
<div class="d-flex align-items-center my-1 mx-1">
|
|
<span style="width:15px; height:15px; border-radius:50%; background-color:#12951B"></span>
|
|
<span class="mx-1">قراردادهای تنظیم شده</span>
|
|
</div>
|
|
<div class="d-flex align-items-center my-1 mx-1">
|
|
<span style="width:15px; height:15px; border-radius:50%; background-color:#0F7416"></span>
|
|
<span class="mx-1">تصفیه حساب های تنظیم شده</span>
|
|
</div>
|
|
<div class="d-flex align-items-center my-1 mx-1">
|
|
<svg width="13" height="13" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F" />
|
|
</svg>
|
|
<span class="mx-1">انجام امضاء توسط پرسنل بر روی برگه</span>
|
|
</div>
|
|
<div class="d-flex align-items-center my-1 mx-1">
|
|
<svg width="13" height="13" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171" />
|
|
</svg>
|
|
<span class="mx-1">عدم انجام امضاء توسط پرسنل بر روی برگه</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* <div class="col-10 col-sm-12 order-sm-2 order-1">
|
|
<div class="d-md-flex d-block align-items-center" style="font-size: 10px;">
|
|
<div class="d-flex align-items-center my-1 mx-3">
|
|
<span style="width:15px; height:15px; border-radius:50%; background-color:#12951B"></span>
|
|
<span class="mx-1">قراردادهای تنظیم شده</span>
|
|
</div>
|
|
<div class="d-flex align-items-center my-1 mx-3">
|
|
<span style="width:15px; height:15px; border-radius:50%; background-color:#0F7416"></span>
|
|
<span class="mx-1">تصفیه حساب های تنظیم شده</span>
|
|
</div>
|
|
<div class="d-flex align-items-center my-1 mx-3">
|
|
<svg width="13" height="13" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F" />
|
|
</svg>
|
|
<span class="mx-1">انجام امضاء توسط پرسنل بر روی برگه</span>
|
|
</div>
|
|
<div class="d-flex align-items-center my-1 mx-3">
|
|
<svg width="13" height="13" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171" />
|
|
</svg>
|
|
<span class="mx-1">عدم انجام امضاء توسط پرسنل بر روی برگه</span>
|
|
</div>
|
|
</div>
|
|
</div> *@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-body pt-0 mt-0" id="divTablescrollbar">
|
|
<div class="container-fluid print" id="printThis">
|
|
|
|
<div class="row titleSection" style="display:none">
|
|
<div class="col-3">
|
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 621.6 721.91" width="35px">
|
|
<defs>
|
|
<linearGradient id="linear-gradient" x1="0" y1="481.82" x2="621.6" y2="481.82" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#30c1c1" />
|
|
<stop offset="1" stop-color="#087474" />
|
|
</linearGradient>
|
|
<linearGradient id="linear-gradient-2" x1="217.07" y1="187.47" x2="523.83" y2="187.47" xlink:href="#linear-gradient" />
|
|
<linearGradient id="linear-gradient-3" x1="1.3" y1="146.6" x2="395.56" y2="146.6" xlink:href="#linear-gradient" />
|
|
</defs>
|
|
<polygon class="cls-3" points="0 328.82 129.91 244.95 129.91 453.87 310.8 562.4 488.4 453.87 488.4 355.2 310.8 355.2 488.4 241.73 621.6 241.73 621.6 541.02 310.8 721.91 0 541.02 0 328.82" />
|
|
<polygon class="cls-1" points="217.07 309.16 217.07 192.4 426.8 65.78 523.83 123.33 217.07 309.16" />
|
|
<polyline class="cls-2" points="308.61 0 395.56 47.69 1.3 293.19 1.3 184.66 308.61 0" />
|
|
</svg>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="text-center" style="width: auto;margin: auto;">
|
|
<h1 class="titleH1">موسسه نور دادمهر گستر کاسپین</h1>
|
|
<div class="d-flex align-items-center justify-content-end" style="margin: 0 0 0 107px;">
|
|
<p class="m-0 text1">شماره ثبت: 1727</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-3 text-end">
|
|
<p class="m-1 text2" style="letter-spacing: 1.4px;">www.gozareshgir.ir</p>
|
|
<p class="m-0 text3">سامانه هوشمند گزارشگیر</p>
|
|
</div>
|
|
</div>
|
|
|
|
@* <div class="row" id="stickyModal">
|
|
<div class="col-1 p-0">
|
|
<div class="Rtable Rtable--collapse personal-grid-list">
|
|
<div class="row-table-report-row Rtable-row Rtable-row--head align-items-center d-flex justify-content-center" style="border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left:1px; outline: 0;">
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 0;"><span class="month-header">ردیف</span> <span class="month-header-num">ردیف</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-1 p-0">
|
|
<div class="Rtable Rtable--collapse personal-grid-list">
|
|
<div class="row-table-report-row Rtable-row Rtable-row--head align-items-center d-flex justify-content-center" style="border-radius: 0; margin-left:1px; outline: 0;">
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 0;"><span class="month-header">سال</span> <span class="month-header-num">سال</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-10 p-0">
|
|
<div class="Rtable Rtable--collapse personal-grid-list">
|
|
<div class="row-table-report-row Rtable-row Rtable-row--head align-items-center d-flex justify-content-center" style="border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right:1px; outline: 0;">
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 0; width: 7.9%;"> <span class="month-header">فروردین</span> <span class="month-header-num">1</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 8.3%; width: 7.9%;"><span class="month-header">اردیبهشت</span> <span class="month-header-num">2</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 16.5%; width: 7.9%;"> <span class="month-header">خرداد</span> <span class="month-header-num">3</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 24.7%; width: 7.9%;"><span class="month-header">تیر</span> <span class="month-header-num">4</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 32.9%; width: 7.9%;"><span class="month-header">مرداد</span> <span class="month-header-num">5</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 41.1%; width: 7.9%;"><span class="month-header">شهریور</span> <span class="month-header-num">6</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 49.3%; width: 7.9%;"><span class="month-header">مهر</span><span class="month-header-num">7</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 57.5%; width: 7.9%;"><span class="month-header">آبان</span> <span class="month-header-num">8</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 65.7%; width: 7.9%;"><span class="month-header">آذر</span> <span class="month-header-num">9</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 73.9%; width: 7.9%;"><span class="month-header">دی</span> <span class="month-header-num">10</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 82.1%; width: 7.9%;"><span class="month-header">بهمن</span> <span class="month-header-num">11</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 90.3%; width: 7.9%;"><span class="month-header">اسفند</span> <span class="month-header-num">12</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> *@
|
|
|
|
|
|
<div id="loadingIndicator">
|
|
<div class="row p-lg-2 p-auto">
|
|
<div class="text-center bg-white d-flex align-items-center justify-content-center p-4">
|
|
<div class="">
|
|
<img src="~/assetsclient/images/empty.png" alt="" class="img-fluid" />
|
|
<h5>اطلاعاتی وجود ندارد</h5>
|
|
<h5>برای نمایش اطلاعات قرارداد و تصفیه حساب، پرسنل مورد نظر را انتخاب نمایید</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="" id="RealodData">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer p-0 m-0 mt-1">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<div class="d-flex justify-content-end">
|
|
@* <button id="btnPrint" class="btn-blue text-white mx-2" style="padding: 3px 13px;">پرینت</button> *@
|
|
<a class="btn-cancel text-white" style="padding: 3px 13px;" data-bs-dismiss="modal" aria-label="Close">بستن</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<script src="~/admintheme/js/jquery.mask_1.14.16.min.js"></script>
|
|
<script src="~/assetsclient/js/smooth-scrollbar.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
|
|
$('.loading').hide();
|
|
|
|
// document.getElementById("btnPrint").onclick = function () {
|
|
// printElement(document.getElementById("printThis"));
|
|
// //printModalContent();
|
|
// }
|
|
|
|
// function printElement(elem) {
|
|
// var domClone = elem.cloneNode(true);
|
|
|
|
// var $printSection = document.getElementById("printSection");
|
|
|
|
// if (!$printSection) {
|
|
// $printSection = document.createElement("div");
|
|
// $printSection.id = "printSection";
|
|
// document.body.appendChild($printSection);
|
|
// }
|
|
|
|
// $printSection.innerHTML = "";
|
|
// $printSection.appendChild(domClone);
|
|
// window.print();
|
|
// }
|
|
|
|
|
|
// function printModalContent(){
|
|
// var modalContent = $('#printThis').html();
|
|
// var printWindow = window.open('', '');
|
|
|
|
// printWindow.document.write('<html><head><title>Print</title>');
|
|
|
|
// var localStyles = $('style').html();
|
|
|
|
// console.log(localStyles);
|
|
|
|
// printWindow.document.write('<style type="text/css">');
|
|
// printWindow.document.write(localStyles);
|
|
// printWindow.document.write('</style>');
|
|
// printWindow.document.write('</head>');
|
|
|
|
// //Print the DIV contents i.e. the HTML Table.
|
|
// printWindow.document.write('<body>');
|
|
// var divContents = document.getElementById("printThis").innerHTML;
|
|
// printWindow.document.write(divContents);
|
|
// printWindow.document.write('</body>');
|
|
// printWindow.document.write('</html>');
|
|
|
|
|
|
|
|
// // let printData = '';
|
|
// // printData += '<head><link rel="stylesheet" href="~/AssetsClient/css/style.css" type="text/css" /></head>';
|
|
// // printData += '<body><p id="test">Hello</p></body>'
|
|
|
|
// // let printWindow = window.open('', 'Print');
|
|
// // printWindow.document.write(printData);
|
|
// // printWindow.document.close();
|
|
// // printWindow.focus();
|
|
|
|
|
|
|
|
// function myprint() {
|
|
// printWindow.print();
|
|
// printWindow.close();
|
|
// }
|
|
// setTimeout(myprint, 2000)
|
|
// }
|
|
});
|
|
|
|
$(".select2Option").select2({
|
|
language: "fa",
|
|
dir: "rtl",
|
|
dropdownParent: $('#MainModal'),
|
|
templateResult: function (data, container) {
|
|
if (data.element) {
|
|
$(container).addClass($(data.element).attr("class"));
|
|
}
|
|
return data.text;
|
|
}
|
|
});
|
|
|
|
ajaxPersonals();
|
|
function ajaxPersonals() {
|
|
$.ajax({
|
|
url: '@Url.Page("/Company/Employees/Index", "EmployeeList")',
|
|
type: 'GET',
|
|
success: function (response) {
|
|
$('#cardSectionLeave').addClass('blur');
|
|
$("#cardSectionLeave div *").prop('disabled', true);
|
|
var employees = response.data;
|
|
var employeeOptionsHtml = '<option value="">انتخاب پرسنل ...</option>';
|
|
employees.forEach(function (employee) {
|
|
var black = employee.black ? "blackSelect" : "";
|
|
employeeOptionsHtml += `<option class="${black}" value="${employee.id}">${employee.employeeFullName}</option>`;
|
|
});
|
|
$('#employeeSelect').html(employeeOptionsHtml);
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error(xhr.responseText);
|
|
}
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
$('#employeeSelect').on('change', function () {
|
|
|
|
$('#loadingIndicator').show();
|
|
$("#RealodData").hide();
|
|
if (this.value != '') {
|
|
$.ajax({
|
|
dataType: 'json',
|
|
url: '@Url.Page("/Company/Employees/Index", "ContractCheckoutStatusAjax")',
|
|
type: 'GET',
|
|
data: { employeeId: this.value },
|
|
success: function (response) {
|
|
var Html = $("#RealodData").html("");
|
|
var index = 1;
|
|
var dataSearch = response.command;
|
|
if (dataSearch.contractStatusGroupList.length > 0) {
|
|
var SearchHtml = `
|
|
|
|
<div class="row" id="stickyModal">
|
|
|
|
<div class="col-1 p-0">
|
|
<div class="Rtable Rtable--5cols Rtable--collapse personal-grid-list">
|
|
<div class="Rtable-row Rtable-row--head align-items-center d-flex justify-content-center" style="border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left:1px; outline: 0;">
|
|
<div class="Rtable-cell column-heading personal-name text-center" style=" top:0; line-height: 1.4; right: 0;"> <span class="month-header">ردیف</span> <span class="month-header-num">ردیف</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-1 p-0">
|
|
<div class="Rtable Rtable--5cols Rtable--collapse personal-grid-list">
|
|
<div class="Rtable-row Rtable-row--head align-items-center d-flex justify-content-center" style="border-radius: 0; margin-left:1px; outline: 0;">
|
|
<div class="Rtable-cell column-heading personal-name text-right" style=" top:0; line-height: 1.4; right: 0;"> <span class="month-header">سال</span> <span class="month-header-num">سال</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-10 p-0">
|
|
<div class="Rtable Rtable--5cols Rtable--collapse personal-grid-list">
|
|
<div class="Rtable-row Rtable-row--head align-items-center d-flex justify-content-center" style="border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right:1px; outline: 0;">
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 0; width: 7.9%;"> <span class="month-header">فروردین</span> <span class="month-header-num">1</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 8.3%; width: 7.9%;"><span class="month-header">اردیبهشت</span> <span class="month-header-num">2</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 16.5%; width: 7.9%;"> <span class="month-header">خرداد</span> <span class="month-header-num">3</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 24.7%; width: 7.9%;"><span class="month-header">تیر</span> <span class="month-header-num">4</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 32.9%; width: 7.9%;"><span class="month-header">مرداد</span> <span class="month-header-num">5</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 41.1%; width: 7.9%;"><span class="month-header">شهریور</span> <span class="month-header-num">6</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 49.3%; width: 7.9%;"><span class="month-header">مهر</span><span class="month-header-num">7</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 57.5%; width: 7.9%;"><span class="month-header">آبان</span> <span class="month-header-num">8</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 65.7%; width: 7.9%;"><span class="month-header">آذر</span> <span class="month-header-num">9</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 73.9%; width: 7.9%;"><span class="month-header">دی</span> <span class="month-header-num">10</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 82.1%; width: 7.9%;"><span class="month-header">بهمن</span> <span class="month-header-num">11</span></div>
|
|
<div class="Rtable-cell column-heading text-center" style=" top:0; line-height: 1.4; right: 90.3%; width: 7.9%;"><span class="month-header">اسفند</span> <span class="month-header-num">12</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-1 p-0">`;
|
|
dataSearch.contractStatusGroupList.forEach(function (itemEmployee) {
|
|
SearchHtml += `<div class="row-table-report-name position-relative" style="border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left:1px;">
|
|
<div class="width1 text-center">
|
|
<div class="Rtable-cell--content">${index++}</div>
|
|
</div>
|
|
</div>`;
|
|
});
|
|
SearchHtml += `</div>
|
|
<div class="col-1 p-0">`;
|
|
|
|
dataSearch.contractStatusGroupList.forEach(function (itemEmployee) {
|
|
SearchHtml += `
|
|
<div class="row-table-report-name position-relative" style="border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left:1px">
|
|
<div class="width1 text-center">
|
|
<div class="tooltipfull-container">
|
|
<div class="Rtable-cell--content ellipsed">${itemEmployee.year}</div>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
});
|
|
SearchHtml += `</div>`;
|
|
|
|
SearchHtml += `<div class="col-10 p-0" style="border-top-right-radius: 0; border-bottom-right-radius: 0;">`;
|
|
|
|
dataSearch.contractStatusGroupList.forEach(function (itemEmployee) {
|
|
SearchHtml += `<div class="row-table-report position-relative" style="border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right:1px">`;
|
|
|
|
// empty gray div or null data
|
|
for (let i = 1; i <= 12; i++) {
|
|
var percent = i * 8.2;
|
|
var minusSpace = percent - 8.2;
|
|
minusSpace = minusSpace + 0.2;
|
|
var spaceString = minusSpace.toFixed(2);
|
|
var space = `right: ${spaceString}%;`;
|
|
|
|
SearchHtml += `<div style="widthNull margin:0px 2px; top:1px; position: absolute; z-index: 0; height: 18px; width: 7.9%; ${space}"> <div class="is_gray"></div></div>`;
|
|
SearchHtml += `<div style="widthNull margin:0px 2px; top:19px; position: absolute; z-index: 0; height: 18px; width: 7.9%; ${space}"> <div class="is_gray"></div></div>`;
|
|
}
|
|
|
|
itemEmployee.contractStatusDivideList.forEach(function (itemContract) {
|
|
if (itemContract.monthStart == itemContract.monthEnd) {
|
|
if (itemContract.monthStart == 1) {
|
|
SearchHtml += `<div class="width${itemContract.MonthStart} tooltipfull-container wow animated progress-animated animated anim" style="display: inline-block; top:1px; margin:0px 2px; position: absolute; height: 18px; right: 0; width: 7.9%;">
|
|
<div class="is_green">`;
|
|
if (itemContract.signaturStatus == "1") {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F"/>
|
|
</svg>`;
|
|
} else {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171"/>
|
|
</svg>`;
|
|
}
|
|
SearchHtml += `<span class="tooltipfull-r" style="left: 100%; font-size: 14px">${itemContract.contractStart}</span>
|
|
<span class="tooltipfull-l" style="${itemContract.monthEnd == 12 ? "right: 1%;" : "right: 100%;"} font-size: 14px">${itemContract.contractEnd}</span>
|
|
</div>
|
|
</div>`;
|
|
} else {
|
|
var percent = itemContract.monthStart * 8.2;
|
|
var minusSpace = percent - 8.2;
|
|
minusSpace = minusSpace;
|
|
var spaceString = minusSpace.toFixed(2);
|
|
var space = `right: ${spaceString}%;`;
|
|
|
|
SearchHtml += `<div class="width${itemContract.MonthStart} tooltipfull-container wow animated progress-animated animated anim" style="margin:0px 2px; top:1px; position: absolute; height: 18px; width: 7.9%; ${space}">
|
|
<div class="is_green">`;
|
|
if (itemContract.signaturStatus == "1") {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F"/>
|
|
</svg>`;
|
|
} else {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171"/>
|
|
</svg>`;
|
|
}
|
|
SearchHtml += `<span class="tooltipfull-r" style="left: 100%; font-size: 14px">${itemContract.contractStart}</span>
|
|
<span class="tooltipfull-l" style="${itemContract.monthEnd == 12 ? "right: 1%;" : "right: 100%;"} font-size: 14px">${itemContract.contractEnd}</span>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
|
|
|
|
}
|
|
else {
|
|
if (itemContract.monthStart == 1) {
|
|
var percent = itemContract.monthEnd * 8.2;
|
|
var widthString = percent.toFixed(2);
|
|
var width = `width: ${widthString}%;`;
|
|
|
|
SearchHtml += `<div class="width${itemContract.MonthStart} tooltipfull-container wow animated progress-animated animated anim" style="display: inline-block; top:1px; margin:0px 2px; position: absolute; height: 18px; right: 0; ${width}">
|
|
<div class="is_green">`;
|
|
if (itemContract.signaturStatus == "1") {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F"/>
|
|
</svg>`;
|
|
} else {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171"/>
|
|
</svg>`;
|
|
}
|
|
SearchHtml += `<span class="tooltipfull-r" style="left: 100%; font-size: 14px">${itemContract.contractStart}</span>
|
|
<span class="tooltipfull-l" style="${itemContract.monthEnd == 12 ? "right: 1%;" : "right: 100%;"} font-size: 14px">${itemContract.contractEnd}</span>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
else {
|
|
var value = (itemContract.monthEnd - itemContract.monthStart) + 1;
|
|
var percent = value * 8.2;
|
|
var widthString = percent.toFixed(2);
|
|
var width = `width: ${widthString}%;`;
|
|
|
|
var startPercent = (itemContract.monthStart - 1) * 8.2;
|
|
startPercent = startPercent - 0.1;
|
|
var spaceString = startPercent.toFixed(2);
|
|
var space = `right: ${spaceString}%;`;
|
|
|
|
SearchHtml += `<div class="width${itemContract.MonthStart} tooltipfull-container wow animated progress-animated animated anim" style="display: inline-block; top:1px; margin:0px 2px; position: absolute; height: 18px; ${space} ${width}">
|
|
<div class="is_green" style="width:99%;">`;
|
|
if (itemContract.signaturStatus == "1") {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F"/>
|
|
</svg>`;
|
|
} else {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171"/>
|
|
</svg>`;
|
|
}
|
|
SearchHtml += `<span class="tooltipfull-r" style="left: 100%; font-size: 14px">${itemContract.contractStart}</span>
|
|
<span class="tooltipfull-l" style="${itemContract.monthEnd == 12 ? "right: 1%;" : "right: 99%;"} font-size: 14px">${itemContract.contractEnd}</span>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
|
|
}
|
|
})
|
|
|
|
itemEmployee.checkoutStatusDivideList.forEach(function (itemCheckout) {
|
|
if (itemCheckout.monthStart == itemCheckout.monthEnd) {
|
|
if (itemCheckout.monthStart == 1) {
|
|
SearchHtml += `<div class="width${itemCheckout.MonthStart} tooltipfull-container wow animated progress-animated animated anim" style="display: inline-block; margin:0px 2px; top:19px ; background-color: transparent; position: absolute; height: 18px; right: 0; width: 7.9%;">
|
|
<div class="is_green_500">`;
|
|
if (itemCheckout.signaturStatus == "1") {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F"/>
|
|
</svg>`;
|
|
} else {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171"/>
|
|
</svg>`;
|
|
}
|
|
SearchHtml += `<span class="tooltipfull-r" style="left: 100%; font-size: 14px">${itemCheckout.checkoutStart}</span>
|
|
<span class="tooltipfull-l" style="${itemCheckout.monthEnd == 12 ? "right: 1%;" : "right: 100%;"} font-size: 14px">${itemCheckout.checkoutEnd}</span>
|
|
</span>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
else {
|
|
var percent = itemCheckout.monthStart * 8.2;
|
|
var minusSpace = percent - 8.2;
|
|
var spaceString = minusSpace.toFixed(2);
|
|
var space = `right: ${spaceString}%;`;
|
|
|
|
SearchHtml += `<div class="width${itemCheckout.MonthStart} tooltipfull-container wow animated progress-animated animated anim" style="display: inline-block; margin:0px 2px; top:19px ; background-color: transparent; position: absolute; height: 18px; width: 7.9%; ${space}">
|
|
<div class="is_green_500">`;
|
|
if (itemCheckout.signaturStatus == "1") {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F"/>
|
|
</svg>`;
|
|
} else {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171"/>
|
|
</svg>`;
|
|
}
|
|
SearchHtml += `<span class="tooltipfull-r" style="left: 100%; font-size: 14px">${itemCheckout.checkoutStart}</span>
|
|
<span class="tooltipfull-l" style="${itemCheckout.monthEnd == 12 ? "right: 1%;" : "right: 100%;"} font-size: 14px">${itemCheckout.checkoutEnd}</span>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
}
|
|
else {
|
|
if (itemCheckout.monthStart == 1) {
|
|
var percent = itemCheckout.monthEnd * 8.2;
|
|
var widthString = percent.toFixed(2);
|
|
var width = `width: ${widthString}%;`;
|
|
|
|
SearchHtml += `<div class="width${itemCheckout.MonthStart} tooltipfull-container wow animated progress-animated animated anim" style="display: inline-block; margin:0px 2px; top:19px ; background-color: transparent; position: absolute; height: 18px; right: 0; ${width}">
|
|
<div class="is_green_500">`;
|
|
if (itemCheckout.signaturStatus == "1") {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F"/>
|
|
</svg>`;
|
|
} else {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171"/>
|
|
</svg>`;
|
|
}
|
|
SearchHtml += `<span class="tooltipfull-r" style="left: 100%; font-size: 14px">${itemCheckout.checkoutStart}</span>
|
|
<span class="tooltipfull-l" style="${itemCheckout.monthEnd == 12 ? "right: 1%;" : "right: 100%;"} font-size: 14px">${itemCheckout.checkoutEnd}</span>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
else {
|
|
var value = itemCheckout.monthEnd - itemCheckout.monthStart;
|
|
var percent = value * 8.2;
|
|
var widthString = percent.toFixed(2);
|
|
var width = `width: ${widthString}%;`;
|
|
var startPercent = (itemCheckout.monthStart - 1) * 8.2;
|
|
startPercent = startPercent + 0.1;
|
|
var spaceString = startPercent.toFixed(2);
|
|
var space = `right: ${spaceString}%;`;
|
|
|
|
SearchHtml += `<div class="width${itemCheckout.MonthStart} tooltipfull-container wow animated progress-animated animated anim" style="display: inline-block; margin:0px 2px; top:19px ; background-color: transparent; position: absolute; height: 18px; ${space} ${width}">
|
|
<div class="is_green_500">`;
|
|
if (itemCheckout.signaturStatus == "1") {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9ZM4.38411 6.32009L6.88411 3.32009L6.11589 2.67991L3.9664 5.25929L2.85355 4.14645L2.14645 4.85355L3.64645 6.35355L4.0336 6.74071L4.38411 6.32009Z" fill="#27FB0F"/>
|
|
</svg>`;
|
|
} else {
|
|
SearchHtml += `<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5C9 6.98528 6.98528 9 4.5 9C2.01472 9 0 6.98528 0 4.5C0 2.01472 2.01472 0 4.5 0C6.98528 0 9 2.01472 9 4.5ZM4.5 5.20711L2.85355 6.85355L2.14645 6.14645L3.79289 4.5L2.14645 2.85355L2.85355 2.14645L4.5 3.79289L6.14645 2.14645L6.85355 2.85355L5.20711 4.5L6.85355 6.14645L6.14645 6.85355L4.5 5.20711Z" fill="#F87171"/>
|
|
</svg>`;
|
|
}
|
|
SearchHtml += `<span class="tooltipfull-r" style="left: 100%; font-size: 14px">${itemCheckout.checkoutStart}</span>
|
|
<span class="tooltipfull-l" style="${itemCheckout.monthEnd == 12 ? "right: 1%;" : "right: 99%;"} font-size: 14px">${itemCheckout.checkoutEnd}</span>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
}
|
|
})
|
|
SearchHtml += `</div>`;
|
|
})
|
|
SearchHtml += `</div></div>`;
|
|
|
|
|
|
$('#RealodData').append(SearchHtml);
|
|
} else {
|
|
var NotDataHtml = `
|
|
<div class="row">
|
|
<div class="alert alert-danger" style="font-size: 14px; border-radius: 15px;"> <span>${dataSearch.workshopName}</span> هیچ قراردادی ندارد</div>
|
|
</div>
|
|
`;
|
|
$('#RealodData').append(NotDataHtml)
|
|
}
|
|
$('#loadingIndicator').hide();
|
|
$("#RealodData").show();
|
|
},
|
|
failure: function (error) {
|
|
console.log(error);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
</script> |