Websites/bulletboards
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: improved login and register, improved sidebar

Browse source 
Signed-off-by: limited_dev <loginakkisativ@gmail.com>
This commit is contained in:
limited_dev 2023-05-31 14:13:18 +02:00
parent a6d395ab58
commit 3a6ffaec46
11 changed files with 147 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

6
ImageBoardServerApp/Shared/Components/Forms/PostForm.razor
View file

@ -31,9 +31,9 @@
</div>
</div>
@if (hasErr)
{
<span class="postError">@postErr</span>
}
{
<span class="postError">@postErr</span>
}
<div class="pd centered marg">
<FormInfo/>
<InputFile OnChange="@SingleUpload" type="file" accept="image/*"/>

38
ImageBoardServerApp/Shared/Components/Post.razor
View file

@ -53,15 +53,36 @@
}
</div>
<div class="threadTextContainer">
@foreach (string s in @post.Content.Split("\n"))
@if (showOpenThread)
{
var className = "";
@if (s.StartsWith(">") && !Regex.IsMatch(s, "^>{2,}"))
@foreach (string s in post.Content.Split("\n").ToList().Take(6))
{
className = "greenText";
var className = "";
@if (s.StartsWith(">") && !Regex.IsMatch(s, "^>{2,}"))
{
className = "greenText";
}
<span class='threadText @className'>@s&nbsp;</span>
}
<span class='threadText @className'>@s&nbsp;</span>
@if (post.Content.Split("\n").Length > 6)
{
<br/>
<span class="greenText">[Open Thread to read more...]</span>
}
}
else
{
@foreach (string s in post.Content.Split("\n"))
{
var className = "";
@if (s.StartsWith(">") && !Regex.IsMatch(s, "^>{2,}"))
{
className = "greenText";
}
<span class='threadText @className'>@s&nbsp;</span>
}
}
</div>
</div>
@ -117,12 +138,13 @@
</div>
}
@code {
public bool canDel { get; set; }
public bool isActive { get; set; } = false;
private int linecnt = 0;
private async void lockMe()
{

17
ImageBoardServerApp/Shared/MainLayout.razor
View file

@ -1,5 +1,5 @@
@inherits LayoutComponentBase
@using ImageBoardServerApp.Auth
@using ImageBoardServerApp.Auth
@inherits LayoutComponentBase
@inject AuthenticationStateProvider authStateProvider
@inject NavigationManager navManager
@ -11,12 +11,6 @@
</div>
<main>
<div class="top-row px-4">
<a href="/sys/faq">[FAQ]</a>
<a href="/sys/rules">[Rules]</a>
</div>
<article class="content px-4">
@Body
</article>
@ -37,11 +31,4 @@
mail = user.User.Identity.Name;
}
}
private async Task logout()
{
var customAuthStateProvider = (CustomAuthenticationStateProvider) authStateProvider;
await customAuthStateProvider.UpdateAuthenticationStateAsync(null);
navManager.NavigateTo("/", true);
}
}

3
ImageBoardServerApp/Shared/MainLayout.razor.css
View file

@ -13,11 +13,10 @@ main {
}
.sidebar {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
background-image: linear-gradient(180deg, #0f081b, #0f081b 70%);
}
.top-row {
border-bottom: 1px solid #f8f8f2;
justify-content: flex-end;
height: 3.5rem;

64
ImageBoardServerApp/Shared/NavMenu.razor
View file

@ -5,7 +5,8 @@
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">BulletBoard v0.2.3</a>
<img src="img/static/logo_trans.png" width="32" height="32" alt="Logo"/>
<a class="navbar-brand" href="/">BulletBoard</a>
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
@ -14,30 +15,55 @@
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
<nav class="flex-column">
<AuthorizeView>
<Authorized>
<div class="nav-item px-3">
<NavLink class="nav-link" @onclick="logout" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> >> Logout
</NavLink>
</div>
</Authorized>
<NotAuthorized>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/sys/login" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> >> Login
</NavLink>
</div>
</NotAuthorized>
</AuthorizeView>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</div>
<text class="topicTitle">
Boards
</text>
@foreach (BoardData b in boards)
{
<div class="nav-item px-3">
<NavLink class="nav-link" href="@b.Tag">
<span class="oi oi-list-rich" aria-hidden="true"></span> /@b.Tag/ - @b.Topic
<NavLink class="nav-link" href="@b.Tag" Match="NavLinkMatch.All">
<span class="oi oi-chat" aria-hidden="true"></span> /@b.Tag/ - @b.Topic
</NavLink>
</div>
}
<div class="account">
<text class="topicTitle">
Account
</text>
<AuthorizeView>
<Authorized>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/sys/you" Match="NavLinkMatch.All">
<span class="oi oi-cog" aria-hidden="true"></span> Account Settings
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/" @onclick="logout" Match="NavLinkMatch.All">
<span class="oi oi-account-logout" aria-hidden="true"></span> Logout
</NavLink>
</div>
</Authorized>
<NotAuthorized>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/sys/login" Match="NavLinkMatch.All">
<span class="oi oi-account-login" aria-hidden="true"></span> Login
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/sys/register" Match="NavLinkMatch.All">
<span class="oi oi-plus" aria-hidden="true"></span> Register
</NavLink>
</div>
</NotAuthorized>
</AuthorizeView>
</div>
</nav>
</div>

23
ImageBoardServerApp/Shared/NavMenu.razor.css
View file

@ -1,14 +1,15 @@
.navbar-toggler {
background-color: rgba(255, 255, 255, 0.1);
background-color: #0f081b;
}
.top-row {
height: 3.5rem;
background-color: rgba(0, 0, 0, 0.4);
background-color: #0f081b;
}
.navbar-brand {
font-size: 1.1rem;
horiz-align: center;
}
.oi {
@ -18,6 +19,18 @@
top: -2px;
}
.topicTitle{
color: white;
margin-top: 2rem;
margin-left: 1.8rem;
}
.account{
z-index: 1;
bottom: 0;
background-color: #0f081b;
}
.nav-item {
font-size: 0.9rem;
padding-bottom: 0.5rem;
@ -50,6 +63,8 @@
color: white;
}
@media (min-width: 500px) {
.navbar-toggler {
display: none;
@ -59,4 +74,8 @@
/* Never collapse the sidebar for wide screens */
display: block;
}
.account{
position: fixed;
}
}