From bdb2d0a0b5c1277c3fadc1fbcecb06640b630043 Mon Sep 17 00:00:00 2001
From: limited_dev <loginakkisativ@gmail.com>
Date: Fri, 27 Jan 2023 21:15:50 +0100
Subject: [PATCH] added temp db files to gitignore, added link to login page to
 index, changed around the comment form, comments and posts

---
 .gitignore                                    |  2 ++
 ImageBoardServerApp/Pages/Index.razor         |  7 ++++++
 ImageBoardServerApp/Pages/Index.razor.css     | 14 +++++++++++
 .../Shared/Components/Comment.razor.css       |  6 ++---
 .../Shared/Components/Forms/CommentForm.razor | 25 ++++++++++++++-----
 .../Components/Forms/CommentForm.razor.css    | 17 +++++++++++++
 .../Shared/Components/Post.razor.css          |  6 ++---
 7 files changed, 65 insertions(+), 12 deletions(-)
 create mode 100644 ImageBoardServerApp/Pages/Index.razor.css

diff --git a/.gitignore b/.gitignore
index fe4fcde..3d88ff4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,8 @@
 ImageBoardServerApp/bin/
 ImageBoardServerApp/obj/
 *.db
+*.db-shm
+*.db-wal
 Migrations/
 
 ## Ignore Visual Studio temporary files, build results, and
diff --git a/ImageBoardServerApp/Pages/Index.razor b/ImageBoardServerApp/Pages/Index.razor
index e3fd3ad..d3d948d 100644
--- a/ImageBoardServerApp/Pages/Index.razor
+++ b/ImageBoardServerApp/Pages/Index.razor
@@ -5,6 +5,13 @@
 <span>This is a simple Imageboard made in Razor.</span>
 <br/>
 <span>We're currently hosting @amountOfPosts Threads with @amountOfComments Comments from @amountOfUsers Users.</span>
+<br/>
+<div class="loginwrapper">
+    <span class="loginlink">If you are a member of the server team please log in</span>
+    <span> </span>
+    <a class="loginlink imblue" href="/login">[here]</a>
+    <span class="loginlink">.</span>
+</div>
 
 @code{
     private int amountOfPosts = -1;
diff --git a/ImageBoardServerApp/Pages/Index.razor.css b/ImageBoardServerApp/Pages/Index.razor.css
new file mode 100644
index 0000000..37a27d3
--- /dev/null
+++ b/ImageBoardServerApp/Pages/Index.razor.css
@@ -0,0 +1,14 @@
+.loginlink{
+    display: block;
+    font-size: 10px;
+    color: #c6cfd0;
+}
+
+.imblue{
+    color: #0a53be;
+    cursor: pointer;
+}
+
+.loginwrapper{
+    display: flex;
+}
\ No newline at end of file
diff --git a/ImageBoardServerApp/Shared/Components/Comment.razor.css b/ImageBoardServerApp/Shared/Components/Comment.razor.css
index b78f7fa..b69acda 100644
--- a/ImageBoardServerApp/Shared/Components/Comment.razor.css
+++ b/ImageBoardServerApp/Shared/Components/Comment.razor.css
@@ -47,9 +47,9 @@
 }
 
 .threadImage img:hover{
-    transform: scale(3);
-    /*max-width:500px;
-    width: 100%; */
+    /*transform: scale(3);*/
+    max-width:500px;
+    width: 100%;
 }
 
 .threadText{
diff --git a/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor b/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor
index 1cf580a..f729ea6 100644
--- a/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor
+++ b/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor
@@ -13,16 +13,29 @@
     <div class="pd centered">
         <span>Comment on @post.Title in /@post.Board/</span>
 
-        <div class="pd centered marg"> 
-            <RadzenTextBox Placeholder="Username (Anonymous)" MaxLength="15" Change=@(args => OnChange(args, "username")) Class="w-100"/>
-        </div>
+        <div class="centered formContent">
+            <div>
+                            <div class="pd centered marg">
+                                @if (image != null)
+                                    {
+                                        <img class="formImage" src="@($"data:image/png;base64,{Convert.ToBase64String(image)}")" alt="No Image"/>
+                                    }
+                            </div>
+                            <InputFile OnChange="@SingleUpload" type="file" accept="image/*"/>
+                        </div>
+            
+            <div>
+                <div class="pd centered marg">
+                    <RadzenTextBox Placeholder="Username (Anonymous)" MaxLength="15" Change=@(args => OnChange(args, "username")) Class="w-100"/>
+                </div>
 
-        <div class="pd centered marg"> 
-            <RadzenTextArea Placeholder="Comment..." @bind-Value="@postContent" Cols="30" Rows="6" Change=@(args => OnChange(args, "Content")) Class="w-100"/>
+                <div class="pd centered marg">
+                    <RadzenTextArea Placeholder="Comment..." @bind-Value="@postContent" Cols="30" Rows="6" Change=@(args => OnChange(args, "Content")) Class="w-100"/>
+                </div>
+            </div>
         </div>
     
         <div class="pd centered marg">
-            <InputFile OnChange="@SingleUpload" type="file" accept="image/*"/>
             <RadzenButton class="pd" Click="@onPostClick" Text="Comment!"></RadzenButton>
         </div>
     
diff --git a/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor.css b/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor.css
index fc59e5e..15998e9 100644
--- a/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor.css
+++ b/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor.css
@@ -20,4 +20,21 @@
 
 .marg{
     margin: 2px
+}
+
+.formImage{
+    margin: 6px;
+    max-width: 200px;
+    max-height: 200px;
+    padding: 5px;
+}
+
+.formImage img{
+    max-width:150px;
+    width: 100%;
+}
+
+.formContent{
+    text-align: left;
+    display: flex;
 }
\ No newline at end of file
diff --git a/ImageBoardServerApp/Shared/Components/Post.razor.css b/ImageBoardServerApp/Shared/Components/Post.razor.css
index b78f7fa..b69acda 100644
--- a/ImageBoardServerApp/Shared/Components/Post.razor.css
+++ b/ImageBoardServerApp/Shared/Components/Post.razor.css
@@ -47,9 +47,9 @@
 }
 
 .threadImage img:hover{
-    transform: scale(3);
-    /*max-width:500px;
-    width: 100%; */
+    /*transform: scale(3);*/
+    max-width:500px;
+    width: 100%;
 }
 
 .threadText{