Ported progress from SPA and began scaffolding Identity UI.

Laid some groundwork in backend.

Began customizing Identity UI.
This commit is contained in:
2021-07-21 01:58:49 -05:00
parent 57f67391f1
commit b43d7bab84
44 changed files with 1225 additions and 620 deletions

View File

@@ -1,33 +0,0 @@
@page
@using Props.Services
@inject IContentManager<AboutModel> ContentManager
@{
ViewData["Title"] = "About";
}
<div class="container d-flex flex-column align-items-center my-3">
<div class="concise text-center">
<h2 class="mb-3 mt-4">Features</h2>
<p>
@ContentManager.Content.features.description
</p>
</div>
<div style="width: 100%;" data-simplebar>
<div class="row px-2 py-4 flex-nowrap">
@foreach (dynamic feature in ContentManager.Content.features.list)
{
<div class="card mx-2" style="width: 32rem;">
<div class="card-body">
<h5 class="card-title">@feature.title</h5>
<h6 class="card-subtitle mb-3 text-muted">
<slot name="subtitle">@feature.subtitle</slot>
</h6>
<p class="card-text">
@feature.text
</p>
</div>
</div>
}
</div>
</div>
</div>

View File

@@ -1,26 +1,27 @@
@page
@using Props.Services
@using Props.Services.Content
@model IndexModel
@inject IContentManager<IndexModel> ContentManager
@{
ViewData["Title"] = "Home page";
}
<div class="jumbotron d-flex flex-column align-items-center">
<section class="jumbotron d-flex flex-column align-items-center">
<div>
<img alt="Props logo" src="./images/logo.svg" class="img-fluid" style="max-height: 540px;" />
</div>
<div class="text-center px-3 my-2 concise">
<h1 class="my-2">Props</h1>
<p>
@ContentManager.Content.description
@ContentManager.Json.description
</p>
</div>
</div>
<div class="jumbotron sub">
<div class="container d-flex flex-column align-items-center py-3 concise">
</section>
<section class="jumbotron sub">
<div class="container d-flex flex-column align-items-center py-2 concise">
<i class="bi bi-search" style="font-size: 5rem;"></i>
<h2 class="mb-3 mt-4">@ContentManager.Content.help.title</h2>
<h2 class="mb-3 mt-4">@ContentManager.Json.help.title</h2>
<form class="concise my-4">
<div class="input-group">
<input type="text" class="form-control" placeholder="What are you looking for?" aria-label="Search" aria-describedby="search-btn">
@@ -28,10 +29,46 @@
</div>
</form>
<p class="text-center">
@ContentManager.Content.help.searchIntroduction
@ContentManager.Json.help.searchIntroduction
</p>
<p class="text-center">
@ContentManager.Content.help.additionalInfo
@ContentManager.Json.help.additionalInfo
</p>
</div>
</div>
</section>
<section class="container d-flex flex-column align-items-center my-3 less-concise">
<h2 class="mb-3 mt-4">Our Mission</h2>
<p class="text-center">
@ContentManager.Json.mission
</p>
</section>
<hr class="concise">
<section class="container d-flex flex-column align-items-center">
<div class="less-concise d-flex flex-column align-items-center">
<h2 class="mb-3 mt-4">Features</h2>
<p class="center">
@ContentManager.Json.features.description
</p>
</div>
<div style="width: 100%;" data-simplebar>
<div class="row px-2 py-3 flex-nowrap">
@foreach (dynamic feature in ContentManager.Json.features.list)
{
<div class="card mx-2" style="width: 32rem;">
<div class="card-body">
<h5 class="card-title">@feature.title</h5>
<h6 class="card-subtitle mb-3 text-muted">
<slot name="subtitle">@feature.subtitle</slot>
</h6>
<p class="card-text">
@feature.text
</p>
</div>
</div>
}
</div>
</div>
</section>

View File

@@ -2,7 +2,7 @@ using Microsoft.AspNetCore.Mvc.RazorPages;
namespace Props.Pages
{
public class AboutModel : PageModel
public class SearchModel : PageModel
{
}

View File

@@ -1,5 +1,5 @@
@using Microsoft.AspNetCore.Identity
@using Props.Models
@using Props.Models.User
@inject SignInManager<ApplicationUser> SignInManager
@inject UserManager<ApplicationUser> UserManager
@@ -21,27 +21,24 @@
<header>
<nav id="nav">
<div class="container-fluid">
<a class="navbar-brand" asp-page="/">Props</a>
<a class="navbar-brand" asp-area="" asp-page="/Index">Props</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
<i class="bi bi-list" style="width: 100%; height: auto;"></i>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<nav-link class="nav-link" asp-page="Index">Home</nav-link>
<nav-link class="nav-link" asp-area="" asp-page="/Index">Home</nav-link>
</li>
<li class="nav-item">
<nav-link class="nav-link" asp-page="Search">Search</nav-link>
</li>
<li class="nav-item">
<nav-link class="nav-link" asp-page="About">About</nav-link>
<nav-link class="nav-link" asp-area="" asp-page="/Search">Search</nav-link>
</li>
</ul>
<ul class="navbar-nav mb-2 mb-lg-0">
@if (SignInManager.IsSignedIn(User))
{
<li class="nav-item">
<a class="nav-link" asp-area="Identity" asp-page="/Account/Manage/Index" title="Manage">Hello @User.Identity.Name!</a>
<nav-link class="nav-link" asp-area="Identity" asp-page="/Account/Manage/Index" title="Manage">Hello @User.Identity.Name!</nav-link>
</li>
<li class="nav-item">
<form class="form-inline" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Page("/", new { area = "" })" method="post">
@@ -52,10 +49,10 @@
else
{
<li class="nav-item">
<a class="nav-link" asp-area="Identity" asp-page="/Account/Register">Register</a>
<nav-link class="nav-link" asp-area="Identity" asp-page="/Account/Register">Register</nav-link>
</li>
<li class="nav-item">
<a class="nav-link" asp-area="Identity" asp-page="/Account/Login">Login</a>
<nav-link class="nav-link" asp-area="Identity" asp-page="/Account/Login">Login</nav-link>
</li>
}
</ul>

View File

@@ -1,5 +1,5 @@
@using Microsoft.AspNetCore.Identity
@using Props.Models
@using Props.Models.User
@inject SignInManager<ApplicationUser> SignInManager
@inject UserManager<ApplicationUser> UserManager