X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=vimhandler%2Ftemplate%2Fvim_list.html;h=07cb8578f09727c503a6bb68ecddef8a64894621;hb=refs%2Fchanges%2F81%2F6381%2F1;hp=d1b9545e417a13e1d389b029701799d0d27dbc6a;hpb=2ad37de399d1f309e265c060349ce44f80d8f480;p=osm%2FLW-UI.git

diff --git a/vimhandler/template/vim_list.html b/vimhandler/template/vim_list.html
index d1b9545..07cb857 100644
--- a/vimhandler/template/vim_list.html
+++ b/vimhandler/template/vim_list.html
@@ -5,7 +5,7 @@
 
 {% 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 }}
@@ -38,11 +38,11 @@
                     </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>
@@ -53,9 +53,8 @@
                         {% 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>
@@ -85,21 +84,45 @@
 
 {% 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(url) {
             bootbox.confirm("Are you sure want to delete?", function (result) {
                 if (result) {
-                    location.href = url//'/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