Files
Backend-Api/ServiceHost/Areas/Admin/Pages/Company/Checkouts/RotatingShiftReport.cshtml
2025-04-28 19:48:54 +03:30

144 lines
5.5 KiB
Plaintext

@model CompanyManagment.App.Contracts.Contract.ComputingViewModel
@{
<style>
.modal .modal-dialog .modal-content{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #DDDDDD;
padding: 0px 30px;
border-radius: 10px;
background-color: #ededed;
border: none;
}
.modal2-btns {
float: left;
padding: 15px;
}
.modal2-btn {
border-radius: 16px;
font-size: 12px;
}
.modal-body2 {
background-color: #f2fbfb;
width: 100%;
height: 644px;
border-radius: 25px;
position: absolute;
}
.rotateHead {
width: 100%;
margin-top: 10px;
height: 20px;
background-color: #eb950a;
box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 19%);
border-radius: 10px;
color: #fff;
font-size: 12px;
line-height: 1.7;
}
.rotateItems {
width: 100%;
margin-top: 3px;
height: 17px;
box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 19%);
border-radius: 10px;
font-size: 12px;
}
.rotateParntModal {
height: 600px !important;
}
</style>
}
<div class="modal-body2" dir="rtl">
@if (@Model.RotatingStatus != "نوبت کاری ندارد")
{
<div class="row">
<div class="col-xs-3"></div>
<div class="col-xs-3">
<h5>@Model.RotatingStatus</h5>
</div>
<div class="col-xs-3">
<h5>وضعیت نوبت کاری : </h5>
</div>
<div class="col-xs-3"></div>
</div>
}
<div class="container" style="height: 550px">
<div class="rotateHead">
<span style="border-left: 1px solid;padding: 0px 30px;">تاریخ</span>
<span style="border-left: 1px solid;padding: 0px 10px;"> کارکرد صبح </span>
<span style="border-left: 1px solid;padding: 0px 10px;"> کارکرد عصر </span>
<span style="border-left: 1px solid;padding: 0px 10px;"> کارکرد شب </span>
<span style="border-left: 1px solid;padding: 0px 10px;"> نوبت صبح </span>
<span style="border-left: 1px solid;padding: 0px 10px;"> نوبت عصر </span>
<span style="padding: 0px 10px;"> نوبت شب </span>
</div>
<div id="rotatingList">
@{
if (@Model.RotatingStatus == "نوبت کاری ندارد")
{
<div class="row">
<div class="col-xs-4"></div>
<div class="col-xs-4">
<h3>نوبت کاری ندارد</h3>
</div>
<div class="col-xs-4"></div>
</div>
}
else
{
@foreach (var item in @Model.RotatingResultList)
{
<div class="rotateItems">
<span style="border-left: 1px solid;padding: 0px 15px;width : 15.3%;display:inline-block;font-family: 'IranText' !important;font-size: 10px;">@item.RotatingDate</span>
<span style="border-left: 1px solid;padding: 0px 22px;width: 14%;display: inline-block;">@item.MorningString</span>
<span style="border-left: 1px solid;padding: 0px 20px;display: inline-block;width: 13.1%;">@item.EveningString </span>
<span style="border-left: 1px solid;padding: 0px 22px;display: inline-block;width: 13.2%;">@item.NightString</span>
<span style="border-left: 1px solid;padding: 0px 30px;display: inline-block;width: 13%;">
@if (item.IsMorningShift == true) {
<i class="ion-checkmark-circled" style="color: #1bff01;"></i>
}else{
<i class="ion-checkmark-circled" style="color: #f2fbfb;"></i>
}
</span>
<span style="border-left: 1px solid;padding: 0px 30px;display: inline-block;width: 12.7%;">
@if (item.IsEveningShift == true) {
<i class="ion-checkmark-circled" style="color: #1bff01;"></i>
}else{
<i class="ion-checkmark-circled" style="color: #f2fbfb;"></i>
}
</span>
<span style="padding: 0px 30px;display: inline-block;width: 12.7%;">
@if (item.IsNightShift == true) {
<i class="ion-checkmark-circled" style="color: #1bff01;"></i>
}else{
<i class="ion-checkmark-circled" style="color: #f2fbfb;"></i>
}
</span>
</div>
}
}
}
</div>
</div>
<div class="row">
<div class="col-md-9"></div>
<div class="modal2-btns col-md-3">
<a type="button" id="closeRotate" class="btn pull-left m-l-10" style="background-color: #e7f2f3;border-radius: 15px;box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 19%);" data-dismiss="modal" data-parent-modal="#edit-modal">بستن</a>
</div>
</div>
</div>