203 lines
8.3 KiB
Plaintext
203 lines
8.3 KiB
Plaintext
@page
|
|
@model ServiceHost.Areas.Client.Pages.Company.RollCall.EmployeeUploadPictureModel
|
|
@{
|
|
string clientVersion = _0_Framework.Application.Version.StyleVersion;
|
|
Layout = "Shared/_ClientLayout";
|
|
ViewData["title"] = " - آپلود عکس پرسنل";
|
|
int index = 1;
|
|
}
|
|
|
|
@section Styles {
|
|
<link href="~/AssetsClient/css/table-style.css?ver=?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/css/select2.css?ver=@clientVersion" rel="stylesheet" />
|
|
<link href="~/assetsclient/css/rollcall-list.css?ver=@clientVersion" rel="stylesheet" />
|
|
<style>
|
|
.btnAdd {
|
|
background-color: #84CC16;
|
|
border-radius: 7px;
|
|
padding: 3px 12px;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
color: #fff;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
@@media (max-width: 992px) {
|
|
.btnAdd {
|
|
margin:0 .4rem;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 768px) {
|
|
.btnAdd {
|
|
margin:0;
|
|
}
|
|
}
|
|
|
|
.pendingPersonnel{
|
|
background-color: #FEFCE8 !important;
|
|
border: 1px solid #EAB308 !important;
|
|
}
|
|
|
|
.pendingPersonnelStatus {
|
|
color: #854D0E;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.colorSpan {
|
|
color: #0B5959 !important;
|
|
background: #C7F8F8 !important;
|
|
}
|
|
|
|
.colorDiv {
|
|
}
|
|
|
|
|
|
</style>
|
|
}
|
|
|
|
<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/personalList.png" alt="" class="img-fluid me-2" style="width: 45px;" />
|
|
<div>
|
|
<h4 class="title d-flex align-items-center">آپلود عکس پرسنل</h4>
|
|
<div>@Model.WorkshopFullName</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<a asp-page="/Company/RollCall/Index" class="back-btn" type="button">
|
|
<span>بازگشت</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="btn btn-rounded mb-5 goToTop"> <i class="fa fa-chevron-up" style="font-size: 20px"></i> برو بالا</button>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="msg-note my-1">
|
|
<div class="row align-items-center">
|
|
<div class="col-12 col-md-4 text-center text-md-start">
|
|
<div class="d-flex align-items-center justify-content-center justify-content-md-start">
|
|
<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">تعداد پرسنل سرویس خریداری شده: <span id="maxPersonValid">@Model.MaxPersonValid</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 text-center text-md-center">
|
|
<p class="m-0">تعداد افراد فعال: <span id="isTrueActiveCount"></span></p>
|
|
</div>
|
|
<div class="col-12 col-md-4 text-center text-md-end">
|
|
<p class="m-0 me-2">تعداد افراد غیرفعال: <span id="isFalseActiveCount"></span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="search-box card border-0">
|
|
<div class="row align-items-center px-1">
|
|
<div class="col-6 col-md-3 pe-1">
|
|
<input type="text" id="personnelSearch" class="form-control" placeholder="جستجو پرسنل">
|
|
</div>
|
|
<div class="col-6 ps-1">
|
|
<div class="d-flex gap-2">
|
|
<button class="btn-search btn-w-size btn-search-click text-nowrap d-flex align-items-center justify-content-center" id="searchBtn" type="button" onclick="handlerSearch()">
|
|
<span>جستجو</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20" class="ms-1">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
|
|
</svg>
|
|
</button>
|
|
<button type="button" class="btn-clear-filter btn-w-size text-nowrap d-flex align-items-center justify-content-center disable" id="filterRemove">
|
|
<span>حذف جستجو</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row px-lg-2 p-auto">
|
|
<div class="wrapper bg-white my-1 list-box table-rollcall">
|
|
<button class="btnAdd" id="addEmployee" onclick="openCreateEmployeeModal()">
|
|
<span>
|
|
<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>
|
|
</span>
|
|
ایجاد پرسنل
|
|
</button>
|
|
@if (@Model.HasEmployees)
|
|
{
|
|
<div class="Rtable Rtable--collapse">
|
|
<div class="Rtable-row Rtable-row--head align-items-center sticky">
|
|
<div class="Rtable-cell column-heading width1">ردیف</div>
|
|
<div class="Rtable-cell column-heading width2">نام و نام خانوادگی</div>
|
|
<div class="Rtable-cell column-heading width3">کد ملی</div>
|
|
<div class="Rtable-cell column-heading width4">وضعیت عکس</div>
|
|
<div class="Rtable-cell column-heading width5 text-end">عملیات</div>
|
|
</div>
|
|
|
|
<div id="loadingSkeleton" style="display: contents;">
|
|
@for (int j = 0; j < 30; j++)
|
|
{
|
|
<div class="skeleton-loader" style="margin: 2px 0 !important;"></div>
|
|
}
|
|
</div>
|
|
|
|
<div class="Rtable Rtable--collapse w-100" id="ajaxDataLoad">
|
|
|
|
</div>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="text-center bg-white d-flex align-items-center justify-content-center">
|
|
<div class="">
|
|
<img src="~/assetsclient/images/empty.png" alt="" class="img-fluid"/>
|
|
<h5>اطلاعاتی وجود ندارد.</h5>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="MainModal" class="modal fade personalListModal" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
|
|
<div class="modal-dialog modal-md modal-dialog-centered">
|
|
<div class="modal-content" id="ModalContent">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input type="hidden" asp-for="@Model.HasEmployees" value="@Model.HasEmployees" id="hasEmployee" />
|
|
@section Script {
|
|
<script src="~/assetsadminnew/libs/sweetalert2/sweetalert2.all.min.js"></script>
|
|
<script src="~/assetsclient/js/site.js?ver=@clientVersion"></script>
|
|
<script>
|
|
var antiForgeryToken = $('@Html.AntiForgeryToken()').val();
|
|
var loadEmployeeUploadDataAjax = `@Url.Page("EmployeeUploadPicture", "EmployeeUploadDataAjax")`;
|
|
var loadInfoCountAjax = `@Url.Page("EmployeeUploadPicture", "LoadInfoCount")`;
|
|
var checkModalTakeImageAjax = `@Url.Page("EmployeeUploadPicture", "CheckModalTakeImage")`;
|
|
var deActivePersonnelAjax = `@Url.Page("./EmployeeUploadPicture", "DeActivePersonnel")`;
|
|
var activePersonnelAjax = `@Url.Page("./EmployeeUploadPicture", "ActivePersonnel")`;
|
|
|
|
</script>
|
|
<script src="~/assetsclient/pages/rollcall/js/employeeuploadpicture.js?ver=@clientVersion"></script>
|
|
} |