projecthandler/template/project/osm/osm_project_descriptors.html

   1 {% extends "project_descriptors.html" %}
   2 {% load staticfiles %}
   3
   4
   5 {% block head_block %}
   6         {{ block.super }}
   7 <link rel="stylesheet" href="/static/bower_components/select2/dist/css/select2.min.css">
   8 {% endblock %}
   9
  10 {% block title_header_big %}
  11     {{ block.super }}
  12   {% if descriptor_type  %}
  13      {{ descriptor_type|upper }}
  14   {% else%}
  15     Undefined
  16   {% endif %} Packages
  17 {% endblock %}
  18
  19 {% block left_sidebar %}
  20     {% include 'osm/osm_project_left_sidebar.html' %}
  21 {% endblock %}
  22
  23 {% block breadcrumb_body %}
  24         {{ block.super }}
  25     <li><a href="{% url 'projects:open_project' %}">{{project_id}}</a></li>
  26     <li><a> {% if descriptor_type  %}
  27      {{ descriptor_type }}
  28   {% else%}
  29     Undefined
  30   {% endif %} Packages</a></li>
  31
  32 {% endblock %}
  33
  34 {% block content_body %}
  35         {{ block.super }}
  36 {% include 'osm/modal/files_list.html' %}
  37 {% include 'modal/instance_create.html' %}
  38 {% include 'modal/choose_package_name.html' %}
  39 <div class="row">
  40     {% include "descriptorlist.html" %}
  41 </div>
  42 {% endblock %}
  43
  44
  45
  46
  47 {% block resource_block %}
  48         {{ block.super }}
  49      <script src="/static/bower_components/select2/dist/js/select2.js"></script>
  50     <script src="/static/src/instancehandler/instance_create.js"></script>
  51     <script src="/static/src/projecthandler/descriptorslist.js"></script>
  52     <script src="/static/src/projecthandler/onboard_package.js"></script>
  53
  54     <script>
  55     var csrf_token = '{{csrf_token}}';
  56     var descr_list_url = '{% url "projects:descriptors:list_descriptors"   descriptor_type=descriptor_type%}';
  57     var vim_list_url = '{% url "vims:list"  %}';
  58     var new_desc_url ="{% url 'projects:descriptors:new_descriptor'  descriptor_type=descriptor_type %}";
  59     var descriptor_type = '{{ descriptor_type | safe }}';
  60     var project_id = '{{ project_id }}';
  61     var table;
  62
  63     function refreshTable() {
  64         table.ajax.reload();
  65     }
  66
  67     $(document).ready( function () {
  68         table = $('#descriptors_table').DataTable({
  69             responsive: true,
  70             "ajax": {
  71                 "url": "/projects/descriptors/" +descriptor_type+"/list",
  72                 "dataSrc": function (json) {
  73                     return json['descriptors'];
  74                 },
  75                 statusCode: {
  76                     401: function () {
  77                         console.log("no auth");
  78                         moveToLogin(window.location.pathname);
  79                     }
  80                 },
  81                 "error": function (hxr, error, thrown) {
  82
  83                 }
  84
  85             },
  86             "columns": [
  87                 {
  88                     "render": function (data, type, row) {
  89                        return row['short-name'] || '';
  90                     },
  91                     "targets": 0
  92                 },
  93                 {
  94                     "render": function (data, type, row) {
  95                        return row['_id'];
  96                     },
  97                     "targets": 1
  98                 },
  99                 {
 100                     "render": function (data, type, row) {
 101                        return row['description'] || '';
 102                     },
 103                     "targets": 2
 104                 },
 105                 {
 106                     "render": function (data, type, row) {
 107                        return row['vendor'] || '';
 108                     },
 109                     "targets": 3
 110                 },
 111                 {
 112                     "render": function (data, type, row) {
 113                        return row['version'] || '';
 114                     },
 115                     "targets": 4
 116                 },
 117                 {
 118                     "render": function (data, type, row) {
 119                        var result = '<div class="btn-group">\n' ;
 120                        if(descriptor_type == "nsd")
 121                            result += '    <button type="button" class="btn btn-default" data-container="body"\n' +
 122                                'data-toggle="tooltip" data-placement="top" title="Instantiate NS"\n' +
 123                                'onclick="javascript:openModalCreateNS({ \'project_id\':\'' + project_id +'\', \'descriptor_type\': \''+ descriptor_type +'\', \'descriptor_name\':\''+row["name"]+'\', \'descriptor_id\':\''+row["_id"]+'\',\'vim_list_url\': \''+vim_list_url+'\',  \'nsd_list_url\': \''+descr_list_url+'\' })">\n' +
 124                                '<i class="fa fa-paper-plane"></i></button>\n';
 125                         result += '<button type="button" class="btn btn-default" data-container="body"\n' +
 126                            '        data-toggle="tooltip" data-placement="top" title="Edit"\n' +
 127                            '        onclick="javascript:openDescriptorView(\''+descriptor_type+'\', \''+row["_id"]+'\')">\n' +
 128                            '    <i class="fa fa-edit"></i></button>\n' +
 129                            '<button type="button" class="btn btn-default" data-container="body"\n' +
 130                            '        data-toggle="tooltip" data-placement="top" title="Show content"\n' +
 131                            '        onclick="javascript:openPackageContentList(\''+ descriptor_type +'\', \''+row["_id"]+'\')">\n' +
 132                            '    <i class="fa fa-folder-open"></i></button>\n' +
 133                             '<button type="button" class="btn btn-default" data-container="body"\n' +
 134                            '        data-toggle="tooltip" data-placement="top" title="Clone"\n' +
 135                            '        onclick="javascript:clonePackage(\''+ descriptor_type +'\', \''+row["_id"]+'\')">\n' +
 136                            '    <i class="fa fa-clone"></i></button>\n';
 137                         //if(descriptor_type == "nsd")
 138                            result += '<button type="button" class="btn btn-default" data-container="body"\n' +
 139                            '        data-toggle="tooltip" data-placement="top" title="Show Graph"\n' +
 140                            '  onclick="location.href=\'/projects/descriptors/composer?type='+descriptor_type+'&id='+row["_id"] +'\'"\n' +
 141                            '        ><i class="fa fa-sitemap fa-fw"></i></button>\n';
 142                         result +=
 143                            '<button type="button" class="btn btn-default" data-container="body"\n' +
 144                            '        data-toggle="tooltip" data-placement="top" title="Download package"\n' +
 145                            '        onclick="location.href=\'/projects/descriptors/'+descriptor_type+'/'+ row["_id"] +'/action/download_pkg\'">\n' +
 146                            '    <i class="fa fa-download fa-fw"></i></button>\n' +
 147                            '<button type="button" class="btn btn-default" data-container="body"\n' +
 148                            '        data-toggle="tooltip" data-placement="top" title="Delete"\n' +
 149                            '        onclick="javascript:deletePackage( \'' + descriptor_type + '\', \''+row["_id"] + '\', \''+row["name"] + '\')">\n' +
 150                            '    <i class="far fa-trash-alt"></i></button>\n' +
 151                            '</div>';
 152
 153                                return result
 154                     },
 155                     "targets": 5
 156                 }]
 157
 158
 159         });
 160
 161         setInterval(refreshTable, 10000);
 162
 163
 164         $("#formCreatePackage").submit(function (event) {
 165                 event.preventDefault(); //prevent default action
 166                 var post_url = $(this).attr("action"); //get form action url
 167                 var request_method = $(this).attr("method");
 168                 var form_data = new FormData(this); //Encode form elements for submission
 169
 170                 $.ajax({
 171                     url: post_url,
 172                     type: request_method,
 173                     data: form_data,
 174                     headers: {
 175                         "Accept": 'application/json'
 176                     },
 177                     contentType: false,
 178                     processData: false
 179                 }).done(function (response, textStatus, jqXHR) {
 180
 181                     location.href='/projects/descriptors/composer?type=' + response['data']['type']+'&id=' + response['data']['id'];
 182                 }).fail(function (result) {
 183                     var data = result.responseJSON;
 184                     var title = "Error " + (data.code ? data.code : 'unknown');
 185                     var message = data.detail ? data.detail : 'No detail available.';
 186                     bootbox.alert({
 187                         title: title,
 188                         message: message
 189                     });
 190                 });
 191             });
 192     });
 193
 194
 195     </script>
 196
 197
 198 {% endblock %}
 199
 200 {% block footer %}
 201     {% include "footer.html"  %}
 202 {% endblock %}