196 lines
12 KiB
Plaintext
196 lines
12 KiB
Plaintext
@page
|
|
@using Version = _0_Framework.Application.Version
|
|
@model ServiceHost.Areas.Client.Pages.IndexModel
|
|
|
|
@{
|
|
|
|
<style>
|
|
|
|
</style>
|
|
}
|
|
|
|
<!-- MAIN CONTENT -->
|
|
<div class="p-2 content-container">
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 col-lg-12 col-xl-7 mb-3 mb-xl-0 d-none d-md-block">
|
|
<div class="card px-2">
|
|
<div class="dashboard-image-section">
|
|
<div class="overlay">
|
|
<div class="p-4 text-white">
|
|
<h3>به سامانه گزارشگیر خوش آمدید</h3>
|
|
<h5>خوش آمدید به دنیای پرانرژی سامانه هوشمند مدیریت منابع انسانی. ما خوشحالیم که شما را در اینجا میبینیم.</h5>
|
|
</div>
|
|
</div>
|
|
<img src="~/AssetsClient/images/dashboard.jpg" alt="" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-12 col-xl-5">
|
|
<div class="card px-2">
|
|
<div class="d-flex align-items-center justify-content-between d-none d-md-flex">
|
|
<div>
|
|
<h5 class="title">تقویم</h5>
|
|
</div>
|
|
|
|
<div>
|
|
<h5 class="title">@Model.TodayDate</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="weekDisplay">
|
|
@foreach (var calender in @Model.CalenderViewModels)
|
|
{
|
|
<div class="wDisplayDay @(calender.IsToday ? "active" : "")">
|
|
<p class="dayNameX @(calender.Holiday || @calender.DayOfWeek == "آدینه" ? "text-danger" : "")">@calender.DayOfWeek</p>
|
|
<h3 class="dayNumY @(calender.Holiday || @calender.DayOfWeek == "آدینه" ? "text-danger" : "")">@calender.DayNumber</h3>
|
|
@* <h3 class="">@calender.Holiday</h3> *@
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-4 mt-3">
|
|
<div class="card p-0">
|
|
<div class="card-btn">
|
|
<img src="~/AssetsClient/images/btn-image/leave.jpg" class="img-fluid">
|
|
<div class="content">
|
|
<div class="title-btn">ثبت مرخصی</div>
|
|
</div>
|
|
<div class="content-bottom">
|
|
<button onclick="location.href='#showmodal=@Url.Page("./Index", "LeaveCreate")';">
|
|
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12 6L12 18" stroke="#0f8e9f" stroke-width="2" stroke-linecap="round" />
|
|
<path d="M18 12L6 12" stroke="#0f8e9f" stroke-width="2" stroke-linecap="round" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> *@
|
|
|
|
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-4 mt-3">
|
|
<div class="card p-0">
|
|
<div class="card-section-btn" id="btnCardLeaveIntro">
|
|
<div class="content btn-group">
|
|
<button class="btn loadingButton" onclick="location.href='#showmodal=@Url.Page("./Index", "LeaveCreate")';">
|
|
<svg width="50" viewBox="0 0 1000 1000" style="margin: 0 0 0 6px;">
|
|
<path fill="none" stroke="#158D8D" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" d="M547.17,761.89H162.16c-34.33,0-62.16-27.83-62.16-62.16V300.26v-51.2c0-34.33,27.83-62.16,62.16-62.16h560.68 c34.33,0,62.16,27.83,62.16,62.16v287.26" />
|
|
<line fill="none" stroke="#158D8D" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="785" y1="296.85" x2="100" y2="296.85" />
|
|
<line fill="none" stroke="#158D8D" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="238" y1="186.89" x2="238" y2="136" />
|
|
<line fill="none" stroke="#158D8D" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="647" y1="186.89" x2="647" y2="136" />
|
|
<circle fill="none" stroke="#2FBFBF" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" cx="719" cy="703.61" r="181" />
|
|
<line fill="none" stroke="#2FBFBF" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="821.91" y1="703.61" x2="616.09" y2="703.61" />
|
|
<line fill="none" stroke="#2FBFBF" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="719" y1="806.52" x2="719" y2="600.69" />
|
|
</svg>
|
|
<p class="btn-title text-nowrap m-0">ثبت مرخصی</p>
|
|
<div class="spinner-loading loading rounded-0" style="display: none;">
|
|
<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
|
|
</div>
|
|
</button>
|
|
<button class="btn loadingButton" onclick="location.href='/Client/Company/Employees/Leave';">
|
|
<svg width="50" viewBox="0 0 1000 1000" style="margin: 0 0 0 6px;">
|
|
<path fill="none" stroke="#158D8D" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" d="M547.17,761.89H162.16c-34.33,0-62.16-27.83-62.16-62.16V300.26v-51.2c0-34.33,27.83-62.16,62.16-62.16h560.68 c34.33,0,62.16,27.83,62.16,62.16v287.26" />
|
|
<line fill="none" stroke="#158D8D" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="785" y1="296.85" x2="100" y2="296.85" />
|
|
<line fill="none" stroke="#158D8D" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="238" y1="186.89" x2="238" y2="136" />
|
|
<line fill="none" stroke="#158D8D" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="647" y1="186.89" x2="647" y2="136" />
|
|
<circle fill="none" stroke="#2FBFBF" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" cx="719" cy="703.61" r="181" />
|
|
<line fill="none" stroke="#2FBFBF" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="813.91" y1="717.6" x2="711" y2="717.6" />
|
|
<line fill="none" stroke="#2FBFBF" stroke-width="40" stroke-linecap="round" stroke-miterlimit="10" x1="711" y1="717" x2="711" y2="591.69" />
|
|
</svg>
|
|
<p class="btn-title text-nowrap m-0">لیست مرخصی</p>
|
|
<div class="spinner-loading loading rounded-0" 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 class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-4 mt-3">
|
|
<div class="card p-0">
|
|
<div class="card-section-btn">
|
|
<div class="content btn-group">
|
|
<button class="btn" onclick="location.href='#showmodal=@Url.Page("./Index", "PaymentToPersonnelCreate")';">
|
|
<span class="btn-title text-nowrap">ثبت پرداخت مبلغ</span>
|
|
</button>
|
|
<button class="btn">
|
|
<span class="btn-title text-nowrap">لیست پرداخت مبلغ</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> *@
|
|
|
|
<!--
|
|
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-4 mt-3">
|
|
<div class="card p-0">
|
|
@* <div class="card-section-btn" style="background-image: url('AssetsClient/images/btn-image/leave.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;"> *@
|
|
<div class="card-section-btn" style="background: linear-gradient(270deg, #30C2C2 0%, #15a2a2 100%);">
|
|
<div class="content">
|
|
<button class="btn me-3" onclick="location.href='#showmodal=@Url.Page("./Index", "LeaveCreate")';">
|
|
<span class="btn-title text-nowrap">ثبت مرخصی</span>
|
|
</button>
|
|
<button class="btn" onclick="location.href='#showmodal=@Url.Page("./Index", "LeaveList")';">
|
|
<span class="btn-title text-nowrap">لیست مرخصی</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- END MAIN CONTENT -->
|
|
|
|
<div id="MainModal" class="modal fade personalListModal" aria-labelledby="myModalLabel" data-bs-backdrop="static" aria-hidden="true" tabindex="-1" style="display: none;">
|
|
<div class="modal-dialog modal-xxl modal-dialog-centered">
|
|
<div class="modal-content" id="ModalContent">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@section Script {
|
|
<script src="~/assetsclient/js/site.js?ver=@Version.StyleVersion"></script>
|
|
|
|
<script>
|
|
|
|
$(document).ready(function () {
|
|
$('.loadingButton').on('click', function () {
|
|
var button = $(this);
|
|
var loadingDiv = button.find('.loading');
|
|
loadingDiv.show();
|
|
});
|
|
});
|
|
|
|
var hasCompletedDashboardTour = localStorage.getItem('hasCompletedDashboardTour');
|
|
if (!hasCompletedDashboardTour) {
|
|
introJs().setOptions({
|
|
nextLabel: 'بعد',
|
|
prevLabel: 'قبل',
|
|
doneLabel: 'اتمام',
|
|
showBullets: false,
|
|
steps: [
|
|
{
|
|
title: 'خوش آمدید به سامانه گزارشگیر 👋',
|
|
intro: 'برای آموزش این صفحه با ما همراه باشید.'
|
|
},
|
|
{
|
|
title: 'عملیات مربوط به مرخصی',
|
|
element: document.querySelector('#btnCardLeaveIntro'),
|
|
intro: 'برای عملیات دسترسی سریع دکمههای مربوط به مرخصی مانند ثبت مرخصی و لیست مرخصی میتوانید از این روش استفاده نمایید.'
|
|
}
|
|
]
|
|
}).start();
|
|
localStorage.setItem('hasCompletedDashboardTour', true);
|
|
}
|
|
</script>
|
|
} |