82 lines
2.8 KiB
HTML
82 lines
2.8 KiB
HTML
<html>
|
|
<head>
|
|
<title>Select Namespace and Chart</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>Select both a namespace and chart</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="/chartSelect">
|
|
<div class = "row">
|
|
<div class = "col-sm-6">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon1">Namespace:</span>
|
|
{{ form.ns(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class = "row">
|
|
<div class = "col-sm-12">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="basic-addon3">Chart:</span>
|
|
{{ form.chart(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-addon3">Maximum Revisions to display:</span>
|
|
{{ form.records(class_="form-control") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p>
|
|
{{ form.submitButton(class_="btn btn-success") }}
|
|
<a class="btn btn-danger" href="/" role="button">Cancel</a>
|
|
</p>
|
|
<br>
|
|
<a class="btn btn-primary" href="/oauth2/sign_out" role="button">Log Off</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</p>
|
|
</dl>
|
|
|
|
<script>
|
|
var nsSelect = document.getElementById("ns");
|
|
var chartSelect = document.getElementById("chart");
|
|
|
|
nsSelect.onchange = function() {myFunction()};
|
|
|
|
function myFunction() {
|
|
|
|
ns = nsSelect.value;
|
|
|
|
fetch('/nsLookup/' + ns).then(function(response) {
|
|
response.json().then(function(data) {
|
|
if (data != 'EMPTY') {
|
|
var optionHTML = '';
|
|
for (var chart of data) {
|
|
optionHTML += '<option value="' + chart.name + '">' + chart.name + '</option>';
|
|
}
|
|
chartSelect.innerHTML = optionHTML;
|
|
}
|
|
else {
|
|
chartSelect.innerHTML = "";
|
|
}
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|