282 lines
7.9 KiB
Plaintext
282 lines
7.9 KiB
Plaintext
@model CompanyManagment.App.Contracts.RollCall.CreateOrEditEmployeeRollCall
|
|
@{
|
|
string clientVersion = _0_Framework.Application.Version.StyleVersion;
|
|
<link rel="stylesheet" href="~/AssetsClient/css/rollcall-package.css?ver=@clientVersion">
|
|
<link href="~/AssetsClient/css/select2.css" rel="stylesheet" />
|
|
<style>
|
|
.errored {
|
|
animation: shake 300ms;
|
|
color: #eb3434 !important;
|
|
background-color: #fef2f2 !important;
|
|
border: 1px solid #eb3434 !important;
|
|
}
|
|
|
|
.modalRollCallWidth {
|
|
max-width: 670px;
|
|
}
|
|
|
|
.modal-dialog, .modal-content {
|
|
height: 510px;
|
|
}
|
|
|
|
.timeWorkTitle {
|
|
color: #5C5C5C;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
margin: auto 0 auto 6px;
|
|
white-space: nowrap;
|
|
width: 100px;
|
|
}
|
|
|
|
.groupBox {
|
|
background-color: #F5F5F5;
|
|
border-radius: 10px;
|
|
border: 1px solid #E7E7E7;
|
|
padding: 6px;
|
|
margin: 6px 3px;
|
|
}
|
|
|
|
.groupBox .form-control {
|
|
background-color: #ffffff;
|
|
padding: .375rem .35rem;
|
|
}
|
|
|
|
.groupBox .form-control::placeholder {
|
|
color: #bfbfbf;
|
|
opacity: 1; /* Firefox */
|
|
}
|
|
|
|
.groupBox .form-control::-ms-input-placeholder { /* Edge 12-18 */
|
|
color: #bfbfbf;
|
|
}
|
|
|
|
.btnAddTimeWork {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #84CC16;
|
|
border-radius: 5px;
|
|
color: #ffffff;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.removeBtn {
|
|
width: 42px
|
|
}
|
|
|
|
.btnRemoveTimeWork {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background-color: #F87171;
|
|
border-radius: 7px;
|
|
/* padding: 3px; */
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ShowMessage {
|
|
position: absolute;
|
|
background: #dfdfdf;
|
|
width: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.heightControll {
|
|
height: 240px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
|
|
.allSumtxt {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: #7f7f7f;
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 6px;
|
|
}
|
|
|
|
.startDatetxt {
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
color: #5C5C5C;
|
|
background-color: #ECFCCA;
|
|
border: 1px solid #AAE729;
|
|
width: 140px;
|
|
padding: 5px;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.endDatetxt {
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
color: #5C5C5C;
|
|
background-color: #ECFCCA;
|
|
border: 1px solid #AAE729;
|
|
width: 140px;
|
|
padding: 4px 5px;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.cusDateTime {
|
|
width: 66px;
|
|
}
|
|
|
|
@@media (max-width: 768px) {
|
|
.cusDateTime {
|
|
width: 100%;
|
|
}
|
|
|
|
.mainDate {
|
|
width: 70px;
|
|
}
|
|
|
|
.startDatetxt {
|
|
font-size: 10px;
|
|
font-weight: 800;
|
|
width: 70px;
|
|
}
|
|
|
|
.endDatetxt {
|
|
font-size: 10px;
|
|
font-weight: 800;
|
|
width: 70px;
|
|
}
|
|
|
|
.form-control-date {
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
</style>
|
|
}
|
|
|
|
<form role="form" method="post" name="create-form" id="create-form" autocomplete="off">
|
|
|
|
<div class="modal-content">
|
|
<div class="modal-header d-block text-center mb-2">
|
|
<button type="button" class="btn-close position-absolute text-start" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
<h4 class="textListTitle">افزودن ساعت حضور و غیاب</h4>
|
|
<h6 class="textListTitle" id="modalWorkshopFullname"></h6>
|
|
</div>
|
|
|
|
<div class="modal-body py-0">
|
|
<div class="container p-0 m-0">
|
|
<div class="row">
|
|
<div class="col-12 my-1">
|
|
<div class="select-alert">
|
|
<div class="position-relative">
|
|
<select class="form-select select2OptionAddModal" aria-label="انتخاب پرسنل ..." name="Command.EmployeeId" id="employeeSelectAddModal">
|
|
</select>
|
|
<span class="allSumtxt"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 my-1 position-relative">
|
|
<input class="form-control form-control-date-main text-center" name="Command.DateFa" placeholder="تاریخ" style="direction: ltr" />
|
|
</div>
|
|
|
|
<div class="col-12 my-1 text-center d-flex align-items-center justify-content-center">
|
|
<div id="resultCalculateRollCallsTotal" style="font-size: 12px; border: 1px solid #04AAB6; border-radius: 5px; padding: 2px 10px; background: #E7F3F4;width: 170px;display: none"></div>
|
|
</div>
|
|
|
|
<div class="heightControll">
|
|
<div class="col-12" id="appendChildTimeWorkHtml">
|
|
<div class="groupBox">
|
|
<div class="groupBox">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<div class="timeWorkTitle">
|
|
نوبت اول
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center justify-content-between gap-2">
|
|
<span class="startDatetxt">-</span>
|
|
<input type="text" class="form-control text-center form-control-date StartDate" name="Command.RollCallRecords[0].StartDate" placeholder="0000/00/00" style="direction: ltr;">
|
|
<input type="text" class="form-control text-center cusDateTime dateTime StartTime" name="Command.RollCallRecords[0].StartTime" placeholder="00:00" style="direction: ltr;">
|
|
</div>
|
|
|
|
<div class="mx-2">
|
|
الی
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center justify-content-between gap-2">
|
|
<input type="text" class="form-control text-center cusDateTime dateTime EndTime" name="Command.RollCallRecords[0].EndTime" placeholder="00:00" style="direction: ltr;">
|
|
<input type="text" class="form-control text-center form-control-date EndDate" name="Command.RollCallRecords[0].EndDate" placeholder="0000/00/00" style="direction: ltr;">
|
|
<span class="endDatetxt">-</span>
|
|
</div>
|
|
|
|
<div class="removeBtn ms-2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center justify-content-center w-100 my-2">
|
|
<button type="button" class="btnAddTimeWork">
|
|
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="11" cy="11" r="8.25" stroke="white" />
|
|
<path d="M11 13.75L11 8.25" stroke="white" stroke-linecap="round" />
|
|
<path d="M13.75 11L8.25 11" stroke="white" stroke-linecap="round" />
|
|
</svg>
|
|
<div class="mx-1 btnAppendChildTimeWork">افزودن نوبت دوم</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="ShowMessage d-none">
|
|
<p class="m-0" id="ShowSettingMessage"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<div class="container m-0">
|
|
<div class="row">
|
|
<div class="col-6 text-end">
|
|
<button type="button" class="btn-cancel2 d-flex justify-content-center w-100" id="prev-step" data-bs-dismiss="modal" aria-label="Close">انصراف</button>
|
|
</div>
|
|
<div class="col-6 text-start">
|
|
<button type="button" class="btn-register w-100 position-relative" id="next-step">
|
|
<span>ثبت</span>
|
|
<div class="spinner-loading loading" style="display: none;">
|
|
<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
<script src="~/assetsclient/libs/jalaali-js/jalaali.js"></script>
|
|
<script src="~/assetsclient/libs/cleave/cleave.min.js"></script>
|
|
|
|
<script>
|
|
var antiForgeryToken = $('@Html.AntiForgeryToken()').val();
|
|
var saveRollCallWorkTimeAjax = `@Url.Page("./CaseHistory", "ManualCreateOrEdit")`;
|
|
var employeeListAjax = `@Url.Page("./CaseHistory", "EmployeeList")`;
|
|
var checkEmployeeData = `@Url.Page("./CaseHistory", "CheckEmployeeData")`;
|
|
var dayOfWeekDataUrl = `@Url.Page("./CaseHistory", "DayOfWeek")`;
|
|
var totalWorkingDataUrl = `@Url.Page("./CaseHistory", "TotalWorking")`;
|
|
var calculateRollCallsTotalDurationDataUrl = `@Url.Page("./CaseHistory", "CalculateRollCallsTotalDuration")`;
|
|
</script>
|
|
<script src="~/assetsclient/pages/rollcall/js/ModalAddRollCall.js?ver=@clientVersion"></script> |