314 lines
6.9 KiB
Plaintext
314 lines
6.9 KiB
Plaintext
@model AccountManagement.Application.Contracts.Account.AccountLeftWorkViewModel
|
||
@{
|
||
<style>
|
||
.modal-dialog {
|
||
width: 60% !important;
|
||
}
|
||
.box{
|
||
|
||
background-color: #cee8d9;
|
||
align-items: center;
|
||
padding: 7px;
|
||
border-radius: 10px;
|
||
|
||
|
||
}
|
||
|
||
.box2{
|
||
|
||
background-color: #d8f1f1;
|
||
align-items: center;
|
||
padding: 7px;
|
||
border-radius: 10px;
|
||
|
||
|
||
}
|
||
|
||
.mess {
|
||
height: 630px;
|
||
overflow-y: scroll;
|
||
background: aliceblue;
|
||
box-shadow: 0px 1px 15px 0 #b4c0b2;
|
||
border-radius: 20px;
|
||
margin-bottom: 20px;
|
||
padding: 15px;
|
||
font-size: 12px;
|
||
|
||
}
|
||
.date{
|
||
background-color: #fafafa;
|
||
color: rgba(0, 0, 0, 0.6);
|
||
font-size: 14px;
|
||
border: 1px solid #c7c7c7 !important;
|
||
-webkit-border-radius: 2px;
|
||
-moz-border-radius: 2px;
|
||
border-radius: 10px;
|
||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||
border: 1px solid #eee;
|
||
box-shadow: none;
|
||
text-align : center;
|
||
|
||
}
|
||
|
||
.mess::-webkit-scrollbar {
|
||
width: 6px;
|
||
}
|
||
|
||
.mess::-webkit-scrollbar-track {
|
||
background-color: #8bd8ed42;
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.mess::-webkit-scrollbar-thumb {
|
||
background-color: #3159adb8;
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.mess::-webkit-scrollbar-thumb:hover {
|
||
background-color: #aaa;
|
||
}
|
||
@@media screen and (max-width: 1920px) {
|
||
.modal-dialog {
|
||
width: 60% !important;
|
||
}
|
||
}
|
||
|
||
@@media screen and (max-width: 1440px) {
|
||
.modal-dialog {
|
||
width: 60% !important;
|
||
}
|
||
}
|
||
|
||
@@media screen and (max-width: 1360px) {
|
||
.modal-dialog {
|
||
width: 70% !important;
|
||
}
|
||
}
|
||
|
||
|
||
@@media screen and (max-width: 992px) {
|
||
.modal-dialog {
|
||
width: 90% !important;
|
||
}
|
||
}
|
||
</style>
|
||
<style>
|
||
.checkbox-wrapper-26 * {
|
||
-webkit-tap-highlight-color: transparent;
|
||
outline: none;
|
||
}
|
||
|
||
.checkbox-wrapper-26 input[type="checkbox"] {
|
||
display: none;
|
||
}
|
||
|
||
.checkbox-wrapper-26 label {
|
||
--size: 21px;
|
||
--shadow: calc(var(--size) * .07) calc(var(--size) * .1);
|
||
position: relative;
|
||
display: block;
|
||
width: var(--size);
|
||
height: var(--size);
|
||
margin: 0 auto;
|
||
background-color: #8db5d7;
|
||
border-radius: 50%;
|
||
cursor: pointer;
|
||
transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow;
|
||
overflow: hidden;
|
||
z-index: 1;
|
||
}
|
||
|
||
.checkbox-wrapper-26 label:before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 0;
|
||
left: 0;
|
||
width: calc(var(--size) * .7);
|
||
height: calc(var(--size) * .7);
|
||
margin: 0 auto;
|
||
background-color: #fff;
|
||
transform: translateY(-50%);
|
||
border-radius: 50%;
|
||
|
||
transition: 0.2s ease width, 0.2s ease height;
|
||
}
|
||
|
||
.checkbox-wrapper-26 label:hover:before {
|
||
width: calc(var(--size) * .55);
|
||
height: calc(var(--size) * .55);
|
||
|
||
}
|
||
|
||
.checkbox-wrapper-26 label:active {
|
||
transform: scale(0.9);
|
||
}
|
||
|
||
.checkbox-wrapper-26 .tick_mark {
|
||
position: absolute;
|
||
top: -1px;
|
||
right: 0;
|
||
left: calc(var(--size) * -.05);
|
||
width: calc(var(--size) * .6);
|
||
height: calc(var(--size) * .6);
|
||
margin: 0 auto;
|
||
margin-left: calc(var(--size) * .14);
|
||
transform: rotateZ(-40deg);
|
||
}
|
||
|
||
.checkbox-wrapper-26 .tick_mark:before,
|
||
.checkbox-wrapper-26 .tick_mark:after {
|
||
content: "";
|
||
position: absolute;
|
||
background-color: #fff;
|
||
border-radius: 2px;
|
||
opacity: 0;
|
||
transition: 0.2s ease transform, 0.2s ease opacity;
|
||
}
|
||
|
||
.checkbox-wrapper-26 .tick_mark:before {
|
||
left: 0;
|
||
bottom: 0;
|
||
width: calc(var(--size) * .1);
|
||
height: calc(var(--size) * .3);
|
||
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.23);
|
||
transform: translateY(calc(var(--size) * -.68));
|
||
}
|
||
|
||
.checkbox-wrapper-26 .tick_mark:after {
|
||
left: 0;
|
||
bottom: 0;
|
||
width: 100%;
|
||
height: calc(var(--size) * .1);
|
||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.23);
|
||
transform: translateX(calc(var(--size) * .78));
|
||
}
|
||
|
||
.checkbox-wrapper-26 input[type="checkbox"]:checked + label {
|
||
background-color: #07d410;
|
||
box-shadow: 0 var(--shadow) #92ff97;
|
||
}
|
||
|
||
.checkbox-wrapper-26 input[type="checkbox"]:checked + label:before {
|
||
width: 0;
|
||
height: 0;
|
||
}
|
||
|
||
.checkbox-wrapper-26 input[type="checkbox"]:checked + label .tick_mark:before,
|
||
.checkbox-wrapper-26 input[type="checkbox"]:checked + label .tick_mark:after {
|
||
transform: translate(0);
|
||
opacity: 1;
|
||
}
|
||
</style>
|
||
}
|
||
<div class="modal-header" style="border-bottom: unset">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="right: 1%;">×</button>
|
||
<span style="position: fixed;top: 7px;right:7%;">@Model.AccountFullName</span>
|
||
</div>
|
||
|
||
|
||
<div class="row box2" style="margin-top:17px;">
|
||
<div class="col-sm-4">
|
||
<span>کپی کارگاه ها به</span> <span> </span><span>:</span>
|
||
<span dir="ltr"> <input type="text" asp-for="StartDateFa" class="date" /></span>
|
||
<a type="button" class="btn btn-success red">
|
||
<span>تایید</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="col-sm-4 ">
|
||
<span>ترک کار</span> <span> </span><span>:</span>
|
||
<span dir="ltr"> <input type="text" asp-for="LeftDateFa" class="date" /></span>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<span>شروع بکار</span> <span> </span><span>:</span>
|
||
<span dir="ltr"> <input type="text" asp-for="StartDateFa" class="date" /></span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row box2" style="margin-top: 4px;font-size: 12px;background-color: #b5d6e3; ">
|
||
|
||
<div class="col-sm-6 " style="text-align: center">
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<span>--</span>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<span>بیمه</span>
|
||
</div>
|
||
|
||
<div class="col-sm-3">
|
||
<span>مالیات</span>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<span>قرداد و تصفیه</span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<span>نام کارگاه</span>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row mess" style="margin-top: 5px;">
|
||
|
||
@foreach (var item in @Model.WorkshopAccountlist)
|
||
{
|
||
<div class="row box" style="margin-top: 3px; direction: rtl">
|
||
|
||
<div class="col-sm-6 ">
|
||
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="checkbox-wrapper-26">
|
||
<input type="checkbox" id="tax+@item.WorkshopId">
|
||
<label for="tax+@item.WorkshopId">
|
||
<div class="tick_mark"></div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="checkbox-wrapper-26">
|
||
<input type="checkbox" id="insurance+@item.WorkshopId">
|
||
<label for="insurance+@item.WorkshopId">
|
||
<div class="tick_mark"></div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="checkbox-wrapper-26">
|
||
<input type="checkbox" id="contractAndChekouts+@item.WorkshopId">
|
||
<label for="contractAndChekouts+@item.WorkshopId">
|
||
<div class="tick_mark"></div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<span> @item.WorkshopName</span>
|
||
|
||
</div>
|
||
</div>
|
||
}
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|