Game-jam-Devs/Game-Jaming
Game-jam-Devs
/
Game-Jaming
4
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adminpanel Update

This commit is contained in:
Minik Gaarde Lambrecht 2021-04-09 10:51:50 +02:00
parent a0d9f880fd
commit 8f0fa2702b
2 changed files with 88 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
Frontend/Html/AdminPage.html
View File

@ -62,42 +62,48 @@
</label>
</div>
<br />
<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="date" class="FormFieldInput"
<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>
<label for="startDate">Start dato:</label>
<input type="date" name="startDate" id="startDate">
<br />
<div class="FormField">
<textarea class="FormFieldInput" placeholder="Beskrivelse" name="description" id="Beskrivelse" required></textarea>
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Beskrivelse
</label>
</div>
<label for="endDate">Slut dato:</label>
<input type="date" name="endDate" id="endDate">
<br />
<label for="startTime">Start tidspunkt:</label>
<input type="text" name="startTime" id="startTime" placeholder="12:00">
<br />
<label for="endDate">Slut tidspunkt:</label>
<input type="time" name="endTime" id="endTime" min="00:00" max="24:00" value="00:00" pattern="[0-9]{2}:[0-9]{2}">
<br />
<label for="keyWord">Emne / Keywords (Ikke obligatorisk):</label>
<input type="text" name="keyWord" id="keyWord">
<br />
<p>Indsæt en beskrivelse af Gam jammet</p>
<div class="form-floating">
<!-- <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>
</div> -->
<input type="submit" name="newGameJam" id="indsend" value="Indsend">
<button type="button" id="testTime">Test</button>
@ -111,7 +117,14 @@
<script src="../Javascript/AddGameJam.js"></script>
<script>
$(document).ready(function() {
$('#startTime').inputmask('99:99');
let regexTemp = '([01][0-9]|2[0-3]):([0-5][0-9])'
$('#startTime').inputmask({
regex: regexTemp
});
$('#endTime').inputmask({
regex: regexTemp
});
});
</script>
<!-- Body scripts end -->

77
Frontend/Styles/AdminPage.css
View File

@ -47,46 +47,55 @@ body {
outline: none;
}
#startTime {
border-radius: 15px;
color: #474747;
background-color: rgba(255, 255, 255, .55);
border: double;
filter: invert(90%);
}
#endTime {
border-radius: 15px;
color: #474747;
background-color: rgba(255, 255, 255, .55);
border: double;
filter: invert(90%);
}
#startDate {
border-radius: 15px;
color: #474747;
background-color: rgba(255, 255, 255, .55);
border: double;
filter: invert(90%);
width: 32.5%;
display: inline-block !important;
margin-right: 2.5%;
float: left;
}
#startDateLabel {
display: inline-block;
left: 0;
}
#endDate {
border-radius: 15px;
color: #474747;
background-color: rgba(255, 255, 255, .55);
border: double;
filter: invert(90%);
width: 32.5%;
display: inline-block !important;
margin-left: 2.5%;
margin-right: 2.5%;
float: left;
}
#nameOfGameJam,
#keyWord {
background-color: rgb(18, 18, 18);
color: rgba(255, 255, 255, .55);
border-radius: 15px;
border: double;
#endDateLabel {
display: inline-block;
left: 37.5%;
}
#startTime {
width: 12.5%;
display: inline-block !important;
margin-right: 2.5%;
float: left;
}
#startTimeLabel {
display: inline-block;
left: 72.5%;
}
#endTime {
width: 12.5%;
display: inline-block !important;
float: left;
}
#endTimeLabel {
display: inline-block;
left: 87.5%;
}
#description {
background-color: rgb(18, 18, 18);
color: rgba(255, 255, 255, .55);
@ -96,6 +105,10 @@ body {
height:250px;
}
#Beskrivelse {
margin-bottom: 10px;
}
#indsend {
border-radius: 15px;
color: rgba(255, 255, 255, .55);