1 {% extends
"descriptor/descriptor_view_base.html" %}
5 {% with
skin_css=
"AdminLTE/dist/css/skins/skin-purple.min.css"%}
11 {% with
skin=
"purple"%}
15 {% block logo_sidebar %}
16 {% with
logo_mini=
"assets/img/osm_small_logo.png" logo=
"assets/img/OSM-logo.png"%}
21 {% block title_header_big %}
23 Onboard new {{ descriptor_type }} package
26 {% block left_sidebar %}
27 {% include 'osm/osm_project_left_sidebar.html' %}
30 {% block breadcrumb_body %}
32 <li><a href=
"{% url 'projects:open_project' project_id=project_id %}">{{project_overview_data.name}}
</a></li>
33 <li><a href=
"{% url 'projects:open_project' project_id=project_id %}descriptors/{{descriptor_type}}">{{ descriptor_type }} Descriptors
</a></li>
34 <li>Create Descriptor
</li>
37 {% block tab_pane_button_list %}
39 <li id=
"file_li" class=
"active"><a href=
"#upload" data-toggle=
"tab"><i class=
"fa fa-upload"></i> Onboard Package
</a></li>
42 {% block nav_buttons_list %}
44 <li class=
"pull-right">
45 <button id=
"cancel" type=
"button" class=
"btn btn-block btn-primary btn-sm" onclick=
"cancel(this.id)"><i
46 class=
"fa fa-times"></i> Cancel
51 {% block tab_pane_list %}
54 <div class=
"tab-pane active" id=
"upload">
56 <h4>Drag and drop file below
</h4>
57 <div class=
"upload-drop-zone" id=
"drop-zone">
58 Just drag and drop files here
64 {% block resource_block %}
69 var dropZone = document.getElementById('drop-zone');
70 dropZone.ondrop = function(e) {
72 this.className = 'upload-drop-zone';
73 create(e.dataTransfer.files, true);
76 dropZone.ondragover = function() {
77 this.className = 'upload-drop-zone drop';
81 dropZone.ondragleave = function() {
82 this.className = 'upload-drop-zone';
89 function create(fs, dropzone){
90 var id = $('.nav-tabs .active').attr('id');
91 if (dropzone) id = 'file_li'
93 var data = new FormData();
99 var files = dropzone ? fs : document.getElementById('js-upload-files').files;
100 if (!files || !files.length) {
101 files = document.getElementById('drop-zone').files
102 if(!files || !files.length){
103 alert(
"Seletc a file")
107 console.log(files[
0])
108 var patt1 = /\.([
0-
9a-z]+)(?:[\?#]|$)/i;
109 console.log(files[
0].name.match(patt1));
110 var extension = files[
0].name.substr(files[
0].name.lastIndexOf('.') +
1)
111 console.log(extension)
112 if(!(extension == 'gz' )){
113 alert(
"The file must be .tar.gz");
117 data.append('file', files[
0]);
120 data.append('csrfmiddlewaretoken','{{csrf_token}}');
121 data.append('type', type);
122 data.append('text', text);
123 data.append('id', '{{descriptor_id}}');
132 success: function(result) {
135 window.location.
href=
"/projects/{{project_id}}/descriptors/{{descriptor_type}}"
138 error: function(result) {
145 window.location.
href=
"/projects/{{project_id}}/descriptors/{{descriptor_type}}"
154 {% include
"footer.html" %}