1 {% extends
"base.html" %}
8 <link rel=
"stylesheet" href=
"/static/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
10 {% block title_header_big %}
13 {% block left_sidebar %}
15 {% include 'osm/osm_project_left_sidebar.html' %}
20 {% block breadcrumb_body %}
22 <li><a href=
"{% url "vims:list
" %}">VIMS
</a></li>
25 {% block content_body %}
27 {% include 'modal/vim_details.html' %}
30 <div class=
"col-md-12">
33 <div class=
"box-header with-border">
34 <h3 class=
"box-title">Registered VIM
</h3>
35 <div class=
"box-tools">
36 <a href='{% url
"vims:create" %}'
class=
"btn btn-block btn-primary btn-sm"><i
37 class=
"fa fa-plus"></i><span> New VIM
</span></a>
40 <div class=
"box-body">
41 <table id=
"vims_table" class=
"table table-bordered table-striped">
47 <th>Operational State
</th>
53 {% for p in datacenters %}
56 <td>{{ p|get:
"name" }}
</td>
57 <td>{{ p|get:
"_id" }}
</td>
58 <td>{{ p|get:
"vim_type" }}
</td>
59 <td>{{ p|get_sub:
"_admin,operationalState"}}
</td>
60 <td>{{ p|get_sub:
"_admin,description" }}
</td>
64 <div class=
"btn-group">
65 <button type=
"button" class=
"btn btn-default"
66 onclick=
"location.href='{% url "vims:show
" vim_id=p|get:"_id
" %}'" data-toggle=
"tooltip" data-placement=
"top" data-container=
"body" title=
"Show Info"><i
67 class=
"fa fa-info"></i></button>
68 <button type=
"button" class=
"btn btn-default"
69 onclick=
"javascript:deleteVim('{% url "vims:delete
" vim_id=p|get:"_id
" %}')" data-toggle=
"tooltip" data-placement=
"top" data-container=
"body" title=
"Delete"><i
70 class=
"far fa-trash-alt" ></i></button>
85 {% block resource_block %}
87 <script src=
"/static/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
88 <script src=
"/static/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
90 $(document).ready( function () {
91 $('#vims_table').DataTable();
96 function deleteVim(url) {
97 bootbox.confirm(
"Are you sure want to delete?", function (result) {
99 var dialog = bootbox.dialog({
100 message: '
<div class=
"text-center"><i class=
"fa fa-spin fa-spinner"></i> Loading...
</div>',
107 contentType:
"application/json;charset=utf-8",
108 success: function (result) {
109 if (result['error'] == true) {
110 dialog.modal('hide');
111 bootbox.alert(
"An error occurred.");
114 dialog.modal('hide');
118 error: function (error) {
119 dialog.modal('hide');
120 bootbox.alert(
"An error occurred.");