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

feat: stop showing Other on rules page, changed from postsids to GETs for identification for the user, changed the colorsheme to dracula

Browse source 
Signed-off-by: limited_dev <loginakkisativ@gmail.com>
This commit is contained in:
limited_dev 2023-04-10 19:19:55 +02:00
parent d2657d28b4
commit 87656c18c1
8 changed files with 94 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ImageBoardServerApp/Pages/Basic/Rules.razor
View file

@ -5,7 +5,10 @@
<ul type="1" class="rules_list"> <ul type="1" class="rules_list">
@foreach (var r in RulesConv.dict.Keys) @foreach (var r in RulesConv.dict.Keys)
{ {
<li>@RulesConv.dict[r]</li> @if (!RulesConv.dict[r].StartsWith("Other"))
{
<li>@RulesConv.dict[r]</li>
}
} }
</ul> </ul>

6
ImageBoardServerApp/Pages/Basic/ThreadPage.razor
View file

@ -3,9 +3,9 @@
@using ImageBoardServerApp.Data.Repository @using ImageBoardServerApp.Data.Repository
@inject NavigationManager NavigationManager @inject NavigationManager NavigationManager
<PageTitle>#@threadId on /@boardName/ - BulletBoard</PageTitle> <PageTitle>Thread #@post.GET on /@boardName/ - BulletBoard</PageTitle>
<h3>Thread #@threadId on /@boardName/</h3> <h3>Thread #@post.GET on /@boardName/</h3>
<Post post="@post" showOpenThread="false"/> <Post post="@post" showOpenThread="false"/>
<hr/> <hr/>
@ -33,7 +33,7 @@
{ {
try try
{ {
post = await PostsRepository.getPostByGETAsync(boardName, int.Parse(threadId)); post = await PostsRepository.getPostByIdAsync(int.Parse(threadId));
} }
catch (FormatException fe) catch (FormatException fe)
{ {

45
ImageBoardServerApp/Shared/Components/Comment.razor
View file

@ -1,6 +1,6 @@
@using System.Text.RegularExpressions
@using ImageBoardServerApp.Auth @using ImageBoardServerApp.Auth
@using ImageBoardServerApp.Data.Repository @using ImageBoardServerApp.Data.Repository
@using System.Text.RegularExpressions
@using System.ComponentModel.DataAnnotations @using System.ComponentModel.DataAnnotations
@inject AuthenticationStateProvider authStateProvider @inject AuthenticationStateProvider authStateProvider
@ -53,7 +53,7 @@
> >
@line @line
</span> </span>
@if (hoveringOver.p != -1 && hoveringOver == (x, y, commentNumber)) @if (hoveringOver.p != -1 && hoveringOver == (x, y, commentNumber) && (hoverComment.ContainsKey(commentNumber) || hoverPost.ContainsKey(commentNumber)))
{ {
@if (isComment[commentNumber]) @if (isComment[commentNumber])
{ {
@ -85,6 +85,43 @@
<div class="threadFooter"> <div class="threadFooter">
<span>[</span> <span>[</span>
<a @onclick="@deletePost" href="javascript:void(0)">Delete</a> <a @onclick="@deletePost" href="javascript:void(0)">Delete</a>
<!--
<button class="button-31" role="button">Button 31</button>
/* CSS */
.button-31 {
background-color: #222;
border-radius: 4px;
border-style: none;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Farfetch Basis","Helvetica Neue",Arial,sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
margin: 0;
max-width: none;
min-height: 44px;
min-width: 10px;
outline: none;
overflow: hidden;
padding: 9px 20px 8px;
position: relative;
text-align: center;
text-transform: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: 100%;
}
.button-31:hover,
.button-31:focus {
opacity: .75;
}
!-->
<span>]</span> <span>]</span>
<span>[</span> <span>[</span>
<a class="report" href="/sys/report/comment/@comment.Board/@comment.CommentID" target="_blank">Report</a> <a class="report" href="/sys/report/comment/@comment.Board/@comment.CommentID" target="_blank">Report</a>
@ -106,6 +143,10 @@
private void onHover(int x, int y, int p) private void onHover(int x, int y, int p)
{ {
if (hoverComment.ContainsKey(p) || hoverPost.ContainsKey(p))
{
hoveringOver= (x, y, -1);
}
hoveringOver = (x, y, p); hoveringOver = (x, y, p);
} }

20
ImageBoardServerApp/Shared/Components/Comment.razor.css
View file

@ -1,23 +1,27 @@
.toggleOpened{ .toggleOpened{
color: #0a58ca; color: #6272a4;
text-decoration: none; text-decoration: none;
} }
.toggleOpened:hover{ .toggleOpened:hover{
color: #0a58ca; !important; color: #6272a4; !important;
cursor: pointer; cursor: pointer;
} }
.threadFooter.a{
color: #6272a4;
}
.title{ .title{
color: #1e5aaf; color: #8be9fd;
} }
.name{ .name{
color: #339305; color: #50fa7b;
} }
.redText { .redText {
color: #da1313; color: #ff5555;
} }
@ -36,7 +40,7 @@
} }
.greenText{ .greenText{
color: #3caf03; color: #50fa7b;
} }
.threadImage{ .threadImage{
@ -67,9 +71,9 @@
.Admin{ .Admin{
color: #ff191c; color: #ff5555;
} }
.Mod{ .Mod{
color: #af13d7; color: #bd93f9;
} }

22
ImageBoardServerApp/Shared/Components/CommentHover.razor.css
View file

@ -1,23 +1,27 @@
.toggleOpened{ .toggleOpened{
color: #0a58ca; color: #6272a4;
text-decoration: none; text-decoration: none;
} }
.toggleOpened:hover{ .toggleOpened:hover{
color: #0a58ca; !important; color: #6272a4; !important;
cursor: pointer; cursor: pointer;
} }
.threadFooter.a{
color: #6272a4;
}
.title{ .title{
color: #1e5aaf; color: #8be9fd;
} }
.name{ .name{
color: #339305; color: #50fa7b;
} }
.redText { .redText {
color: #da1313; color: #ff5555;
} }
@ -36,7 +40,7 @@
} }
.greenText{ .greenText{
color: #3caf03; color: #50fa7b;
} }
.threadImage{ .threadImage{
@ -51,7 +55,7 @@
width: 100%; width: 100%;
} }
.threadImage img:hover{ .threadImage img.active{
/*transform: scale(3);*/ /*transform: scale(3);*/
max-width:500px; max-width:500px;
width: 100%; width: 100%;
@ -67,9 +71,9 @@
.Admin{ .Admin{
color: #ff191c; color: #ff5555;
} }
.Mod{ .Mod{
color: #af13d7; color: #bd93f9;
} }

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

@ -1,7 +1,7 @@
@using System.Text.RegularExpressions @using ImageBoardServerApp.Data.Repository
@using ImageBoardServerApp.Data.Repository
@using ImageBoardServerApp.Auth @using ImageBoardServerApp.Auth
@using System.ComponentModel.DataAnnotations @using System.ComponentModel.DataAnnotations
@using System.Text.RegularExpressions
@inject AuthenticationStateProvider authStateProvider @inject AuthenticationStateProvider authStateProvider
@inject NavigationManager navigationManager; @inject NavigationManager navigationManager;
@ -104,7 +104,7 @@
@if (showOpenThread) @if (showOpenThread)
{ {
<span>[</span> <span>[</span>
<a class="openThread" href="/@post.Board/thread/@post.GET">(@post.Comments.Count) View Thread</a> <a class="openThread" href="/@post.Board/thread/@post.PostID">(@post.Comments.Count) View Thread</a>
<span>]</span> <span>]</span>
} }
else else

18
ImageBoardServerApp/Shared/Components/Post.razor.css
View file

@ -1,27 +1,27 @@
.toggleOpened{ .toggleOpened{
color: #0a58ca; color: #6272a4;
text-decoration: none; text-decoration: none;
} }
.toggleOpened:hover{ .toggleOpened:hover{
color: #0a58ca; !important; color: #6272a4; !important;
cursor: pointer; cursor: pointer;
} }
.title{ .title{
color: #1e5aaf; color: #8be9fd;
} }
.name{ .name{
color: #339305; color: #50fa7b;
} }
.Admin{ .Admin{
color: #ff191c; color: #ff5555;
} }
.Mod{ .Mod{
color: #af13d7; color: #bd93f9;
} }
.threadHeader{ .threadHeader{
@ -33,13 +33,17 @@
align-self: end; !important; align-self: end; !important;
} }
.threadFooter.a{
color: #6272a4;
}
.threadContent{ .threadContent{
text-align: left; text-align: left;
display: flex; display: flex;
} }
.greenText{ .greenText{
color: #3caf03; color: #50fa7b;
} }
.threadImage{ .threadImage{

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

@ -6,8 +6,8 @@
main { main {
flex: 1; flex: 1;
background-color: #1b1d1e; background-color: #282a36;
color: #dcdcdc; color: #f8f8f2;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
@ -18,13 +18,13 @@ main {
.top-row { .top-row {
border-bottom: 1px solid #d6d5d5; border-bottom: 1px solid #f8f8f2;
justify-content: flex-end; justify-content: flex-end;
height: 3.5rem; height: 3.5rem;
display: flex; display: flex;
align-items: center; align-items: center;
background-color: #1f2223; background-color: #282a36;
color: #dcdcdc; color: #f8f8f2;
} }
.top-row a { .top-row a {