flask-python-helm/templates/nameChartSelect.html
Jonathan Ervine 6b8562662c Update code
2020-12-15 11:24:37 +08:00

79 lines
2.8 KiB
HTML

<html>
<head>
<title>Select Namespace and Chart *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>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">Tiller Namespace:</span>
{{ form.tiller_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>
</form>
</div>
</div>
</p>
</dl>
<script>
var tillerSelect = document.getElementById("tiller_ns");
var chartSelect = document.getElementById("chart");
tillerSelect.onchange = function() {myFunction()};
function myFunction() {
tiller_ns = tillerSelect.value;
fetch('/nsLookup/' + tiller_ns + '/default').then(function(response) {
response.json().then(function(data) {
if (data != 'EMPTY') {
var optionHTML = '';
for (var chart of data.Releases) {
optionHTML += '<option value="' + chart.Name + '">' + chart.Name + '</option>';
}
chartSelect.innerHTML = optionHTML;
}
else {
chartSelect.innerHTML = "";
}
});
});
}
</script>
</body>
</html>