From d1626a8460b24b40ecfe0bcbcf0f48e61d54fab2 Mon Sep 17 00:00:00 2001
From: Martin Quarda <martin@quarda.cz>
Date: Thu, 10 Oct 2024 09:11:26 +0200
Subject: [PATCH] racers page

---
 alkatorapi/models.py          |  1 -
 frontend/src/scripts/index.js | 28 ++++++++++++++++++----------
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/alkatorapi/models.py b/alkatorapi/models.py
index 3d02c90..b29d2e7 100644
--- a/alkatorapi/models.py
+++ b/alkatorapi/models.py
@@ -72,6 +72,5 @@ class Racer(models.Model):
     paid = models.BooleanField(default=False)
     invoice_id = models.IntegerField(null=True, blank=True, unique=True)
 
-
     def __str__(self):
         return f"<Racer {self.email} {self.first_name} {self.last_name} {self.team}>"
diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index 332281c..124b717 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -164,7 +164,7 @@ class Main extends Component {
                 </li>
                 {Object.keys(this.state.login_status).length === 0 &&
                     <li class="nav-item">
-                        <a class="nav-link" href="#login">Přihlašování</a>
+                        <a class="nav-link" href="#login">Přihlášení</a>
                     </li>
                 }
                 {Object.keys(this.state.login_status).length === 0 &&
@@ -172,6 +172,11 @@ class Main extends Component {
                         <a class="nav-link" href="#register_user">Registrace</a>
                     </li>
                 }
+                {this.state.login_status.racers.length > 1 &&
+                    <li class="nav-item">
+                        <a class="nav-link" href="#racers">Závodníci</a>
+                    </li>
+                }
                 {Object.keys(this.state.login_status).length > 0 &&
                     <li class="nav-item">
                         <a class="nav-link" href="#register_racer">Registrovat závodníka</a>
@@ -186,13 +191,16 @@ class Main extends Component {
         </div>
     </nav>
     {this.state.status == "success" &&
-        <div class="absolute container-fluid alert alert-success" onClick={(e) => {this.setState({status: "", status_text:""})}}>
-            {this.state.status_text}
-        </div>}
-        {this.state.status == "failed" &&
-        <div class="absolute container-fluid alert alert-danger" onClick={(e) => {this.setState({status: "", status_text:""})}}>
-            {this.state.status_text}
-        </div>}
+    <div class="absolute container-fluid alert alert-success" onClick={(e) => {this.setState({status: "", status_text:""})}}>
+        {this.state.status_text}
+    </div>}
+    {this.state.status == "failed" &&
+    <div class="absolute container-fluid alert alert-danger" onClick={(e) => {this.setState({status: "", status_text:""})}}>
+        {this.state.status_text}
+    </div>}
+    {this.state.page == "#racers" &&
+        this.state.login_status.racers
+    }
     {this.state.page == "#register_racer" &&
     <div>
         <form id="form" class="container" action="/api/register_racer" onSubmit={(e) => this.onSubmit(e)}>
@@ -250,11 +258,11 @@ class Main extends Component {
             </div>
             <div class="mb-3">
                 <label for="password1" class="form-label">Heslo:</label>
-                <input type="password1" class="form-control" name="password1"/>
+                <input type="password" class="form-control" name="password1"/>
             </div>
             <div class="mb-3">
                 <label for="password2" class="form-label">Znovu heslo:</label>
-                <input type="password2" class="form-control" name="password2"/>
+                <input type="password" class="form-control" name="password2"/>
             </div>
             <button type="submit" class="btn btn-primary">Registrovat</button>
         </form>