119 lines
4.6 KiB
Plaintext
119 lines
4.6 KiB
Plaintext
@model CompanyManagment.App.Contracts.Employee.CreateEmployeeByClient
|
|
|
|
@{
|
|
string clientVersion = _0_Framework.Application.Version.StyleVersion;
|
|
<link href="~/assetsclient/pages/employees/css/modaltakeimages.css?ver=@clientVersion" rel="stylesheet" />
|
|
}
|
|
|
|
<div class="d-flex flex-column justify-content-center h-75 text-center desktopNotif">
|
|
<div>
|
|
<svg width="100px" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 621.6 721.91">
|
|
<defs>
|
|
<style>
|
|
.clsd-1 {
|
|
fill: url(#linear-gradient-2);
|
|
}
|
|
|
|
.clsd-2 {
|
|
fill: url(#linear-gradient-3);
|
|
}
|
|
|
|
.clsd-3 {
|
|
fill: url(#linear-gradient);
|
|
}
|
|
</style>
|
|
<linearGradient id="linear-gradient" x1="0" y1="481.82" x2="621.6" y2="481.82" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#30c1c1" />
|
|
<stop offset="1" stop-color="#087474" />
|
|
</linearGradient>
|
|
<linearGradient id="linear-gradient-2" x1="217.07" y1="187.47" x2="523.83" y2="187.47" xlink:href="#linear-gradient" />
|
|
<linearGradient id="linear-gradient-3" x1="1.3" y1="146.6" x2="395.56" y2="146.6" xlink:href="#linear-gradient" />
|
|
</defs>
|
|
<polygon class="clsd-3" points="0 328.82 129.91 244.95 129.91 453.87 310.8 562.4 488.4 453.87 488.4 355.2 310.8 355.2 488.4 241.73 621.6 241.73 621.6 541.02 310.8 721.91 0 541.02 0 328.82" />
|
|
<polygon class="clsd-1" points="217.07 309.16 217.07 192.4 426.8 65.78 523.83 123.33 217.07 309.16" />
|
|
<polyline class="clsd-2" points="308.61 0 395.56 47.69 1.3 293.19 1.3 184.66 308.61 0" />
|
|
</svg>
|
|
<h5 class="mt-2 title-logo">سامانه هوشمند گزارشگیر</h5>
|
|
</div>
|
|
<div>
|
|
<p>برای آپلود عکس حضور و غیاب میباست از گوشی استفاده نمایید!</p>
|
|
</div>
|
|
</div>
|
|
<div class="row mobileNotif">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="panel panel-default">
|
|
<form asp-page="./Index" asp-page-handler="TakePicture" id="test"
|
|
method="post"
|
|
data-ajax="true"
|
|
data-callback=""
|
|
data-action="Refresh"
|
|
enctype="multipart/form-data">
|
|
<div class="panel-body text-center" style="display: flex; flex-flow: column; align-items: center;">
|
|
<div id="result1" style="margin-bottom: 5px;"></div>
|
|
<div id="result2" style="margin-bottom: 5px;"></div>
|
|
<div id="demoResult1" class="image-show">
|
|
<button type="button" class="upload-image1">
|
|
<p class="textUpload">
|
|
عکس اول
|
|
</p>
|
|
</button>
|
|
@* <img style="width: 100%; height: 100%; border-radius: 10px;" id="pic1" data-uri="" src="" id="picture1" /> *@
|
|
<div class="loadingImage" id="loadingImage1">
|
|
<div class="spinner-border" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="demoResult2" class="image-show">
|
|
<button type="button" class="upload-image2">
|
|
<p class="textUpload">
|
|
عکس دوم
|
|
</p>
|
|
</button>
|
|
@* <img style="width: 100%; height: 100%; border-radius: 10px;" id="pic2" data-uri="" src="" id="picture2" /> *@
|
|
<div class="loadingImage" id="loadingImage2">
|
|
<div class="spinner-border" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-3">
|
|
<div class="col-12 position-relative overflow-hidden" style="height: 20px; direction: ltr;">
|
|
<div class="spinner-loading-progress loading" style="display: none; border-radius: 6px; position: unset;">
|
|
<span id="progressBar" style="color: #ffffff"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="~/weights/face-api.js"></script>
|
|
<script src="~/AssetsClient/libs/jslib-html5-camera/jslib-html5-camera-photo.min.js"></script>
|
|
<script>
|
|
// take picture and faceapi
|
|
var takeEmployeePictureAjax = `@Url.Page("/Company/Employees/EmployeeList", "TakePicture")`;
|
|
var takePictureRollCallAjax = `@Url.Page("/Company/RollCall/EmployeeUploadPicture", "TakePicture")`;
|
|
|
|
var hasPicture = false;
|
|
var checkFace1 = false;
|
|
var checkFace2 = false;
|
|
// @* var hasUploadedImage = `@(Model.HasUploadedImage)` === "True" ? true : false; *@
|
|
|
|
var hasPicture = false;
|
|
var checkFace1 = false;
|
|
var checkFace2 = false;
|
|
var hasUploadedImage = false;
|
|
|
|
var hasErrorPic1 = false;
|
|
var hasErrorPic2 = false;
|
|
</script>
|
|
<script src="~/assetsclient/pages/employees/js/modaluploadimagepersonnel.js"></script> |