71 lines
2.4 KiB
HTML
71 lines
2.4 KiB
HTML
<html>
|
|
<head>
|
|
<title>Club Player Playing Record Search *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>Search Parameters - select a club to search their playing record</h2>
|
|
<body onload="myFunction()">
|
|
<dl>
|
|
<p>
|
|
{{ form.csrf_token }}
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<form class="col-sm-6" method="post" action="/clubPlayingRecordSearch">
|
|
<div class = "row">
|
|
<div class = "col-sm-6">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon1">Season data to search:</span>
|
|
{{ form.season(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class = "row">
|
|
<div class = "col-sm-6">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon1">Club:</span>
|
|
{{ form.clubName(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p>
|
|
{{ form.submitButton(class_="btn btn-success") }}
|
|
<a class="btn btn-danger" href="/dashboard" role="button">Cancel</a>
|
|
</p>
|
|
</form>
|
|
<div class="col-sm-0">
|
|
<img src="{{ selectedClubLogo }}" height="120" id="selectedClubLogo"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</p>
|
|
</dl>
|
|
|
|
<script>
|
|
var club_select = document.getElementById("clubName");
|
|
var club_logo = document.getElementById("selectedClubLogo");
|
|
|
|
club_select.onchange = function() {myFunction()};
|
|
|
|
function myFunction() {
|
|
|
|
club = club_select.value;
|
|
|
|
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>
|
|
</body>
|
|
</html>
|