137 lines
6.3 KiB
Plaintext
137 lines
6.3 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!--Load partial head-->
|
|
@await Html.PartialAsync("PartialView/_Head")
|
|
</head>
|
|
<body>
|
|
<header>
|
|
@if (ViewContext.RouteData.Values["controller"].ToString() == "ItemMgmt" &&
|
|
ViewContext.RouteData.Values["action"].ToString() == "Index")
|
|
{
|
|
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light border-bottom box-shadow mb-3">
|
|
<div class="container-fluid">
|
|
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav ml-auto">
|
|
<!-- Move to right corner -->
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link text-dark" id="cartIcon">
|
|
<i class="fa fa-shopping-cart fa-xl"></i> <!-- Cart Icon, fa-lg makes it larger -->
|
|
<span id="cartCount" style="color:red; font-size:large;" class="cart-count"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Modal viewTypes of Request -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewCartOptions" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="background-color:teal;">
|
|
<h4 class="modal-title w-100 text-center" style="color:white;" id="ModalLabel">Please choose type of request</h4>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<div class="triangle-container">
|
|
<button id="purchaseRequestButton" type="button" class="btn btn-primary modal-btn">Purchase Request</button>
|
|
<div class="triangle-middle">
|
|
<button id="internalRequestButton" type="button" class="btn btn-success modal-btn">Internal Request</button>
|
|
</div>
|
|
<button id="specialRequestButton" type="button" class="btn btn-warning modal-btn">Assisted Request</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<link href="~/css/item/cartV2.css" rel="stylesheet" />
|
|
}
|
|
</header>
|
|
|
|
<!--Load partial sidebar-->
|
|
@await Html.PartialAsync("PartialView/_Sidebar")
|
|
|
|
<section class="home-section">
|
|
<div class="text"></div>
|
|
<div class="container-fluid">
|
|
<main>
|
|
@RenderBody()
|
|
<div class="toast-container" id="toast-container"></div>
|
|
<div id="confirmation-modal-container" ></div>
|
|
<!-- Session Timeout Modal -->
|
|
<div class="session-modal-overlay" id="sessionModalOverlay">
|
|
<div class="session-modal">
|
|
<div class="session-modal-header">
|
|
<div class="session-modal-icon">
|
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="12" cy="12" r="10" />
|
|
<path d="M12 6v6l4 2" />
|
|
</svg>
|
|
</div>
|
|
<h2 class="session-modal-title">Session Expiring Soon</h2>
|
|
<p class="session-modal-subtitle">Your session will expire due to inactivity</p>
|
|
</div>
|
|
|
|
<div class="session-modal-body">
|
|
<div class="session-progress">
|
|
<div class="session-progress-bar" id="sessionProgressBar"></div>
|
|
</div>
|
|
|
|
<p class="session-modal-message">
|
|
For your security, you'll be automatically logged out if no activity is detected.
|
|
</p>
|
|
|
|
<div class="session-countdown">
|
|
<span class="countdown-label">Time remaining:</span>
|
|
<span class="countdown-time" id="countdownTime">5:00</span>
|
|
</div>
|
|
|
|
<div class="session-modal-actions">
|
|
<button class="session-btn session-btn-secondary" onclick="handleLogout()">
|
|
Logout Now
|
|
</button>
|
|
<button class="session-btn session-btn-primary" onclick="handleStayLoggedIn()">
|
|
Stay Logged In
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</section>
|
|
|
|
<!--Load partial scripts-->
|
|
@await Html.PartialAsync("PartialView/_PartialScripts")
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('#cartIcon').on('click', function (e) {
|
|
e.preventDefault();
|
|
$('#viewCartOptions').modal('show');
|
|
});
|
|
|
|
$('#purchaseRequestButton').on('click', function () {
|
|
window.location.href = '@Url.Action("ItemCart", "ItemMgmt", new { TypeOfRequest = "__typeOfRequest__" })'.replace("__typeOfRequest__", 2);
|
|
});
|
|
|
|
$('#internalRequestButton').on('click', function () {
|
|
window.location.href = '@Url.Action("ItemCart", "ItemMgmt", new { TypeOfRequest = "__typeOfRequest__" })'.replace("__typeOfRequest__", 1);
|
|
});
|
|
|
|
$('#specialRequestButton').on('click', function () {
|
|
window.location.href = '@Url.Action("ItemCart", "ItemMgmt", new { TypeOfRequest = "__typeOfRequest__" })'.replace("__typeOfRequest__", 3);
|
|
});
|
|
});
|
|
</script>
|
|
|
|
@await RenderSectionAsync("Scripts", required: false)
|
|
</body>
|
|
</html>
|