enhanced datatables

Change-Id: I06744028ce50c3683481a3a26c5c0c63561581d4
Signed-off-by: lombardofr <lombardo@everyup.it>
diff --git a/projecthandler/template/project/osm/descriptor/descriptorlist.html b/projecthandler/template/project/osm/descriptor/descriptorlist.html
index ee3eaa7..734259f 100644
--- a/projecthandler/template/project/osm/descriptor/descriptorlist.html
+++ b/projecthandler/template/project/osm/descriptor/descriptorlist.html
@@ -21,8 +21,8 @@
                    role="grid">
                 <thead>
                 <tr role="row">
-                    <th>Id</th>
                     <th>Name</th>
+                    <th>Identified</th>
                     <th>Description</th>
                     <th style="width:10%">Vendor</th>
                     <th style="width:5%">Version</th>
@@ -32,8 +32,8 @@
                 <tbody>
                 {% for k in descriptors %}
                     <tr role="row">
-                        <td>{{ k|get:"_id" }}</td>
                         <td>{{ k|get:"short-name" }} </td>
+                        <td>{{ k|get:"_id" }}</td>
                         <td>{{ k|get:"description" }} </td>
                         <td>{{ k|get:"vendor" }} </td>
                         <td>{{ k|get:"version" }} </td>
diff --git a/projecthandler/template/project/osm/osm_project_descriptors.html b/projecthandler/template/project/osm/osm_project_descriptors.html
index 10df788..f877ea8 100644
--- a/projecthandler/template/project/osm/osm_project_descriptors.html
+++ b/projecthandler/template/project/osm/osm_project_descriptors.html
@@ -49,6 +49,10 @@
     var csrf_token = '{{csrf_token}}';
     var descr_list_url = '{% url "projects:list_descriptors"   descriptor_type=descriptor_type%}';
     var new_desc_url ="{% url 'projects:new_descriptor'  descriptor_type=descriptor_type %}"
+    $(document).ready( function () {
+        $('#descriptors_table').DataTable();
+    } );
+
     </script>
     <script src="/static/bower_components/select2/dist/js/select2.js"></script>
     <script src="/static/src/instancehandler/instance_create.js"></script>
diff --git a/projecthandler/template/project/projectlist.html b/projecthandler/template/project/projectlist.html
index ed8b583..213c5b0 100644
--- a/projecthandler/template/project/projectlist.html
+++ b/projecthandler/template/project/projectlist.html
@@ -5,6 +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 %}
@@ -92,6 +93,14 @@
 
 {% block resource_block %}
   	{{ block.super }}
+    <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 () {
+        $('#projects_table').DataTable();
+    } );
+    </script>
     <script>
     function showModalNewProject(){
         $('#modal_new_project').modal('show');