aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/cloud_actionspanel.tpl
diff options
context:
space:
mode:
Diffstat (limited to 'view/tpl/cloud_actionspanel.tpl')
-rw-r--r--view/tpl/cloud_actionspanel.tpl88
1 files changed, 77 insertions, 11 deletions
diff --git a/view/tpl/cloud_actionspanel.tpl b/view/tpl/cloud_actionspanel.tpl
index d4e187619..688b8f33d 100644
--- a/view/tpl/cloud_actionspanel.tpl
+++ b/view/tpl/cloud_actionspanel.tpl
@@ -9,24 +9,25 @@
</div>
<div id="files-upload-tools" class="section-content-tools-wrapper">
{{if $quota.limit || $quota.used}}<div class="{{if $quota.warning}}section-content-danger-wrapper{{else}}section-content-info-wrapper{{/if}}">{{if $quota.warning}}<strong>{{$quota.warning}} </strong>{{/if}}{{$quota.desc}}</div>{{/if}}
- <label for="files-upload">{{$upload_header}}</label>
+ <!--
+ <label for="files-upload">{{$upload_header}}</label>
<form method="post" action="" enctype="multipart/form-data">
<input type="hidden" name="sabreAction" value="put">
<input class="form-group" id="files-upload" type="file" name="file">
<button class="btn btn-primary btn-sm pull-right" type="submit" value="{{$upload_submit}}">{{$upload_submit}}</button>
- <!-- Name (optional): <input type="text" name="name"> we should rather provide a rename action in edit form-->
</form>
<div class="clear"></div>
-
- <form id="upload" action="" method="POST" enctype="multipart/form-data">
+ -->
+ <form id="ajax-upload-files" action="" method="POST" enctype="multipart/form-data">
+ <input type="hidden" name="sabreAction" value="put">
<fieldset>
- <input type="hidden" id="MAX_FILE_SIZE" name="MAX_FILE_SIZE" value="300000" />
<input type="hidden" name="sabreAction" value="put">
<div>
<label for="fileselect">Files to upload:</label>
- <input type="file" id="fileselect" name="fileselect[]" multiple="multiple" />
+<!-- <input type="file" id="fileselect" name="fileselect[]" multiple="multiple" />-->
+<!-- <input type="file" id="fileselect" name="fileselect[]" />-->
<div id="filedrag">or drop files here</div>
</div>
@@ -36,7 +37,10 @@
</fieldset>
<div id="file-upload-list"></div>
-
+
+ <div id="profile-rotator-wrapper">
+ <div id="profile-rotator"></div>
+ </div>
</form>
<div class="clear"></div>
</div>
@@ -68,10 +72,24 @@
<script>
$(document).ready(function() {
-// call initialization file
-if (window.File && window.FileList && window.FileReader) {
- DragDropUploadInit();
-}
+//
+// try {
+// var file_uploader = new window.AjaxUpload('submitbutton',
+// { action: 'cloud',
+// name: 'userfile',
+// title: 'Upload',
+// onSubmit: function(file,ext) { $('#profile-rotator').spin('tiny'); },
+// onComplete: function(file,response) {
+// $("#file-upload-list").append("Upload complete!");
+// $('#profile-rotator').spin(false);
+// }
+// });
+// } catch(e) {
+// }
+ // call initialization file
+ if (window.File && window.FileList && window.FileReader) {
+ DragDropUploadInit();
+ }
});
//
@@ -98,6 +116,7 @@ function DragDropUploadInit() {
// remove submit button
submitbutton.hide();
}
+
}
@@ -125,8 +144,55 @@ function FileSelectHandler(e) {
"</strong> size: <strong>" + f.size +
"</strong> bytes</p>"
);
+ DragDropUploadFile(f);
}
}
+// upload files
+function DragDropUploadFile(file) {
+
+ // Serialize the data in the form
+ //var serializedData = $('#ajax-upload-files').serialize();
+//
+// $.ajax({
+// type: "POST",
+// url: '',
+// data: serializedData,
+// success: function(result){
+// //window.console.log(result);
+// return false;
+// }
+// });
+//
+
+ var xhr = new XMLHttpRequest();
+ (xhr.upload || xhr).addEventListener('progress', function(e) {
+ var done = e.position || e.loaded
+ var total = e.totalSize || e.total;
+ console.log('xhr progress: ' + Math.round(done/total*100) + '%');
+ });
+ xhr.addEventListener('load', function(e) {
+ //console.log('xhr upload complete', e, this.responseText);
+ console.log('xhr upload complete', e);
+ });
+ xhr.open('post', 'cloud', true);
+
+ var data = new FormData(document.getElementById("ajax-upload-files"));
+ data.append('file', file);
+ xhr.send(data);
+//
+// var xhr = new XMLHttpRequest();
+// if (xhr.upload) {
+// // start upload
+// window.console.log("Uploading...");
+// xhr.open("POST", $("#ajax-upload-files").action, true);
+// xhr.setRequestHeader("X_FILENAME", file.name);
+// xhr.send(file);
+//
+// }
+
+}
+
+
</script> \ No newline at end of file