diff --git a/nrdkwebsite/Pages/index.cshtml b/nrdkwebsite/Pages/index.cshtml
index e4de078..0f7b1f1 100644
--- a/nrdkwebsite/Pages/index.cshtml
+++ b/nrdkwebsite/Pages/index.cshtml
@@ -1,10 +1,9 @@
@page
@model IndexModel
@{
- ViewData["Title"] = "Home page";
+ ViewData["Title"] = "home page";
}
-
<h1 class="display-4">Привет, это сайт neroduckale</h1>
<p>Мой никнейм читается по разному - неродакля, неродукель, неродакале, но одно в нем остается неизменным - неро.</p>
<small>спасибо мактайлорс за помощь с созданием сайта. version: 0.3</small>
diff --git a/nrdkwebsite/Pages/layout.cshtml b/nrdkwebsite/Pages/layout.cshtml
index 4050af7..9a8829f 100644
--- a/nrdkwebsite/Pages/layout.cshtml
+++ b/nrdkwebsite/Pages/layout.cshtml
@@ -9,21 +9,24 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css"/>
- @* <meta name="viewport" content="initial-scale=0.75 user-scalable=no" /> *@
+ <meta name="viewport" content="initial-scale=0.75 user-scalable=no" />
<meta charset="UTF-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1.5"/>
+ @* <meta name="viewport" content="width=device-width, initial-scale=1.5"/> *@
+ <meta name="yandex-verification" content="0f72236b9c9df6c5" />
</head>
<body>
<header class="header">
<nav class="header-links">
- <a class="header-link" asp-page="ygolek">ЗШВЩКygolek </a>
- <a class="header-link" asp-page="about" >about </a>
- <a class="header-link" asp-page="users" >users </a>
- <a class="mainpage" asp-page="index" >neroduckale</a>
- @* <button></button> *@
+ <a class="mainpage" asp-page="index">neroduckale</a>
+ <div class="header-linkss">
+ <a class="header-link" asp-page="ygolek">ygolek</a>
+ <a class="header-link" asp-page="about">about </a>
+ <a class="header-link" asp-page="users">users </a>
+ </div>
+ <button class="mobilenav"></button>
</nav>
-
+
</header>
diff --git a/nrdkwebsite/Pages/users.cshtml b/nrdkwebsite/Pages/users.cshtml
index 3ddda27..5c27c68 100644
--- a/nrdkwebsite/Pages/users.cshtml
+++ b/nrdkwebsite/Pages/users.cshtml
@@ -1,16 +1,23 @@
@page
-@using System.Collections
@model Users
<style>
td, th {
padding: 5px 10px;
}
+ .center {
+ margin-left: auto;
+ margin-right: auto;
+ border-collapse: collapse;
+ border: 1px black;
+ }
</style>
-
-<table>
- <tr><th>текст заголовка</th><th>текст заголовка</th></tr> <!--ряд с ячейками заголовков-->
- <tr><td>данные</td><td>данные</td></tr> <!--ряд с ячейками тела таблицы-->
-</table>
+Всего в таблице записей: <span id="count"></span>
+<div>
+ <table class="center" id="users">
+ <tr><th>Айди</th><th>Никнейм</th><th>Масть</th></tr> <!--ряд с ячейками заголовков-->
+ <tr class="loading"><td>Loading...</td><td>Loading...</td><td>Loading...</td></tr> <!--ряд с ячейками тела таблицы-->
+ </table>
+</div>
<script src="~/js/site.js"></script>
\ No newline at end of file
diff --git a/nrdkwebsite/Program.cs b/nrdkwebsite/Program.cs
index 214ab99..860cee6 100644
--- a/nrdkwebsite/Program.cs
+++ b/nrdkwebsite/Program.cs
@@ -45,9 +45,8 @@ app.MapDelete("/api/users/{id:int}", async (int id, DatabaseHandler db) => {
await db.SaveChangesAsync();
return Results.Json(user);
}); //WORKS
-app.MapPost("/api/users", async (User user, DatabaseHandler db)=>
-{
- user.id = db.users.Count() + 1;
+app.MapPost("/api/users", async (NewUser newuser, DatabaseHandler db) => {
+ User user = new User(newuser.nickname, db.users.Count() + 1, newuser.mast);
await db.users.AddAsync(user);
await db.SaveChangesAsync();
return user;
diff --git a/nrdkwebsite/User.cs b/nrdkwebsite/User.cs
index 7354bb5..5c22109 100644
--- a/nrdkwebsite/User.cs
+++ b/nrdkwebsite/User.cs
@@ -12,4 +12,15 @@ public class User
this.id = id;
this.mast = mast;
}
+}
+public class NewUser
+{
+ public string nickname { get; set; }
+ public string mast { get; set; }
+
+ public NewUser(string nickname, string mast)
+ {
+ this.nickname = nickname;
+ this.mast = mast;
+ }
}
\ No newline at end of file
diff --git a/nrdkwebsite/wwwroot/css/style.css b/nrdkwebsite/wwwroot/css/style.css
index 03cd81f..fc07fc8 100644
--- a/nrdkwebsite/wwwroot/css/style.css
+++ b/nrdkwebsite/wwwroot/css/style.css
@@ -15,10 +15,13 @@ a {
.header-links { /* <nav> */
padding-left: 5px;
padding-right: 5px;
- text-align: center;
+ display: flex;
+ align-items: center;
}
.header-link { /* <a> */
- text-align: left;
+ font-size: 20px;
+ padding: 8px;
+ border-radius: 5px;
}
.header-link:hover {
background: gray;
@@ -28,11 +31,19 @@ a {
.mainpage{ /* <a> MAINPAGE */
font-family: 'Raleway', monospace;
font-size: 30px;
+ justify-self: left;
+ margin: 10px auto 10px 10px;
}
+
+.header-linkss {
+ justify-self: right;
+ display: block;
+}
+
+
.header {
background-color: #4d4d4d;
a {
color: white;
}
- border-radius: 5px;
-}
+}
\ No newline at end of file
diff --git a/nrdkwebsite/wwwroot/js/site.js b/nrdkwebsite/wwwroot/js/site.js
index 2249b06..7257803 100644
--- a/nrdkwebsite/wwwroot/js/site.js
+++ b/nrdkwebsite/wwwroot/js/site.js
@@ -9,9 +9,10 @@ async function getUsers() {
if (response.ok === true) {
// получаем данные
const users = await response.json();
- const rows = document.querySelector("tbody");
- // добавляем полученные элементы в таблицу
- users.forEach(user => rows.append(row(user)));
+ const table = document.querySelector("#users");
+ const count = document.querySelector("#count")
+ count.outerHTML = "1";
+ document.querySelector("#loading").destroy();
}
}
// Получение одного пользователя
@@ -33,3 +34,4 @@ async function getUser(id) {
}
}
// Добавление пользователя
+await getUsers();
\ No newline at end of file