130 lines
4.7 KiB
HTML
130 lines
4.7 KiB
HTML
<html>
|
|
<head>
|
|
<title>Team Season Results 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 both a club and team</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="/searchTeam">
|
|
<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-addon2">Club:</span>
|
|
{{ form.clubName(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
<div class = "col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon3">Team:</span>
|
|
{{ form.teamName(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-addon4">Start Date:</span>
|
|
{{ form.startDate(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
<div class = "col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon5">End Date:</span>
|
|
{{ form.endDate(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 season_select = document.getElementById("season");
|
|
var season_start = document.getElementById("startDate");
|
|
var club_select = document.getElementById("clubName");
|
|
var club_logo = document.getElementById("selectedClubLogo");
|
|
var team_select = document.getElementById("teamName");
|
|
|
|
season_select.onchange = function() {seasonFunction()};
|
|
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;
|
|
})
|
|
|
|
});
|
|
}
|
|
|
|
function seasonFunction() {
|
|
season = season_select.value;
|
|
var startDate = '';
|
|
if (season == '2018') {
|
|
startDate = '2018-09-01'
|
|
} else if (season == '2017') {
|
|
startDate = '2017-01-09'
|
|
} else if (season == '2016') {
|
|
startDate = '2016-09-01'
|
|
} else if (season == '2015') {
|
|
startDate = '2015-09-01'
|
|
} else if (season == '2014') {
|
|
startDate = '2014-09-01'
|
|
} else if (season == '2013') {
|
|
startDate = '2013-09-01'
|
|
} else if (season == '2012') {
|
|
startDate = '2012-09-01'
|
|
} else if (season == '2011') {
|
|
startDate = '2011-09-01'
|
|
} else if (season == '2010') {
|
|
startDate = '2010-09-01'
|
|
}
|
|
season_start.value = startDate;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|