CourseWork_KPO/CandidateReviewClientApp/Views/Shared/_Layout.cshtml
2024-12-13 04:12:54 +04:00

82 lines
3.4 KiB
Plaintext

@using CandidateReviewDataModels.Enums
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - CandidateReviewClientApp</title>
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" asp-append-version="true">
<link rel="stylesheet" href="~/CandidateReviewClientApp.styles.css" asp-append-version="true" />
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark shadow-md">
<div class="container">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Candidate Review</a>
<button class="navbar-toggler" type="button" onclick="toggleNavbar()" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mainNav">
<ul class="navbar-nav ms-auto">
@if (APIClient.User?.Role == RoleEnum.Сотрудник || APIClient.User?.Role == RoleEnum.Администратор)
{
<li class="nav-item">
<a class="nav-link" asp-area="" asp-controller="Company" asp-route-id="@(APIClient.Company?.Id)" asp-action="@(APIClient.Company == null ? "EditCompanyProfile" : "CompanyProfile")">Профиль компании</a>
</li>
}
<li class="nav-item">
<a class="nav-link" asp-area="" asp-controller="User" asp-action="UserProfile" asp-route-id="@(APIClient.User?.Id)">Профиль</a>
</li>
<li class="nav-item">
<a class="nav-link" asp-area="" asp-controller="Vacancy" asp-action="SearchVacancies">Поиск вакансий</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container mt-4">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<footer class="border-top footer text-muted mt-5">
<div class="container">
&copy; 2024 - Ревью кандидатов на вакансию
</div>
</footer>
@await RenderSectionAsync("Scripts", required: false)
<script>
function toggleNavbar() {
var navbar = document.getElementById('mainNav');
navbar.classList.toggle('show');
}
</script>
<style>
.navbar {
background-color: #0A1128;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.navbar .nav-link {
font-size: 1rem;
transition: color 0.2s ease-in-out;
}
.navbar .nav-link:hover {
color: #D9D9D9;
}
.navbar-brand {
font-size: 1.25rem;
}
</style>
</body>
</html>