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

79 lines
3.0 KiB
HTML

{% load template_utils %}
<script type="text/javascript">
var backups_{{ region|jsfunc }}_{{ project_id }}_done = false;
$(document).ready(function(){
var csrftoken = Cookies.get('csrftoken');
var project_id = "{{ project_id }}";
var region = "{{ region }}";
var user_token = "{{ user_token }}";
$.post('/coda/delete/backups/',
{csrfmiddlewaretoken: csrftoken, project_id: project_id, region: region, user_token: user_token},
function(data, status) {
var resultsDiv = $('#backups_{{ 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\">Backups</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 = $('#backups_{{ region }}_{{ project_id }}').find('#results');
resultsDiv.html("<h4>No Backups in region.</h4>")
}
$('#backups_{{ region }}_{{ project_id }}').find('#deleting').hide();
$('#backups_{{ region }}_{{ project_id }}').find('#results').show();
backups_{{ region|jsfunc }}_{{ project_id }}_done = true;
scrub_volumes_{{ region|jsfunc }}_{{ project_id }}();
});
});
</script>
<div id="backups_{{ region }}_{{ project_id }}" class="table_wrapper">
<div id="deleting">
<h3>Deleting Backups...</h3>
</div>
<div id="results" style="display: none">
</div>
</div>