{% block head_block %}
{{ block.super }}
-
+ <link rel="stylesheet" href="/static/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
{% endblock %}
{% block title_header_big %}
{{ block.super }}
{% endblock %}
{% block left_sidebar %}
- {% include 'left_sidebar_base.html' %}
+ {% include 'osm/osm_project_left_sidebar.html' %}
{% endblock %}
{% block breadcrumb_body %}
{{ block.super }}
- <li><a href="{% url 'vim:list' %}">Vims</a></li>
+ <li><a href="{% url "vims:list" %}">VIMS</a></li>
{% endblock %}
{% block content_body %}
<div class="box-header with-border">
<h3 class="box-title">Registered VIM</h3>
<div class="box-tools">
- <a href='{% url "vim:create" %}' class="btn btn-block btn-primary btn-sm"><i
+ <a href='{% url "vims:create" %}' class="btn btn-block btn-primary btn-sm"><i
class="fa fa-plus"></i><span> New VIM</span></a>
</div>
</div>
<div class="box-body">
- <table id="projects_table" class="table table-bordered table-striped">
+ <table id="vims_table" class="table table-bordered table-striped">
<thead>
<tr>
- <th>Id</th>
<th>Name</th>
+ <th>Identifier</th>
<th>Type</th>
<th>Operational State</th>
<th>Description</th>
{% for p in datacenters %}
<tr>
-
- <td>{{ p|get:"_id" }}</td>
<td>{{ p|get:"name" }}</td>
+ <td>{{ p|get:"_id" }}</td>
<td>{{ p|get:"vim_type" }}</td>
<td>{{ p|get_sub:"_admin,operationalState"}}</td>
<td>{{ p|get_sub:"_admin,description" }}</td>
<td>
<div class="btn-group">
<button type="button" class="btn btn-default"
- onclick="location.href='{% url "vim:show" vim_id=p|get:"_id" %}'" data-toggle="tooltip" data-placement="top" data-container="body" title="Show Info"><i
+ onclick="location.href='{% url "vims:show" vim_id=p|get:"_id" %}'" data-toggle="tooltip" data-placement="top" data-container="body" title="Show Info"><i
class="fa fa-info"></i></button>
<button type="button" class="btn btn-default"
- onclick="javascript:deleteVim('{{ p|get:"_id" }}')" data-toggle="tooltip" data-placement="top" data-container="body" title="Delete"><i
- class="fa fa-trash-o" ></i></button>
+ onclick="javascript:deleteVim('{% url "vims:delete" vim_id=p|get:"_id" %}')" data-toggle="tooltip" data-placement="top" data-container="body" title="Delete"><i
+ class="far fa-trash-alt" ></i></button>
</div>
</td>
{% block resource_block %}
{{ block.super }}
- <!-- Utility JS -->
-
+ <script src="/static/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
+ <script src="/static/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
+ <script>
+ $(document).ready( function () {
+ $('#vims_table').DataTable();
+ } );
+ </script>
<script>
- function deleteVim(vim_uuid) {
+ function deleteVim(url) {
bootbox.confirm("Are you sure want to delete?", function (result) {
if (result) {
- location.href = '/vims/' + vim_uuid + '/delete'
+ var dialog = bootbox.dialog({
+ message: '<div class="text-center"><i class="fa fa-spin fa-spinner"></i> Loading...</div>',
+ closeButton: true
+ });
+ $.ajax({
+ url: url,
+ type: 'GET',
+ dataType: "json",
+ contentType: "application/json;charset=utf-8",
+ success: function (result) {
+ if (result['error'] == true) {
+ dialog.modal('hide');
+ bootbox.alert("An error occurred.");
+ }
+ else {
+ dialog.modal('hide');
+ location.reload();
+ }
+ },
+ error: function (error) {
+ dialog.modal('hide');
+ bootbox.alert("An error occurred.");
+ }
+ });
}
})
}
</script>
{% endblock %}
-
-{% block footer %}
- {% include "footer.html" %}
-{% endblock %}
\ No newline at end of file