Made Menu look a bit nicer, added function to add new Manga. Extracted Handler functions to handler.go, fixed bug where new Title would crash

2024-02-23 13:14:56 +01:00
parent 9bc483afb3
commit cd26d937aa
5 changed files with 311 additions and 203 deletions
--- a/internal/view/Views/menu.gohtml
+++ b/internal/view/Views/menu.gohtml
@@ -3,19 +3,80 @@
 <head>
    <meta charset="UTF-8">
    <title>Main Menu</title>
+    <style>
+        .button-36 {
+            background-image: linear-gradient(92.88deg, #455EB5 9.16%, #5643CC 43.89%, #673FD7 64.72%);
+            border-radius: 8px;
+            border-style: none;
+            box-sizing: border-box;
+            color: #FFFFFF;
+            cursor: pointer;
+            flex-shrink: 0;
+            font-family: "Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
+            font-size: 16px;
+            font-weight: 500;
+            height: 4rem;
+            padding: 0 1.6rem;
+            text-align: center;
+            text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
+            transition: all .5s;
+            user-select: none;
+            -webkit-user-select: none;
+            touch-action: manipulation;
+        }
+
+        .button-36:hover {
+            box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
+            transition-duration: .1s;
+        }
+
+        @media (min-width: 768px) {
+            .button-36 {
+                padding: 0 2.6rem;
+            }
+        }
+
+        .table-left{
+            text-align: left;
+        }
+
+        .table {
+            width: 100%;
+        }
+
+        td{
+            text-align: center;
+        }
+
+
+    </style>
+
 </head>
 <body>
    <form method="post" action="/new/">
-
+{{/*        <label>New Sub Url</label>*/}}
+        <label>
+            New Sub Url
+            <input type="text" name="subUrl">
+        </label>
+        <input type="submit" class="button-36">
    </form>

-    {{range .Mangas}}
-        <div>
-            <text>Title: {{.Title}}</text>
-            <text>Current Chapter: {{.Number}}</text>
-            <text>Last Accessed: {{.LastTime}}</text>
-            <a href="/new/{{.Url}}}" class="button">Go to last Chapter</a>
-        </div>
-    {{end}}
+    <table class="table">
+        <tr>
+            <th class="table-left">Title</th>
+            <th>Current Chapter</th>
+            <th>Last Accessed</th>
+            <th>Link</th>
+        </tr>
+        {{range .Mangas}}
+            <tr>
+                <td class="table-left">{{.Title}}</td>
+                <td>{{.Number}}</td>
+                <td>{{.LastTime}}</td>
+                <td><a href="/new/{{.Url}}}" class="button-36">Go to last Chapter</a></td>
+            </tr>
+        {{end}}
+    </table>
 </body>
 </html>