Update

Frontend/.vs/VSWorkspaceState.json

@@ -0,0 +1,6 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "PreviewInSolutionExplorer": false
+}

Frontend/Index.html

@@ -611,7 +611,19 @@
             <!-- Administation -->
             <section id="admin">
                 <h3>Administration</h3>
-                <p></p>
+                <form id="createGameJam">
+                    <label for="nameOfGameJam">Indtast navn på Game Jam:</label>
+                    <input type="text" name="nameOfGameJam" id="nameOfGameJam" >
+                    <br />
+                    <input type="date" name="startDate" id="startDate">Start dato
+                    <input type="date" name="endDate" id="endDate">Slut dato
+                    <br />
+                    <input type="time" name="startTime" id="startTime">Start tid
+                    <input type="time" name="endTime" id="endTime">Slut tid
+                    <br />
+                    <input type="text" name="description" id="description"/>
+                    <button type="button" name="indsend" id="indsend">Indsend</button>
+                </form>
             </section>
             <!-- Administation slut -->
 

Frontend/Javascript/Kalender.js

@@ -66,7 +66,7 @@ const renderCalendar = () => {
             days += `<div class="today" onClick="clickdate()">${i}</div>`;
 
         } else {
-            days += `<div onClick="clickdate()">${i}</div>`;
+            days += `<div class="today" ><span id="testEvent2"onClick="clickdate()"></span>${i}</div>`;
         }
     }
 
@@ -105,4 +105,30 @@ var myModal = document.getElementById('popup')
 
 myModal.addEventListener('shown.bs.modal', function() {
     myInput.focus()
-})
+})
+
+//Admin add event
+$("#indsend").click(function () {
+    let startDate = $("#startDate").val();
+    let endDate = $("#endDate").val();
+    let startTime = $("#startTime").val();
+    let endTime = $("#endTime").val();
+    console.log(`startDate ${startDate} \n
+    endDate ${endDate} \n
+    startTime ${startTime} \n
+    endTime ${endTime}`);
+})
+
+function addEvent() {
+
+
+}
+
+//Admin
+/*
+$(document).ready(function () {
+    $('#description').keyup(function () {
+        $(this).attr('size', $(this).val().length)
+    });
+});
+*/

Frontend/Styles/Index.css

@@ -671,6 +671,17 @@ image_gruppenavn{
     border-radius: 50%;
 }
 /*Kalender slut*/
+/*Event*/
+#testEvent2 {
+    position: absolute;
+    width: 220px;
+    height: 10px;
+    position: absolute;
+    background: red;
+    border-radius: 10px;
+    display: none;
+}
+/*Event slut*/
 
 #return-to-top {
     position: fixed;
@@ -712,4 +723,37 @@ image_gruppenavn{
 #return-to-top:hover i {
     color: rgba(255, 255, 255, .55);;
     top: 5px;
-}
+}
+
+/*Adminside*/
+
+#nameOfGameJam {
+    
+}
+#startDate {
+
+}
+#endDate{
+
+}
+#startTime{
+
+}
+#endTime{
+
+}
+#description {
+    
+    background-color: rgb(18, 18, 18);
+    color: rgba(255, 255, 255, .55);
+    border-radius:15px;
+    border:double;
+    
+}
+#indsend {
+    border-radius: 10px;
+    color: rgba(255, 255, 255, .55);
+    background-color: rgb(18, 18, 18);
+    border: double;
+}
+/*Adminside slut*/