Files
Backend-Api/ServiceHost/Areas/Client/Pages/Index.cshtml

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>
}