From acdee880e449dbe5ec379a37ec0ee5d742c46b89 Mon Sep 17 00:00:00 2001
From: Florian Hoss <mail@florianhoss.de>
Date: Wed, 30 Mar 2022 15:11:58 +0200
Subject: [PATCH] registering user works

---
 Lab01/app/.idea/saveactions_settings.xml | 13 ++++++
 Lab01/app/database/types.go              | 10 +++--
 Lab01/app/templates/register.tmpl        | 54 ++++++++++++------------
 Lab01/app/webpage/webpage.go             |  3 +-
 4 files changed, 48 insertions(+), 32 deletions(-)
 create mode 100644 Lab01/app/.idea/saveactions_settings.xml

diff --git a/Lab01/app/.idea/saveactions_settings.xml b/Lab01/app/.idea/saveactions_settings.xml
new file mode 100644
index 0000000..66129c1
--- /dev/null
+++ b/Lab01/app/.idea/saveactions_settings.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="SaveActionSettings">
+    <option name="actions">
+      <set>
+        <option value="activate" />
+        <option value="activateOnShortcut" />
+        <option value="organizeImports" />
+        <option value="reformat" />
+      </set>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/Lab01/app/database/types.go b/Lab01/app/database/types.go
index a0078b8..d4e11f0 100644
--- a/Lab01/app/database/types.go
+++ b/Lab01/app/database/types.go
@@ -1,6 +1,8 @@
 package database
 
-import "gorm.io/gorm"
+import (
+	"gorm.io/gorm"
+)
 
 type Database struct {
 	ORM      *gorm.DB
@@ -8,7 +10,7 @@ type Database struct {
 }
 
 type User struct {
-	ID       int
-	Username string
-	Password string
+	Username  string `gorm:"primaryKey"`
+	Password  string
+	CreatedAt int64 `gorm:"autoCreateTime"`
 }
diff --git a/Lab01/app/templates/register.tmpl b/Lab01/app/templates/register.tmpl
index b64084b..3f1632f 100644
--- a/Lab01/app/templates/register.tmpl
+++ b/Lab01/app/templates/register.tmpl
@@ -9,37 +9,37 @@
 {{template "navbar" .}}
 
 <div class="position-absolute top-50 start-50 translate-middle">
-    <form action="http://localhost:8080/register" method="POST">
-        <div class="mb-3">
-            <label for="username" class="form-label">Username</label>
-            <input type="text" class="form-control" id="username" aria-describedby="emailHelp">
-            <div id="emailHelp" class="form-text">The username needs to be unique</div>
-        </div>
-        <div class="mb-3">
-            <label for="password" class="form-label">Password</label>
-            <input type="password" class="form-control" id="password" aria-describedby="passwordHelp">
-            <div id="passwordHelp" class="form-text">The password needs to be different from the username</div>
-        </div>
-        <button type="submit" class="btn btn-primary">Submit</button>
-    </form>
+    <div class="mb-3">
+        <label for="username" class="form-label">Username</label>
+        <input type="text" class="form-control" id="username" aria-describedby="emailHelp">
+        <div id="emailHelp" class="form-text">The username needs to be unique</div>
+    </div>
+    <div class="mb-3">
+        <label for="password" class="form-label">Password</label>
+        <input type="password" class="form-control" id="password" aria-describedby="passwordHelp">
+        <div id="passwordHelp" class="form-text">The password needs to be different from the username</div>
+    </div>
+    <button onclick="registerUser()" class="btn btn-primary">Submit</button>
 </div>
 
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+        crossorigin="anonymous"></script>
 <script>
-    let formData = new FormData();
-    formData.append("username", "Florian");
-    formData.append("password", "SuperSafe");
+    function registerUser() {
+        const username = document.getElementById("username").value;
+        const password = document.getElementById("password").value;
+        let formData = new FormData();
+        formData.append("username", username);
+        formData.append("password", password);
 
-    let requestOptions = {
-        method: 'POST',
-        body: formData,
-        redirect: 'follow'
-    };
-
-    fetch("http://localhost:8080/register", requestOptions)
-        .then(response => response.text())
-        .then(result => console.log(result))
-        .catch(error => console.log('error', error));
+        fetch("/register", {method: 'POST', body: formData, redirect: 'follow'})
+            .then(response => response.json())
+            .then(() => {
+                    window.location.href = "/";
+                }
+            ).catch(error => console.log(error));
+    }
 </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/Lab01/app/webpage/webpage.go b/Lab01/app/webpage/webpage.go
index e6da9a9..1c33e94 100644
--- a/Lab01/app/webpage/webpage.go
+++ b/Lab01/app/webpage/webpage.go
@@ -45,7 +45,8 @@ func (wp *Webpage) defineRoutes() {
 		user := database.User{Username: username, Password: password}
 		result := wp.Database.ORM.Create(&user)
 		if result.Error != nil {
-			c.JSON(200, gin.H{"message": "cannot create user"})
+			c.JSON(400, gin.H{"message": result.Error.Error()})
+			return
 		}
 		c.JSON(200, gin.H{"message": "user registered"})
 	})