1 {% extends
"project_descriptors.html" %}
7 <link rel=
"stylesheet" href=
"/static/bower_components/select2/dist/css/select2.min.css">
10 {% block title_header_big %}
12 {% if descriptor_type %}
13 {{ descriptor_type|upper }}
19 {% block left_sidebar %}
20 {% include 'osm/osm_project_left_sidebar.html' %}
23 {% block breadcrumb_body %}
25 <li><a href=
"{% url 'projects:open_project' %}">{{project_id}}
</a></li>
26 <li><a> {% if descriptor_type %}
30 {% endif %} Packages
</a></li>
34 {% block content_body %}
36 {% include 'osm/modal/files_list.html' %}
37 {% include 'modal/instance_create.html' %}
38 {% include 'modal/choose_package_name.html' %}
40 {% include
"descriptorlist.html" %}
47 {% block resource_block %}
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>
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 }}';
63 function refreshTable() {
67 $(document).ready( function () {
68 table = $('#descriptors_table').DataTable({
71 "url":
"/projects/descriptors/" +descriptor_type+
"/list",
72 "dataSrc": function (json) {
73 return json['descriptors'];
77 console.log(
"no auth");
78 moveToLogin(window.location.pathname);
81 "error": function (hxr, error, thrown) {
88 "render": function (data, type, row) {
89 return row['short-name'] || '';
94 "render": function (data, type, row) {
100 "render": function (data, type, row) {
101 return row['description'] || '';
106 "render": function (data, type, row) {
107 return row['vendor'] || '';
112 "render": function (data, type, row) {
113 return row['version'] || '';
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';
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' +
161 setInterval(refreshTable,
10000);
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
172 type: request_method,
175 "Accept": 'application/json'
179 }).done(function (response, textStatus, jqXHR) {
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.';
201 {% include
"footer.html" %}