From a0d9f880fd87b6296cc7d6b833292c898035aaf7 Mon Sep 17 00:00:00 2001
From: Minik Gaarde Lambrecht <MinikGLambrecht@hotmail.com>
Date: Thu, 8 Apr 2021 13:06:52 +0200
Subject: [PATCH] Update

---
 Backend/test.php              |  4 +-
 Frontend/Html/AdminPage.html  | 28 +++++++++++---
 Frontend/Index.html           |  6 +--
 Frontend/Styles/AdminPage.css | 72 +++++++++++++++++++++++++++++++++--
 config/database.json          |  7 ++++
 5 files changed, 103 insertions(+), 14 deletions(-)

diff --git a/Backend/test.php b/Backend/test.php
index a466263..faa2bef 100644
--- a/Backend/test.php
+++ b/Backend/test.php
@@ -4,5 +4,5 @@ use Backend\Models\AdminUser;
 
 require_once ('Database/databaseMigration.php');
 AdminUser::firstOrCreate([
-    'user_name' => '', 'password' => password_hash('',PASSWORD_DEFAULT)
-]);
\ No newline at end of file
+    'user_name' => 'admin', 'password' => password_hash('admin123',PASSWORD_DEFAULT)
+]);
diff --git a/Frontend/Html/AdminPage.html b/Frontend/Html/AdminPage.html
index 2a751e6..f6c83da 100755
--- a/Frontend/Html/AdminPage.html
+++ b/Frontend/Html/AdminPage.html
@@ -10,16 +10,19 @@
     <!-- Default page settings end -->
 
     <!-- CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
     <link rel="stylesheet" href="../Styles/Index.css" />
     <link rel="stylesheet" href="../Styles/AdminPage.css" />
     <link rel="stylesheet" href="../Styles/minibar.min.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
     <!-- CSS end -->
 
     <!-- Header scripts -->
     <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.5/dist/jquery.inputmask.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
     <!-- Header scripts end -->
@@ -49,11 +52,21 @@
 
     <div>
         <form id="createGameJam" method="POST">
-            <label for="nameOfGameJam">Indtast navn på Game Jam:</label>
-            <input type="text" name="newGameJam" id="nameOfGameJam">
+            <!-- <label for="nameOfGameJam">Indtast navn på Game Jam:</label>
+            <input type="text" name="newGameJam" id="nameOfGameJam"> -->
+
+            <div class="FormField">
+                <input type="text" class="FormFieldInput" placeholder="Gamejam title" name="newGameJam" id="GamejamTitle" required>
+                <label for="GamejamTitle" class="FormFieldLabel">
+                    Gamejam title
+                </label>
+            </div>
 
             <br />
 
+            <div class="FormField">
+                <input type="date" class="FormFieldInput"
+            </div>
             <label for="startDate">Start dato:</label>
             <input type="date" name="startDate" id="startDate">
 
@@ -65,7 +78,7 @@
             <br />
 
             <label for="startTime">Start tidspunkt:</label>
-            <input type="time" name="startTime" id="startTime" min="00:00" max="24:00" value="00:00" pattern="[0-9]{2}:[0-9]{2}">
+            <input type="text" name="startTime" id="startTime" placeholder="12:00">
 
             <br />
 
@@ -90,12 +103,17 @@
             <button type="button" id="testTime">Test</button>
         </form>
     </div>
-    <!--Opret game jam slut-->
+    <!-- Opret game jam slut -->
 
     <!-- Body scripts -->
     <script src="../Javascript/minibar.min.js"></script>
     <script src="../Javascript/AddEvent.js"></script>
     <script src="../Javascript/AddGameJam.js"></script>
+    <script>
+        $(document).ready(function() {
+            $('#startTime').inputmask('99:99');
+        });
+    </script>
     <!-- Body scripts end -->
 </body>
 
diff --git a/Frontend/Index.html b/Frontend/Index.html
index e6dc5d2..a414bc7 100755
--- a/Frontend/Index.html
+++ b/Frontend/Index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="da-DK">
+<html lang="en">
 
 <head>
     <!-- Default page settings -->
@@ -9,7 +9,7 @@
     <link rel="shortcut icon" href="Images/UFO.png" />
     <!-- Default page settings end -->
     <!-- CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
     <link rel="stylesheet" href="Styles/Index.css" />
     <link rel="stylesheet" href="Styles/SpinningWheel.css" />
     <link rel="stylesheet" href="Styles/minibar.min.css" />
@@ -704,7 +704,7 @@
     <script src="Javascript/SpinningWheel.js"></script>
     <script src="Javascript/minibar.min.js"></script>
     <script src="Javascript/HeaderFunctionality.js"></script>
-    <script src="Javascript/LoginFunctionality.js"></script>
+    <script src="Javascript/swipe.js"></script>
     <!-- Body scripts end -->
 </body>
 
diff --git a/Frontend/Styles/AdminPage.css b/Frontend/Styles/AdminPage.css
index 38c300f..fb7579a 100755
--- a/Frontend/Styles/AdminPage.css
+++ b/Frontend/Styles/AdminPage.css
@@ -1,6 +1,7 @@
-body{
+body {
     text-align: center;
 }
+
 .HeaderPanel {
     position: fixed;
     overflow: hidden;
@@ -42,6 +43,10 @@ body{
     position: center;
 }
 
+#createGameJam input:focus-visible {
+    outline: none;
+}
+
 #startTime {
     border-radius: 15px;
     color: #474747;
@@ -82,8 +87,6 @@ body{
     border: double;
 }
 
-
-
 #description {
     background-color: rgb(18, 18, 18);
     color: rgba(255, 255, 255, .55);
@@ -99,4 +102,65 @@ body{
     background-color: rgb(18, 18, 18);
     border: double;
 }
-/*Create Game Jam end*/
\ No newline at end of file
+/*Create Game Jam end*/
+
+
+.FormField {
+  position: relative;
+  padding: 15px 0 0;
+  margin-top: 10px;
+}
+
+.FormFieldInput {
+  font-family: inherit;
+  width: 100%;
+  border: 0;
+  border-bottom: 2px solid #9b9b9b;
+  outline: 0;
+  font-size: 1.3rem;
+  color: #fff;
+  padding: 7px 0;
+  background: transparent;
+  transition: border-color 0.2s;
+}
+
+.FormFieldInput::placeholder {
+  color: transparent;
+}
+
+.FormFieldInput:placeholder-shown ~ .FormFieldLabel {
+  font-size: 1.3rem;
+  cursor: text;
+  top: 20px;
+}
+
+.FormFieldLabel {
+  position: absolute;
+  top: 0;
+  display: block;
+  transition: 0.2s;
+  font-size: 1rem;
+  color: #9b9b9b;
+}
+
+.FormFieldInput:focus {
+  padding-bottom: 6px;
+  font-weight: 700;
+  border-width: 3px;
+  border-image: linear-gradient(to right, #11998e, #38ef7d);
+  border-image-slice: 1;
+}
+.FormFieldInput:focus ~ .FormFieldLabel {
+  position: absolute;
+  top: 0;
+  display: block;
+  transition: 0.2s;
+  font-size: 1rem;
+  color: #11998e;
+  font-weight: 700;
+}
+
+.FormFieldInput:required, 
+.FormFieldInput:invalid {
+  box-shadow: none;
+}
\ No newline at end of file
diff --git a/config/database.json b/config/database.json
index e69de29..364d1a8 100644
--- a/config/database.json
+++ b/config/database.json
@@ -0,0 +1,7 @@
+{
+    "driver":"mysql",
+    "host":"localhost",
+    "database":"testdb",
+    "username":"root",
+    "password":"V#_xWL6_"
+}
\ No newline at end of file