189 lines
10 KiB
Plaintext
189 lines
10 KiB
Plaintext
@page
|
|
@model ServiceHost.Areas.Client.Pages.Company.RollCall.GroupingModel
|
|
|
|
@{
|
|
string clientVersion = _0_Framework.Application.Version.StyleVersion;
|
|
ViewData["Title"] = " - " + "گروهبندی حضور و غیاب";
|
|
int index = 1;
|
|
int i = 0;
|
|
}
|
|
|
|
@section Styles {
|
|
<link href="~/AssetsClient/css/table-style.css?ver=@clientVersion" rel="stylesheet" />
|
|
<link href="~/AssetsClient/css/table-responsive.css?ver=@clientVersion" rel="stylesheet" />
|
|
<link href="~/assetsclient/css/operation-button.css?ver=@clientVersion" rel="stylesheet" />
|
|
<link href="~/assetsclient/pages/rollcall/css/group.css?ver=@clientVersion" rel="stylesheet" />
|
|
<link href="~/AssetsClient/css/select2.css?ver=@clientVersion" rel="stylesheet" />
|
|
}
|
|
|
|
<div class="content-container">
|
|
|
|
<div class="container-fluid">
|
|
<div class="row p-2">
|
|
<div class="col p-0 m-0 d-flex align-items-center justify-content-between">
|
|
<div class="col d-flex align-items-center justify-content-start">
|
|
<img src="~/AssetsClient/images/icons/workshop.png" alt="" class="img-fluid me-2" style="width: 45px;"/>
|
|
<div>
|
|
<h4 class="title d-flex align-items-center">عملیات گروهبندی حضور و غیاب</h4>
|
|
<div class="title d-flex align-items-center">@Model.WorkshopFullName</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<a asp-page="/Index" class="back-btn" type="button">
|
|
<span>بازگشت</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 p-0 mt-2">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<button class="btnCreateNew" type="button" id="newCreateGroup" style="white-space: nowrap;">
|
|
گروه جدید
|
|
</button>
|
|
<div style="white-space: nowrap;">
|
|
<a class="btn btn-success btn-rounded text-white d-flex align-items-center align-content-center gap-2" href="./grouping/?handler=DownloadExcel">
|
|
<svg width="24" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" fill="#000000">
|
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
<g id="SVGRepo_iconCarrier">
|
|
<defs>
|
|
<style>
|
|
.cls-1 {
|
|
fill: #ffffff;
|
|
}</style>
|
|
</defs> <title></title> <g id="xxx-word"> <path class="cls-1" d="M325,105H250a5,5,0,0,1-5-5V25a5,5,0,1,1,10,0V95h70a5,5,0,0,1,0,10Z"></path> <path class="cls-1" d="M325,154.83a5,5,0,0,1-5-5V102.07L247.93,30H100A20,20,0,0,0,80,50v98.17a5,5,0,0,1-10,0V50a30,30,0,0,1,30-30H250a5,5,0,0,1,3.54,1.46l75,75A5,5,0,0,1,330,100v49.83A5,5,0,0,1,325,154.83Z"></path> <path class="cls-1" d="M300,380H100a30,30,0,0,1-30-30V275a5,5,0,0,1,10,0v75a20,20,0,0,0,20,20H300a20,20,0,0,0,20-20V275a5,5,0,0,1,10,0v75A30,30,0,0,1,300,380Z"></path> <path class="cls-1" d="M275,280H125a5,5,0,1,1,0-10H275a5,5,0,0,1,0,10Z"></path> <path class="cls-1" d="M200,330H125a5,5,0,1,1,0-10h75a5,5,0,0,1,0,10Z"></path> <path class="cls-1" d="M325,280H75a30,30,0,0,1-30-30V173.17a30,30,0,0,1,30-30h.2l250,1.66a30.09,30.09,0,0,1,29.81,30V250A30,30,0,0,1,325,280ZM75,153.17a20,20,0,0,0-20,20V250a20,20,0,0,0,20,20H325a20,20,0,0,0,20-20V174.83a20.06,20.06,0,0,0-19.88-20l-250-1.66Z"></path> <path class="cls-1" d="M152.44,236H117.79V182.68h34.3v7.93H127.4v14.45h19.84v7.73H127.4v14.92h25Z"></path> <path class="cls-1" d="M190.18,236H180l-8.36-14.37L162.52,236h-7.66L168,215.69l-11.37-19.14h10.2l6.48,11.6,7.38-11.6h7.46L177,213.66Z"></path> <path class="cls-1" d="M217.4,221.51l7.66.78q-1.49,7.42-5.74,11A15.5,15.5,0,0,1,209,236.82q-8.17,0-12.56-6a23.89,23.89,0,0,1-4.39-14.59q0-8.91,4.8-14.73a15.77,15.77,0,0,1,12.81-5.82q12.89,0,15.35,13.59l-7.66,1.05q-1-7.34-7.23-7.34a6.9,6.9,0,0,0-6.58,4,20.66,20.66,0,0,0-2.05,9.59q0,6,2.13,9.22a6.74,6.74,0,0,0,6,3.24Q215.49,229,217.4,221.51Z"></path> <path class="cls-1" d="M257,223.42l8,1.09a16.84,16.84,0,0,1-6.09,8.83,18.13,18.13,0,0,1-11.37,3.48q-8.2,0-13.2-5.51t-5-14.92q0-8.94,5-14.8t13.67-5.86q8.44,0,13,5.78t4.61,14.84l0,1H238.61a22.12,22.12,0,0,0,.76,6.45,8.68,8.68,0,0,0,3,4.22,8.83,8.83,0,0,0,5.66,1.8Q254.67,229.83,257,223.42Zm-.55-11.8a9.92,9.92,0,0,0-2.56-7,8.63,8.63,0,0,0-12.36-.18,11.36,11.36,0,0,0-2.89,7.13Z"></path> <path class="cls-1" d="M282.71,236h-8.91V182.68h8.91Z"></path> </g>
|
|
</g>
|
|
</svg>
|
|
خروجی EXCEL
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid">
|
|
<div class="row px-2">
|
|
<div class="col-12 p-0 mb-2 d-none d-md-block">
|
|
<div class="search-box card border-0">
|
|
<div class="d-flex align-items-center gap-2">
|
|
|
|
<div class="col-3 col-xl-2">
|
|
<select class="form-select select2Option" aria-label="انتخاب پرسنل ..." id="employeeSelect">
|
|
<option value="0">انتخاب پرسنل ...</option>
|
|
@foreach (var itemEmployee in Model.RollCallEmployeeList)
|
|
{
|
|
<option value="@itemEmployee.EmployeeId">@itemEmployee.EmployeeFullName</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
|
|
<button class="btn-search btn-w-size btn-search-click text-nowrap d-flex align-items-center justify-content-center" id="searchBtn" type="submit">
|
|
<span>جستجو</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<circle cx="11" cy="11" r="6" stroke="white" />
|
|
<path d="M20 20L17 17" stroke="white" stroke-linecap="round" />
|
|
</svg>
|
|
</button>
|
|
<a asp-page="/Company/RollCall/Grouping" class="btn-clear-filter btn-w-size text-nowrap d-flex align-items-center justify-content-center disable" id="filterRemove" style="padding: 7px 10px;">
|
|
<span>حذف جستجو</span>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- List Items -->
|
|
<div class="container-fluid">
|
|
|
|
@if (Model.GroupedAllEmployees==false)
|
|
{
|
|
<div class="row p-2">
|
|
<div class="msg-note" style="background: #ff9696; font-size: 16px; color: #ffffff">
|
|
<div class="row align-items-center">
|
|
<div class="col-12 text-start">
|
|
<div class="d-flex align-items-center">
|
|
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="18" cy="18" r="13.5" fill="#2FC1C1"></circle>
|
|
<path d="M19.5 10.5C19.5 11.3284 18.8284 12 18 12C17.1716 12 16.5 11.3284 16.5 10.5C16.5 9.67157 17.1716 9 18 9C18.8284 9 19.5 9.67157 19.5 10.5Z" fill="white"></path>
|
|
<path stroke-width="1.5" d="M18 24.75V17.25C18 15.8358 18 15.1287 17.5607 14.6893C17.1213 14.25 16.4142 14.25 15 14.25V14.25M18 24.75H20.25M18 24.75H15.75" stroke="white"></path>
|
|
</svg>
|
|
<p class="m-0 ms-2">توجه داشته باشید تا زمانی که تمامی پرسنل شما گروهبندی نشده اند قادر به استفاده از بخش های حضور غیاب جاری و سوابق حضور غیاب نمی باشید</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
|
|
<div class="row px-lg-1">
|
|
|
|
<div class="col-12 col-md-6 col-lg-5 p-0">
|
|
<div class="wrapper list-box w-100 table-rollcall-group1">
|
|
<div class="Rtable Rtable--5cols Rtable--collapse">
|
|
|
|
<div class="Rtable-row Rtable-row--head align-items-center d-none d-md-flex mb-2 px-2">
|
|
<div class="Rtable-cell column-heading width1">ردیف</div>
|
|
<div class="Rtable-cell column-heading width2">نام گروه</div>
|
|
<div class="Rtable-cell column-heading text-center width3">ساعت کاری</div>
|
|
<div class="Rtable-cell column-heading width5 text-end">عملیات</div>
|
|
</div>
|
|
|
|
<div class="w-100" id="ajaxDataMain"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-lg-7 p-0 d-none d-md-flex">
|
|
<div class="wrapper list-box w-100 table-rollcall-group2">
|
|
<div class="Rtable Rtable--5cols Rtable--collapse">
|
|
|
|
<div class="Rtable-row Rtable-row--head align-items-center d-flex mb-2 px-3">
|
|
<div class="Rtable-cell column-heading width1">ردیف</div>
|
|
<div class="Rtable-cell column-heading width2">نام پرسنل</div>
|
|
<div class="Rtable-cell column-heading text-center width3">نوع ساعت کاری</div>
|
|
<div class="Rtable-cell column-heading text-center width4">ساعت کاری</div>
|
|
<div class="Rtable-cell column-heading text-end width5">عملیات</div>
|
|
</div>
|
|
|
|
<div class="w-100 overflow-auto" id="loadAccountItems"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="MainModal" class="modal fade groupWorkModal" aria-labelledby="myModalLabel" data-bs-backdrop="static" aria-hidden="true" tabindex="-1" style="display: none;">
|
|
<div class="modal-dialog modal-md modal-dialog-centered groupWorkModal-width">
|
|
<div class="modal-content" id="ModalContent">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@section Script {
|
|
<script src="~/assetsclient/js/site.js?ver=@clientVersion"></script>
|
|
<script src="~/assetsadminnew/libs/sweetalert2/sweetalert2.all.min.js"></script>
|
|
<script>
|
|
var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
|
|
var loadWorkshopSettingsDataAjax = `@Url.Page("./Grouping", "WorkshopSettingsDataAjax")`;
|
|
var loadEmployeesGroupAjax = `@Url.Page("./Grouping", "EmployeesGroupAjax")`;
|
|
var loadEmployeesGroupSettingsByEmployeeIdAjax = `@Url.Page("./Grouping", "EmployeesGroupSettingsByEmployeeId")`;
|
|
var removeGroupAjax = `@Url.Page("./Grouping", "DeleteGroup")`;
|
|
var removeEmployeeFromGroupAjax = `@Url.Page("./Grouping", "RemoveEmployee")`;
|
|
var workshopSettingId = Number((@Model.RollCallWorkshopSettings.Id));
|
|
var isShiftChangedGlobal = false;
|
|
var titleOfGroup = "";
|
|
|
|
// check and show modal Camera Account And Workshop Setting
|
|
var statusCameraAccountAndWorkshopSettingUrl = `@Url.Page("./Index", "StatusCameraAccountAndWorkshopSetting")`;
|
|
var saveCameraAccountUrl = `@Url.Page("./Index", "SaveCameraAccountAndWorkshopSetting")`;
|
|
</script>
|
|
<script src="~/assetsclient/pages/rollcall/js/grouping.js?ver=@clientVersion"></script>
|
|
} |