luke-else/EFB
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

Created Login Page and update bootstrap files to allow for dark theme

Browse Source
This commit is contained in:
lukejelse04
2021-09-20 10:41:19 +01:00
parent e1c97e5b8c
commit 92427c2bed
9 changed files with 11583 additions and 949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
Views/Home/Index.cshtml
View File

@ -1,8 +1,43 @@
@{
ViewData["Title"] = "Home Page";
ViewData["Title"] = "Welcome";
}
<div class="text-center">
<h1 class="display-4">Welcome</h1>
<p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
<div class="row">
<div class="card-body col-md-6">
<div class="container jumbotron">
<h3>AutoRouter Login</h3>
<br />
<br />
<form method="post" asp-controller="Home" asp-action="Login">
<div class="form-group">
<input type="text" class="form-control" placeholder="E-Mail" name="email" value="@TempData["email"]">
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password" name="password">
</div>
<button type="submit" class="btn btn-secondary">Login</button>
@{
if (TempData["Error"] != null)
{//If an error has been flagged, information will be displayed to the user
<br />
<br />
<div class="alert alert-danger">
<strong>Warning!</strong> @TempData["Error"] <button type='button' class='close' data-dismiss='alert' aria-hidden='true' />&times;
</div>
}
}
</form>
</div>
</div>
<div class="card-body bg-warning col-md-6">
<img src="/images/MainImage.png" width="100%" height="100%">
</div>
</div>

14
Views/Shared/_Layout.cshtml
View File

@ -9,9 +9,9 @@
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-dark bg-dark border-bottom box-shadow mb-3">
<div class="container">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">EFB</a>
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Electronic Flight Bag</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -19,10 +19,7 @@
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
<a class="nav-link text-light" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
</li>
</ul>
</div>
@ -32,12 +29,15 @@
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
@{
//Render body is used to load the relevant view in relation to the controller
}
</main>
</div>
<footer class="border-top footer text-muted">
<div class="container">
&copy; 2021 - EFB - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
&copy; 2021 - EFB - <a href="https://luke-else.co.uk">Luke Else</a>
</div>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script>