Login functionality updated

Frontend/Javascript/LoginFunctionality.js

@@ -1,28 +1,36 @@
 $(document).ready(function () {
-    // Register Start
     let selectedGameJam;
-    let MemberSize = $('#NUDDisplay').text();
     let displayValue = 0;
-    let arr = [
+    let AvailableJams = [
         {"id": "-1", "Gamejam": "Vælg aktivt GameJam"}
     ];
 
+    let GroupName = getCookie('groupName');
+    let GroupId = getCookie('groupId');
+
+    // Control Logged in users
+    if (GroupId != null)
+    {
+        LoggedInUser();
+    }
+    //
+
+    // Register Start
+
     // Populate select with options from the database
     axios.get('/Backend/Controllers/GameJam/GetGameJam.php')
     .then(function(res) {
-        let resArr = res.data;
+        let resArr = res.data.data;
 
-        //console.log(res.data.data);
-
-        for(let i = 0; i < res.data.data.length; i++)
+        for(let i = 0; i < resArr.length; i++)
         {
-            arr.push({
-                id: res.data.data[i].id, 
-                Gamejam: res.data.data[i].name
+            AvailableJams.push({
+                id: resArr[i].id, 
+                Gamejam: resArr[i].name
             });
         }
 
-        $.each(arr, function(i, data) {
+        $.each(AvailableJams, function(i, data) {
             if (i === 0)
             {
                 $('#GameJamSelect').append('<option disabled selected value="' + data.id + '">' + data.Gamejam + '</option>');
@@ -154,7 +162,15 @@ $(document).ready(function () {
             axios.post(URL, formData, {
                 header: 'multipart/form-data'
             }).then(res => {
-                console.log(res);
+                if (res.status == 201)
+                {
+                    let LoginModalElem = document.getElementById('LoginModal')
+                    let LoginModal = bootstrap.Modal.getInstance(LoginModalElem);
+
+                    LoginModal.hide();
+
+                    LoggedInUser();
+                }
             }).catch(error => {
                 console.log(error);
             });
@@ -189,20 +205,14 @@ $(document).ready(function () {
             $('#NUDDisplay').text(displayValue);
         }
     });
-
-
-    async function GetGroupNames() {
-        const res = await axios.get('/Backend/Controllers/Group/GetGroup.php');
-
-        return res.data;
-    }
-
     // Register end 
 
     // Login start
     $('#LoginForm').submit(function(e) {
         let URL = "/Backend/Controllers/Group/Login.php";
 
+        $('#loginUsername').attr('name') = "groupName";
+
         let form = $('#LoginForm')[0];
         let formData = new FormData(form);
 
@@ -211,13 +221,17 @@ $(document).ready(function () {
 
         formData.append(id, value);
 
-
         axios.post(URL, formData, {
             header: 'multipart/form-data'
         }).then(res => {
             if (res.status === 200)
             {
-                console.log('Logged in');
+                let LoginModalElem = document.getElementById('LoginModal')
+                let LoginModal = bootstrap.Modal.getInstance(LoginModalElem);
+
+                LoginModal.hide();
+
+                LoggedInUser();
             }
         }).catch(error => {
             console.log(error);
@@ -226,4 +240,94 @@ $(document).ready(function () {
         e.preventDefault();
     })
     // Login end
+
+    // Admin Login Start
+    $('#AdminLoginBtn').submit(function(e) {
+        let URL = "/Backend/Controllers/Admin/AdminLogin.php";
+
+        $('#loginUsername').attr('name') = "userName";
+
+        let form = $('#LoginForm')[0];
+        let formData = new FormData(form);
+
+        let id = $('#LoginBtn').attr('name');
+        let value = $('#LoginBtn').val();
+
+        formData.append(id, value);
+
+        axios.post(URL, formData, {
+            header: 'multipart/form-data'
+        }).then(res => {
+            if (res.status === 200)
+            {
+                let LoginModalElem = document.getElementById('LoginModal')
+                let LoginModal = bootstrap.Modal.getInstance(LoginModalElem);
+
+                LoginModal.hide();
+
+                LoggedInUser();
+            }
+        }).catch(error => {
+            console.log(error);
+        });
+
+        e.preventDefault();
+    });
+    // Admin Login End
+
+    // Logout Start
+    $('#UserLogout').click(function() {
+        axios.get('/Backend/Controllers/Group/Logout.php').then(res => {
+            if(res.status === 200)
+            {
+                UserLoggedOut();
+            }
+        }).catch(error => {
+            console.log(error);
+        });
+    });
+    // Logout End
+
+    // Functions Start
+    function LoggedInUser() {
+        $('#NavLogin').css({
+            "display": "none"
+        });
+
+        $('#UserLogout').css({
+            "display": "block"
+        });
+
+        $('#NavUser').text(`Logget ind som: ${GroupName}`);
+        $('#NavUser').css({
+            "display": "block"
+        });
+    }
+
+    function UserLoggedOut() {
+        $('#NavLogin').css({
+            "display": "block"
+        });
+
+        $('#UserLogout').css({
+            "display": "None"
+        });
+
+        $('#NavUser').css({
+            "display": "none"
+        });
+    }
+
+    async function GetGroupNames() {
+        const res = await axios.get('/Backend/Controllers/Group/GetGroup.php');
+
+        return res.data;
+    }
+
+    function getCookie(name) {
+        const value = `; ${document.cookie}`;
+        const parts = value.split(`; ${name}=`);
+        if (parts.length === 2) return parts.pop().split(';').shift();
+    }
+    // Functions End
 });

Frontend/Javascript/qweData.js

@@ -0,0 +1,19 @@
+$(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);
+        }
+    });
+}
+
+
+
+//console.log(result.name); ?gameJamId=1
+//console.log(result[0].name); uden ?gameJamId=1