Onboarding drag and drop box in VNF packages and NS packages section
[osm/LW-UI.git] / projecthandler / template / project / osm / descriptor / descriptorlist.html
1 {% load staticfiles %}
2 {% load get %}
3 <div class="col-md-12">
4
5 <div class="box">
6 <div class="box-header with-border">
7 <h3 class="box-title">
8 </h3>
9 <div class="box-tools">
10
11 <a href="{% url 'projects:new_descriptor' project_id=project_id descriptor_type=descriptor_type %}"
12 class="btn btn-block btn-primary btn-sm"><i
13 class="fa fa-upload"></i><span> Onboard {{ descriptor_type|upper }}</span></a>
14 </div>
15 </div>
16 <div class="box-body">
17 <table id="descriptors_table" class="table table-bordered table-striped dataTable"
18 role="grid">
19 <thead>
20 <tr role="row">
21 <th>Id</th>
22 <th>Name</th>
23 <th>Description</th>
24 <th style="width:10%">Vendor</th>
25 <th style="width:5%">Version</th>
26 <th style="width:35%">Actions</th>
27 </tr>
28 </thead>
29 <tbody>
30 {% for k in descriptors %}
31 <tr role="row">
32 <td>{{ k|get:"_id" }}</td>
33 <td>{{ k|get:"short-name" }} </td>
34 <td>{{ k|get:"description" }} </td>
35 <td>{{ k|get:"vendor" }} </td>
36 <td>{{ k|get:"version" }} </td>
37 <td>
38 <div class="btn-group">
39 {% if descriptor_type == "nsd" %}
40 <button type="button" class="btn btn-default" data-container="body"
41 data-toggle="tooltip" data-placement="top" title="Instantiate NS"
42 onclick="javascript:openModalCreateNS({ 'project_id':'{{ project_id }}', 'descriptor_type': '{{ descriptor_type }}', 'descriptor_name':'{{ k|get:"name" }}', 'descriptor_id':'{{ k|get:"_id" }}','vim_list_url': '{% url "projects:vims:list" project_id=project_id %}', 'nsd_list_url': '{% url "projects:list_descriptors" project_id=project_id descriptor_type=descriptor_type %}' })">
43 <i class="fa fa-paper-plane"></i></button>
44 {% endif %}
45 <button type="button" class="btn btn-default" data-container="body"
46 data-toggle="tooltip" data-placement="top" title="Edit"
47 onclick="javascript:openDescriptorView('{{ project_id }}', '{{ descriptor_type }}', '{{ k|get:"_id" }}')">
48 <i class="fa fa-edit"></i></button>
49 <button type="button" class="btn btn-default" data-container="body"
50 data-toggle="tooltip" data-placement="top" title="Show content"
51 onclick="javascript:openPackageContentList('{{ project_id }}', '{{ descriptor_type }}', '{{ k|get:"_id" }}')">
52 <i class="fa fa-folder-open"></i></button>
53 <button type="button" class="btn btn-default" data-container="body"
54 data-toggle="tooltip" data-placement="top" title="Show Graph"
55 onclick="location.href='/projects/{{ project_id }}/graph?type={{ descriptor_type }}&id={{ k|get:"_id" }}'"
56 disabled><i class="fa fa-sitemap fa-fw"></i></button>
57 <button type="button" class="btn btn-default" data-container="body"
58 data-toggle="tooltip" data-placement="top" title="Download package"
59 onclick="location.href='{% url 'projects:custom_action' project_id=project_id descriptor_type=descriptor_type descriptor_id=k|get:'_id' action_name='download_pkg' %}'">
60 <i class="fa fa-download fa-fw"></i></button>
61 <button type="button" class="btn btn-default" data-container="body"
62 data-toggle="tooltip" data-placement="top" title="Delete"
63 onclick="javascript:deletePackage('{{ project_id }}', '{{ descriptor_type }}', '{{ k|get:"_id" }}')">
64 <i class="fa fa-trash-o"></i></button>
65 </div>
66
67 </td>
68 </tr>
69 {% endfor %}
70 </tbody>
71
72 </table>
73 </div>
74 </div>
75 </div>
76
77 <div class="col-sm-12">
78 <div class="box box-solid">
79 <div class="box-body">
80
81 <div class="upload-drop-zone" id="drop-zone">
82 <i class="fa fa-upload"></i> Just drag and drop files here
83 </div>
84 </div>
85 </div>
86 </div>
87