Added display name and some css.

Author: TheDoctorOne

WebService/src/main/java/net/mahmutkocas/user/UserEntity.java

@@ -14,6 +14,8 @@ public class UserEntity {
 
 	@Id
 	private String username;
+	
+	private String displayName;
 	private String password;
 	private String mail;
 }

frontend/src/bootstrap-override.scss

@@ -1,3 +1,28 @@
 $primary: rgb(11, 131, 125);
+.form-group {
+    margin-bottom: 1rem;
+}
+  
+.form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+}
+  
+.form-row {
+    display: flex;
+    flex-wrap: wrap;
+    margin-right: -5px;
+    margin-left: -5px;
+}
+  
+.form-row > .col {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+  
+label {
+    margin-bottom: 0.5rem;
+}
 
 @import '~bootstrap/scss/bootstrap.scss';

frontend/src/pages/registerUser.js

@@ -15,6 +15,7 @@ class UserRegisterPage extends React.Component {
 
     state = {
         username: null,
+        displayName: null,
         mail: null,
         password: null,
         repeatPassword: null,
@@ -31,14 +32,15 @@ class UserRegisterPage extends React.Component {
     onRegister = event => {
         event.preventDefault();
 
-        const { username, mail, password, repeatPassword } = this.state;
+        const { username, displayName, mail, password, repeatPassword } = this.state;
 
         if(repeatPassword !== password) {
             return;
         }
 
         const reqBody = {
             username,
+            displayName,
             mail,
             password
         };
@@ -64,6 +66,7 @@ class UserRegisterPage extends React.Component {
             <h1 className="text-center">Register</h1>
             <form>
             {createInputField("Username", "username", "text", this.onFieldChange)}
+            {createInputField("Display Name", "displayName", "text", this.onFieldChange)}
             {createInputField("E-Mail", "mail", "mail", this.onFieldChange)}
             {createInputField("Password", "password", "password", this.onFieldChange)}
             {createInputField("Repeat Password", "repeatPassword", "password", this.onFieldChange)}
@@ -74,8 +77,7 @@ class UserRegisterPage extends React.Component {
             </div>
             </form>
         </div>
-        )
-        ;
+        );
     }
 
 }