159 lines
6.2 KiB
HTML
159 lines
6.2 KiB
HTML
<html>
|
||
<head>
|
||
<title>HKFC Men's Convenor - Player Add form *TESTING*</title>
|
||
<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>
|
||
<h2>HKFC Men's Convenor Add Player Record Form</h2>
|
||
{% with messages = get_flashed_messages() %}
|
||
{% if messages %}
|
||
{% for message in messages %}
|
||
<div class="alert alert-warning alert-dismissible" role="alert">
|
||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||
{{ message }}
|
||
</div>
|
||
{% endfor %}
|
||
{% endif %}
|
||
{% endwith %}
|
||
<body onload="myFunction()">
|
||
<dl>
|
||
<p>
|
||
{{ form.csrf_token }}
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<form class="col-sm-6" method="post" action="/convenor/playerAddResult" accept-charset="utf-8">
|
||
<legend>Add Player Form</legend>
|
||
<div class = "row">
|
||
<div class = "col-sm-4">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerClub.label }}</span>
|
||
{{ form.playerClub(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
<div class = "col-sm-2">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerTeam.label }}</span>
|
||
{{ form.playerTeam(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
<div class = "col-sm-3">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerNumber.label }}</span>
|
||
{{ form.playerNumber(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p/>
|
||
<div class = "row">
|
||
<div class = "col-sm-9">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerForenames.label }}</span>
|
||
{{ form.playerForenames(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class = "row">
|
||
<div class="col-sm-9">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerSurnames.label }}</span>
|
||
{{ form.playerSurnames(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class = "row">
|
||
<div class="col-sm-9">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerNickname.label }}</span>
|
||
{{ form.playerNickname(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class = "row">
|
||
<div class="col-sm-9">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerChineseName.label }}</span>
|
||
{{ form.playerChineseName(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p/>
|
||
<div class = "row">
|
||
<div class = "col-sm-5">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerEmailAddress.label }}</span>
|
||
{{ form.playerEmailAddress(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
<div class = "col-sm-4">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerTelNumber.label }}</span>
|
||
{{ form.playerTelNumber(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class = "row">
|
||
<div class = "col-sm-5">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerDob.label }}</span>
|
||
{{ form.playerDob(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
<div class = "col-sm-4">
|
||
<div class="input-group">
|
||
<span class="input-group-addon" id="basic-addon1">{{ form.playerHkid.label }}</span>
|
||
{{ form.playerHkid(class_="form-control") }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
{{ form.submit(class_="btn btn-success") }}
|
||
<a class="btn btn-danger" href="/dashboard" role="button">Cancel</a>
|
||
</form>
|
||
<div class="col-sm-6">
|
||
<img src="{{ clubLogo }}" height="90" id="clubLogo"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</p>
|
||
</dl>
|
||
</body>
|
||
<script>
|
||
var club_select = document.getElementById("playerClub");
|
||
var club_logo = document.getElementById("clubLogo");
|
||
var team_select = document.getElementById("playerTeam");
|
||
|
||
club_select.onchange = function() {myFunction()};
|
||
|
||
function myFunction() {
|
||
|
||
club = club_select.value;
|
||
|
||
fetch('/hkfc-d/motmAdmin/' + club).then(function(response) {
|
||
response.json().then(function(data) {
|
||
var optionHTML = '';
|
||
for (var team of data) {
|
||
optionHTML += '<option value="' + team.team + '">' + team.team + '</option>';
|
||
}
|
||
team_select.innerHTML = optionHTML;
|
||
})
|
||
|
||
});
|
||
fetch('/hkfc-d/getLogo/' + club).then(function(response) {
|
||
response.json().then(function(data) {
|
||
var HTML = '';
|
||
for (var logo of data) {
|
||
HTML += logo.logoURL;
|
||
}
|
||
club_logo.src = HTML;
|
||
})
|
||
|
||
});
|
||
}
|
||
</script>
|
||
</html>
|