Login Functionality Update

Frontend/Index.html

@@ -17,6 +17,7 @@
     <!-- CSS end -->
 
     <!-- Header scripts -->
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
     <script src="https://kit.fontawesome.com/57b6c8b971.js" crossorigin="anonymous"></script>
     <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
     <script src="Javascript/swipe.js"></script>
@@ -134,11 +135,12 @@
                                     <input id="username" type="text" name="" placeholder="Gruppe navn">
                                     <input id="pass1" type="password" class="" name="" placeholder="Password">
                                     <input id="pass2" type="password" name="" placeholder="Gentag Password">
-                                    <div class="form-check" style="display: table; margin: auto;">
-                                        <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
-                                        <label class="form-check-label" for="flexCheckDefault">
-                                            Jeg accepterer Vilkår og betingelser
-                                        </label>
+                                    <select id="AvailableGameJams" class="form-select" aria-label="Default select example"></select>
+
+                                    <div class="btn-group" role="group" aria-label="Basic example">
+                                        <button type="button" class="btn btn-primary"><i class=fas fa-></i></button>
+                                        <button type="button" class="btn btn-primary">Middle</button>
+                                        <button type="button" class="btn btn-primary">Right</button>
                                     </div>
 
                                     <div id="pass_info">
@@ -632,7 +634,7 @@
     <script src="Javascript/Kalender.js"></script>
     <script src="Javascript/minibar.min.js"></script>
     <script src="Javascript/HeaderFunctionality.js"></script>
-    <script src="Javascript/qweData.js"></script>
+    <script src="Javascript/LoginFunctionality.js"></script>
     <!-- Body scripts end -->
 </body>
 

Frontend/Javascript/LoginFunctionality.js

@@ -0,0 +1,29 @@
+$(document).ready(function() {
+    // Populate select with GameJams
+    let JamArr = [];
+
+    axios.get('/Backend/Controllers/GameJam/GetGameJam.php').then(res => {
+        let resArr = res.data;
+
+        for(let i = 0; i < resArr.data.length; i++)
+        {
+            let Jam = resArr.data[i];
+            JamArr.push({
+                id: Jam.id,
+                Name: Jam.name
+            });
+        }
+
+        $.each(JamArr, function(i, Jam) {
+            console.log(`Id: ${Jam.id} \n Name: ${Jam.Name}`);
+            if(i === 1)
+            {
+                $('#AvailableGameJams').append('<option disabled selected value="'+ "0" + '">' + "Vælg et gamejam her" + '</option>');
+            }
+
+            $('#AvailableGameJams').append('<option value="'+ Jam.id + '">' + Jam.Name + '</option>');
+        })
+    }).catch(error => {
+        console.log(`Error: ${error}`)
+    });
+});

Frontend/Javascript/qweData.js

@@ -1,40 +0,0 @@
-/*
-$(window).on("load", function(){
-    dataFetch();
-});
-
-
-
-function dataFetch(){
-    $.ajax({
-        type: "GET",
-        url: "/Game-Jaming/Backend/controllers/GameJam/GetGameJam.php",
-        success: function(result){
-            console.log(result[0].name);
-        }
-    });
-}
- */
-
-
-$("#qweLog").click(function(){
-    var vgroupName = $("#groupName").val();
-    var vpassword = $("#groupPassword").val();
-
-    $.post("/Game-Jaming/Backend/Controllers/Group/Login.php",
-        {
-            login: "data",
-            groupName: vgroupName,
-            password: vpassword
-        },
-        function(data){
-            alert("Data: " + data);
-        });
-});
-
-
-
-
-
-//console.log(result.name); ?gameJamId=1
-//console.log(result[0].name); uden ?gameJamId=1