Avancement du refactoring.

[Portfolio.git] / skins / portfolio_upload.js

diff --git a/skins/portfolio_upload.js b/skins/portfolio_upload.js
index 0d65b2f..48bdf7f 100644 (file)
--- a/skins/portfolio_upload.js
+++ b/skins/portfolio_upload.js
@@ -1,13 +1,74 @@
 // © 2013 Benoît Pin MINES ParisTech
 
 // © 2013 Benoît Pin MINES ParisTech
 

-var DDFileUploader;
+var DDImageUploader;
+var MAX_PREVIEW = 2; // à virer

 
 (function(){
 
 (function(){

-DDFileUploader = function(dropbox, uploadUrl) {
+// nombre maximun d'image chargées en local
+var MAX_PREVIEW = 2;
+var isThumbnail = /.*\/getThumbnail$/;
+
+DDImageUploader = function(dropbox, uploadUrl) {

        DDFileUploaderBase.apply(this, [dropbox, uploadUrl]);
        DDFileUploaderBase.apply(this, [dropbox, uploadUrl]);

-       console.log("'yeah, c'est construit le bidule 8-)");
+
+       this.existingSlides = this.indexExistingSlides();
+       this.slideSize = 222;
+       this.progressBarMaxSize = 200; // pixels
+       this.thumbnailSize = 180;
+       this.previewQueue = [];
+       this._previewQueueRunning = false;
+       this.previewsLoaded = 0;
+};
+
+copyPrototype(DDImageUploader, DDFileUploaderBase);
+
+DDImageUploader.prototype.indexExistingSlides = function() {
+       var images = this.dropbox.getElementsByTagName('img');
+       var i;
+       var index = [];
+       for (i=0 ; i < images.length ; i++) {
+               if (isThumbnail.test(images[i].src)) {
+                       index[images[i].src] = images[i]; }
+       }
+       return index;
+};
+
+// Methods about upload.
+DDImageUploader.prototype.handleFiles = function(files) {
+       var file, i, slide;
+       for (i = 0; i < files.length; i++) {
+               file = files[i];
+               slide = this.createSlide(file);
+        this.previewQueuePush(slide);
+        this.uploadQueuePush(slide);
+       }

 };
 
 };
 

-copyPrototype(DDFileUploader, DDFileUploaderBase);
+
+// Methods about preview queue.
+DDImageUploader.prototype.previewQueuePush = function(slide) {
+       this.previewQueue.push(slide);
+       if (!this._previewQueueRunning) {
+               this.startPreviewQueue();
+       }
+};
+
+DDImageUploader.prototype.startPreviewQueue = function() {
+       this._previewQueueRunning = true;
+       this.previewQueueLoadNext();
+};
+
+DDImageUploader.prototype.previewQueueLoadNext = function() {
+       if (this.previewQueue.length && this.previewsLoaded < MAX_PREVIEW) {
+               var slide = this.previewQueue.shift();
+               this.previewUploadedImage(slide);
+               this.previewsLoaded++;
+       }
+       else {
+               this._previewQueueRunning = false;
+       }
+};
+
+

 
 }());
\ No newline at end of file
 
 }());
\ No newline at end of file