174 lines
4.7 KiB
HTML
174 lines
4.7 KiB
HTML
<html>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
#squadForm {
|
|
background-color: #ffffff;
|
|
margin: 100px auto;
|
|
font-family: Raleway;
|
|
padding: 40px;
|
|
width: 40%;
|
|
min-width: 300px;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
input {
|
|
padding: 10px;
|
|
width: 10%;
|
|
font-size: 17px;
|
|
font-family: Raleway;
|
|
border: 1px solid #aaaaaa;
|
|
}
|
|
|
|
/* Mark input boxes that gets an error on validation: */
|
|
input.invalid {
|
|
background-color: #ffdddd;
|
|
}
|
|
|
|
/* Hide all steps by default: */
|
|
.tab {
|
|
display: none;
|
|
}
|
|
|
|
button {
|
|
background-color: #4CAF50;
|
|
color: #ffffff;
|
|
border: none;
|
|
padding: 10px 20px;
|
|
font-size: 17px;
|
|
font-family: Raleway;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
#prevBtn {
|
|
background-color: #bbbbbb;
|
|
}
|
|
|
|
</style>
|
|
|
|
<head>
|
|
<link rel="stylesheet" media="screen" href ="/static/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/static/css/bootstrap-theme.min.css">
|
|
<meta name="viewport" content = "width=device-width, initial-scale=1.0">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script src="/static/js/bootstrap.min.js"></script>
|
|
</head>
|
|
|
|
<body onload="myFunction()">
|
|
{{ form.csrf_token }}
|
|
<form action="/hkfc-d/goalsAssistsSubmit" method="post" accept-charset="utf-8">
|
|
<h1>Allocate goals and assists</h1>
|
|
<div class="row row-no-gutters">
|
|
<div class = "col-md-3 col-md-offset-1">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon1">Fixture Date</span>
|
|
{{ form.match(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
<div class = "col-md-3">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon2">Home Team</span>
|
|
{{ form.homeTeam(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row row-no-gutters">
|
|
<div class = "col-md-3 col-md-offset-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon3">Away Team</span>
|
|
{{ form.awayTeam(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row row-no-gutters">
|
|
<div class = "col-md-1 col-md-offset-1">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon2">Number</span>
|
|
</div>
|
|
</div>
|
|
<div class = "col-md-2">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon2">Player</span>
|
|
</div>
|
|
</div>
|
|
<div class = "col-md-1">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon2">Assists</span>
|
|
</div>
|
|
</div>
|
|
<div class = "col-md-1">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon2">Goals</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="data">
|
|
{% for item in data %}
|
|
<div class = "row row-no-gutters">
|
|
<div class = "col-md-1 col-md-offset-1" id="player-{{ loop.index }}">
|
|
{{ item.playerNumber }}
|
|
<input type="hidden" id="playerNumber" name="playerNumber" value="{{ item.playerNumber }}">
|
|
</div>
|
|
<div class = "col-md-2">
|
|
{{ item.playerNickname }}
|
|
<input type="hidden" id="playerName" name="playerName" value="{{ item.playerNickname }}">
|
|
</div>
|
|
<div class = "col-md-1">
|
|
{{ form.assists(class_="form-control") }}
|
|
</div>
|
|
<div class = "col-md-1">
|
|
{{ form.goals(class_="form-control") }}
|
|
</div>
|
|
</br>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class = "col-md-6 col-md-offset-1">
|
|
{{ form.submit(class_="btn btn-success") }}
|
|
<a class="btn btn-danger" href="/dashboard" role="button">Cancel</a>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
var date_select = document.getElementById("match");
|
|
var homeTeam = document.getElementById("homeTeam");
|
|
var awayTeam = document.getElementById("awayTeam");
|
|
|
|
date_select.onchange = function() {myFunction()};
|
|
|
|
function myFunction() {
|
|
|
|
date = date_select.value;
|
|
|
|
fetch('/hkfc-d/statsAdmin/' + date).then(function(response) {
|
|
response.json().then(function(data) {
|
|
var HTML = '';
|
|
var HTML2 = '';
|
|
for (var team of data) {
|
|
HTML += team.homeTeam;
|
|
HTML2 += team.awayTeam;
|
|
}
|
|
homeTeam.value = HTML;
|
|
awayTeam.value = HTML2;
|
|
})
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|