Game-Jaming/Frontend/Html/AdminPage.html

133 lines
5.8 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Default page settings -->
<title>Admin Panel</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="../Images/UFO.png" />
<!-- Default page settings end -->
<!-- CSS -->
<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 -->
</head>
<body>
<div class="HeaderPanel">
<div class="HeaderLeft">
<a style="display: inline-block;" href="../Index.html">
<i class="fas fa-arrow-left"></i>
</a>
</div>
<div class="HeaderTitle">
<h2 style="margin-bottom: 0px">
Admin Panel
</h2>
</div>
</div>
<!--Opret game jam-->
<br />
<br />
<h3>Administration</h3>
<h5>Opret Game Jam</h5>
<div>
<form id="createGameJam" method="POST">
<!-- <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>
<div class="FormField">
<div id="Dates">
<input type="date" class="FormFieldInput" placeholder="mm/dd/yyyy" name="startDate" id="startDate" required>
<label for="startDate" class="FormFieldLabel" id="startDateLabel">
Start dato
</label>
<input type="date" class="FormFieldInput" placeholder="mm/dd/yyyy" name="endDate" id="endDate" required>
<label for="endDate" class="FormFieldLabel" id="endDateLabel">
Slut dato
</label>
</div>
<div class="Times">
<input type="text" class="FormFieldInput" placeholder="hh:mm" name="startTime" id="startTime" required>
<label for="startTime" class="FormFieldLabel" id="startTimeLabel">
Start tidspunkt
</label>
<input type="text" class="FormFieldInput" placeholder="hh:mm" name="endTime" id="endTime" required>
</div>
</div>
<div class="FormField">
<input type="text" class="FormFieldInput" placeholder="Emne / Keywords (Ikke obligatorisk)" name="keyWord" id="keyWord" required>
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Emne / Keywords (Ikke obligatorisk)
</label>
</div>
<div class="FormField">
<textarea class="FormFieldInput" placeholder="Beskrivelse" name="description" id="Beskrivelse" required></textarea>
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Beskrivelse
</label>
</div>
<!-- <div class="form-floating">
<textarea class="form-control" name="description" id="description" placeholder="Leave a comment here" id="floatingTextarea2" style="height: 100px"></textarea>
<label for="floatingTextarea2">Beskrivelse</label>
</div> -->
<input type="submit" name="newGameJam" id="indsend" value="Indsend">
<button type="button" id="testTime">Test</button>
</form>
</div>
<!-- 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() {
let regexTemp = '([01][0-9]|2[0-3]):([0-5][0-9])'
$('#startTime').inputmask({
regex: regexTemp
});
$('#endTime').inputmask({
regex: regexTemp
});
});
</script>
<!-- Body scripts end -->
</body>
</html>