osops-coda/coda/templates/coda/delete/security_groups.html

84 lines
3.4 KiB
HTML

{% load template_utils %}
<script type="text/javascript">
function wait_security_groups_{{ region|jsfunc }}_{{ project_id }}(){
$('#security_groups_{{ region }}_{{ project_id }}').find('#deleting').find('h3').html("Floating IP's deleted. Waiting a few seconds for ports to clear...")
setTimeout(function() { scrub_security_groups_{{ region|jsfunc }}_{{ project_id }}() }, 5000);
}
function scrub_security_groups_{{ region|jsfunc }}_{{ project_id }}(){
var csrftoken = Cookies.get('csrftoken');
var project_id = "{{ project_id }}";
var region = "{{ region }}";
var user_token = "{{ user_token }}";
$('#security_groups_{{ region }}_{{ project_id }}').find('#deleting').find('h3').html("Deleting security groups...")
$.post('/coda/delete/security_groups/',
{csrfmiddlewaretoken: csrftoken, project_id: project_id, region: region, user_token: user_token},
function(data, status) {
var resultsDiv = $('#security_groups_{{ region }}_{{ project_id }}').find('#results');
data = JSON.parse(data);
if(Object.keys(data).length > 0) {
var tableWrapper = $("<div>").addClass("table_wrapper");
tableWrapper.append("<h3 class=\"table_title\">Security Groups</h3>");
var table = $("<table>");
table.addClass("table")
table.addClass("table-bordered")
table.addClass("datatable")
var thead = $("<thead>");
var tr = $("<tr>");
tr.append($("<th>UUID</th>").addClass("normal_column"));
tr.append($("<th>Outcome</th>").addClass("normal_column"));
thead.append(tr);
table.append(thead);
var tbody = $("<tbody>");
$.map(data, function (outcome, instanceId) {
var tr = $("<tr>");
tr.append("<td>" + instanceId + "</td>");
tr.append("<td>" + outcome + "</td>");
tbody.append(tr);
});
table.append(tbody);
var tfoot = $("<tfoot>");
var tr = $("<tr>");
var td = $("<td colspan='2'>");
var span = $("<span colspan='2'>");
var footerMessage = "Displaying " + Object.keys(data).length + " item";
if (Object.keys(data).length > 1)
footerMessage += "s";
span.append(footerMessage);
td.append(span);
tr.append(td);
tfoot.append(tr);
table.append(tfoot);
tableWrapper.append(table);
resultsDiv.append(tableWrapper);
} else {
var resultsDiv = $('#security_groups_{{ region }}_{{ project_id }}').find('#results');
resultsDiv.html("<h4>No Security Groups in region.</h4>")
}
$('#security_groups_{{ region }}_{{ project_id }}').find('#deleting').hide();
$('#security_groups_{{ region }}_{{ project_id }}').find('#results').show();
scrub_routers_{{ region|jsfunc }}_{{ project_id }}();
});
}
</script>
<div id="security_groups_{{ region }}_{{ project_id }}" class="table_wrapper">
<div id="deleting">
<h3>Waiting for Floating IPs to delete...</h3>
</div>
<div id="results" style="display: none">
</div>
</div>