photark-ui-admin/src/main/webapp/admin/js/upload.js

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

dojo.require("dojox.form.FileUploader");
dojo.require("dijit.form.Button");
dojo.require("dijit.ProgressBar");
dojo.require("dojo.parser");


//using this early for the forceNoFlash test:
dojo.require("dojox.embed.Flash");

var passthrough = function(msg){
	//for catching messages from Flash
	if(window.console){
		console.log(msg);
	}
};

var displayProgress = function (){
	//to show its loading..
	jsProgress.update({indeterminate:true});
	dojo.byId("progressBar").style.display="";
};

var setProgressbar = function(currentVal,totalVal){
    jsProgress.update({
      maximum: totalVal,
      progress: currentVal,
      indeterminate:false
    });
};

dojo.addOnLoad( function() {
	var fileUploaderConfig = {
		isDebug:false,
		hoverClass:"uploadHover",
		activeClass:"uploadPress",
		disabledClass:"uploadDisabled",
		uploadUrl:"upload",
		fileMask:[
			["Jpeg File", 	       "*.jpg;*.jpeg"],
			["GIF File", 	       "*.gif"],
			["PNG File", 	       "*.png"],
			["All Images", 	       "*.jpg;*.jpeg;*.gif;*.png"],
			["Image Archive Files","*.zip;*.tar"]
		]
	};

	if(dojo.byId("btnUploader")){
		dojo.byId("files").value = "";

		//instantiate uploader passing config properties
		var uploader = new dojox.form.FileUploader(dojo.mixin({
			button:dojo.byId("btnUploader"),
			fileListId:"files",
			selectMultipleFiles:true,
			deferredUploading:false
		},fileUploaderConfig), "btnUploader");



        doImportRemoteAlbums = function() {

        var selectAlbums = dojo.byId("selectRemoteAlbum");
        var selectedAlb =  selectAlbums.value;
        var remoteAlbumName = dojo.byId("newAlbumName").value;
        var albumDescription = dojo.byId("albumDescription").value;
    	var alburl= dojo.byId("remote_alburl").value;
	    var albuname= dojo.byId("remote_albuname").value;
	    var albpasswd= dojo.byId("remote_albpasswd").value;

       if((alburl == "") || (remoteAlbumName == "")) {
        alert("Album name and album url fileds are required to proceed !!. Please fill the required fields.");
       } else if(selectedAlb != null) {
            var albumSubService =  new dojo.rpc.JsonService(photark.constants.RemoteAlbumSubscription);
            albumSubService.addRemoteAlbum(alburl,remoteAlbumName,albumDescription,selectedAlb,albuname,albpasswd).addCallback(gallery_getRemoteAlbumsSubscriptionResponse);
       }
       }

       gallery_getRemoteAlbumsSubscriptionResponse = function(pimages, exception) {
        if(exception) {
        logout();
        }
            alert("Remote Album Successfully Created..You have Added "+pimages.length+" Images");
       }

		doUpload = function(){
			console.log("doUpload");
			displayProgress();
			var files= dojo.byId("files").childElementCount;
			var selectAlbum = dojo.byId("selectAlbum");
			var selected = selectAlbum.value;
			albumName=selected;
			var albumDescription= dojo.byId("albumDescription").value;
            var securityToken =  SECURITY_TOKEN;
			console.log("selected:"+selected);
			if(files == 0) {//to stop upload when on files are selected
				alert("Photo Upload can not be started. Select picture(s) before upload");
				dojo.byId("progressBar").style.display="none";
			} else if(selected == null || (selected != null && selected == "" && selected.length == 0)) {
				alert("Photo Upload can not be started.Select Album before upload");
				dojo.byId("progressBar").style.display="none";
			} else if(selected == "New Album") {
				albumName = dojo.byId("newAlbumName").value;
				if( albumName == null || (albumName != null && albumName == "" && albumName.length == 0)) {
					alert("Photo Upload can not be started.Enter the new album name");
					dojo.byId("progressBar").style.display="none";
				} else {
					//add new album to list of albums
                    selectAlbum.options[selectAlbum.options.length] =  new Option(albumName, albumName, false, false);
					//upload the files
					setProgressbar(0,1);
					uploader.upload({albumName:albumName, albumDescription:albumDescription, securityToken:securityToken});
				}
			} else {
				//upload files to existent album
				setProgressbar(0,1);
				uploader.upload({albumName:selected,albumDescription:albumDescription, securityToken:securityToken});
			}
			//dojo.byId("newAlbumName").value ="";
		}

		dojo.connect(uploader, "onComplete", function(dataArray){
			console.log("onComplete");
			setProgressbar(1,1);
			dojo.byId("newAlbumName").value ="";
			reloadAdminGallery();
		});

		dojo.connect(uploader, "onProgress", function(dataArray){
			var uploadedPercent=0;
			var totalPercent=0;
			for(var i=0;i<dataArray.length;i++){
				uploadedPercent+=dataArray[i].bytesLoaded;
				totalPercent+=dataArray[i].bytesTotal;
			}
			console.log("onProgress:"+uploadedPercent+"/"+totalPercent);
			setProgressbar((uploadedPercent/totalPercent),1.01011);
			//dojo.byId("newAlbumName").value ="";
		});

		dojo.connect(uploader, "onChange", function(dataArray){
			//hiding the progress bar
			dojo.byId("progressBar").style.display="none";
		});

		dojo.connect(uploader, "onError", function(err){
			var uploadedPercent=0;
			var totalPercent=0;
			for(var i=0;i<dataArray.length;i++){
				uploadedPercent+=dataArray[i].bytesLoaded;
				totalPercent+=dataArray[i].bytesTotal;
			}
			console.log("onProgress:"+uploadedPercent+"/"+totalPercent);
			setProgressbar((uploadedPercent/totalPercent),1.01011);
			if(err && err.text) {
				console.error("Error uploading files:" + err.text);
				//alert("Error uploading files:" + err.text);
                alert("Try after logging in again");
			}
		});

	}

});