aicloud_UI/css/download_folder.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<style>
html{
margin:0 0;
padding:0px;
}
body{
display: block;
overflow: hidden;
background: #e8e8e8;
}
button#cancel{
position: absolute;
width: 80px;
height: 30px;
right: 10px;
top: 98px;
}

div#save{
width: 100px;
height: 30px;
right: 100px;
position: absolute;
top: 98px;
}

#progressbar {
background-color: black;
border-radius: 1px; /* (height of inner div) / 2 + padding */
padding: 1px;
}

#progressbar div {
width: 0; /* Adjust with JavaScript */
height: 20px;
border-radius: 1px;
}

#progressbar #div_progress {
background-color: #16A8E4;
}

span{
display: inline-block;
}

span#progress{
width: 250px;
white-space: nowrap;
}

.install, .enableJAVA {
-webkit-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
-moz-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
background-color:#5B74A8;
border:1px solid #29447E;
font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:700;
padding:2px 6px;
height:28px;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width: 100px;
height: 30px;
}
</style>
<script type="text/javascript" src="/smb/js/tools.js"></script>
<script type="text/javascript" src="/smb/js/davclient_tools.js"></script>
<script type="text/javascript" src="/smb/js/deployJava.js"></script>
<script type="text/javascript">
var this_url;
var m = new lang();
var g_storage = new myStorage();
var is_private_ip = 0;
var array_download_folder = [];
var array_download_file = [];
var g_open_url = '';
var storage_key_map = {
    "port": "http_port",
    "agent": "user_agent"
};

function showEnableJAVAUI(){

	var enable_html = '<input class="enableJAVA" type="button" value="Enable JAVA">';
	$(enable_html).appendTo($("#save"));

  refresh_hint_status(m.getString("title_not_support_java"));

  $(".enableJAVA").click(function(){
  	window.open("http://java.com/en/download/help/enable_browser.xml", "_blank");
  });
}

function showInstallJAVAUI(){
	var enable_html = '<input class="install" type="button" value="'+ m.getString('btn_install_java') + '">';
	$(enable_html).appendTo($("#save"));

	refresh_hint_status(m.getString("title_not_install_java"));

  $(".install").click(function(){
  	window.open("http://java.com/download", "_blank");
 	});
}

$("document").ready(function() {
	var loc_lan = String(window.navigator.userLanguage || window.navigator.language).toLowerCase();
	var lan = ( g_storage.get('lan') == undefined ) ? loc_lan : g_storage.get('lan');
	m.setLanguage(lan);

	$("#progressbar").hide();

	$('button#cancel').text(m.getString('btn_cancel'));
	var msg = "";

	if (!navigator.javaEnabled()) {
    showEnableJAVAUI();
    return;
	}

	var is_java_enabled = false;
	if (deployJava.versionCheck("1.6.0+") || deployJava.versionCheck("1.4") || deployJava.versionCheck("1.5.0*")) {
  	is_java_enabled = true;
  }

	if(!is_java_enabled){
		showInstallJAVAUI();
		return;
	}

	if(getUrlVars()["p"]){
		storage_key_map["port"] = getUrlVars()["p"];
	}

	if(getUrlVars()["a"]){
		storage_key_map["agent"] = getUrlVars()["a"];
	}

	if(getUrlVars()["u"]){
		g_open_url = getUrlVars()["u"];
	}

	var media_hostName = window.location.host;
	if(media_hostName.indexOf(":")!=-1)
		media_hostName = media_hostName.substring(0, media_hostName.indexOf(":"));
	var jar_file = "http://" + media_hostName + ":" + g_storage.get(storage_key_map["port"]) + '/smb/css/CloudUtil.jar';

	var applet_html = '<applet name="AiCloud_Applet" id="AiCloud_Applet" ARCHIVE="';
	applet_html += jar_file;
	applet_html += '" code="com.asus.aicloud.Download.class" width="100%" height="100%" >';
	applet_html += 'Your browser does not support JAVA!';
	applet_html += '<PARAM NAME="MAYSCRIPT" VALUE="true">';
	applet_html += '</applet>';
	$(applet_html).appendTo($("#save"));

	this_url = getUrlVars()["v"];

	var select_folder = this_url.split(";");

	array_download_folder = [];
	array_download_file = [];

	var msg = m.getString("title_download_folder_select");
	msg = msg.replace("%s", select_folder.length);

	refresh_hint_status(msg);

	var count = select_folder.length;
	for(var i=0; i<count; i++){
		var folder_path = select_folder[i];
		recursiove_propfind(folder_path);
	}

});

function recursiove_propfind(open_url){
	if(open_url==""||open_url==undefined)
		return;

	var client = new davlib.DavClient();
	client.initialize();

	client.PROPFIND(open_url, null, function(error, statusstring, content){
		if(error){
			if(error==207){

				var parser;
				var xmlDoc;

				var g_folder_array = new Array();
				var g_file_array = new Array();

				if (window.DOMParser){
					parser=new DOMParser();
					xmlDoc=parser.parseFromString(content,"text/xml");
				}
				else { // Internet Explorer
					xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
          xmlDoc.async="false";
					xmlDoc.loadXML(content);

					if(!xmlDoc.documentElement){
						alert("Fail to load xml!");
						showHideLoadStatus(false);
						return;
					}
				}

				var i, j, k, l, n;
				var x = xmlDoc.documentElement.childNodes;

				var this_query_type = xmlDoc.documentElement.getAttribute('qtype'); //- 2: query host, 1: query share, 0: query file
				var this_folder_readonly = xmlDoc.documentElement.getAttribute('readonly');
				var this_router_username = xmlDoc.documentElement.getAttribute('ruser');
				var this_computer_name = xmlDoc.documentElement.getAttribute('computername');
				var this_isusb = xmlDoc.documentElement.getAttribute('isusb');
				var cur_openurl = addPathSlash(g_open_url);

				//- D:Response
				for (i=0;i<x.length;i++){
					var this_href = "";
					var this_contenttype = "";
					var this_uniqueid = "";
					var this_name = "";
					var this_short_name = "";
					var this_online = "";
					var this_lastmodified = "";
					var this_contentlength = "";
					var this_ip = "";
					var this_mac = "";
					var this_type = "";
					var this_attr_readonly = "";
					var this_attr_hidden = "";
					var this_uncode_name;

					var y = x[i].childNodes;
					for (j=0;j<y.length;j++){
						if(y[j].nodeType==1&&y[j].nodeName=="D:propstat"){

								var z = y[j].childNodes;

								for (k=0;k<z.length;k++)
								{
									if(z[k].nodeName=="D:prop"){

										var a = z[k].childNodes;

										for (l=0;l<a.length;l++)
										{
											if(a[l].childNodes.length<=0)
												continue;

											if(a[l].nodeName=="D:getcontenttype"){
												this_contenttype = String(a[l].childNodes[0].nodeValue);
											}
											else if(a[l].nodeName=="D:getuniqueid"){
												this_uniqueid = String(a[l].childNodes[0].nodeValue);
											}
											else if(a[l].nodeName=="D:getonline"){
												this_online = String(a[l].childNodes[0].nodeValue);
											}
											else if(a[l].nodeName=="D:getlastmodified"){
												this_lastmodified = String(a[l].childNodes[0].nodeValue);
											}
											else if(a[l].nodeName=="D:getcontentlength"){
												//this_contentlength = String( size_format(parseInt(a[l].childNodes[0].nodeValue)));
												this_contentlength = String(a[l].childNodes[0].nodeValue);
											}
											else if(a[l].nodeName=="D:getmac"){
												this_mac = String(a[l].childNodes[0].nodeValue);
											}
											else if(a[l].nodeName=="D:getip"){
												this_ip = String(a[l].childNodes[0].nodeValue);
											}
											else if(a[l].nodeName=="D:gettype"){
												this_type = String(a[l].childNodes[0].nodeValue);
											}
											else if(a[l].nodeName=="D:getattr"){
												var bb = a[l].childNodes;
												for (n=0;n<bb.length;n++){
													if(bb[n].nodeName=="D:readonly")
														this_attr_readonly = bb[n].childNodes[0].nodeValue;
													else if(bb[n].nodeName=="D:hidden")
														this_attr_hidden = bb[n].childNodes[0].nodeValue;
												}
											}
										}
									}
								}
							}
							else if(y[j].nodeType==1&&y[j].nodeName=="D:href"){
								this_href = String(y[j].childNodes[0].nodeValue);

								var cur_host = "";

								if(this_href.match(/^http/))
									cur_host = window.location.protocol + "//" + window.location.host;

								var cururl = cur_host + addPathSlash(open_url);

								if(this_href!=cururl){
									var o_url = open_url;
									this_href = this_href.replace(cur_host,"");
								}
								else{
									this_href="";
								}
								//alert(this_href);
							}
					}

					if(this_href!=""){
							if( this_contenttype=="httpd/unix-directory" ){
								var loc = this_href.replace(addPathSlash(g_open_url),"");
								array_download_folder.push({ folder: loc });
								recursiove_propfind(this_href);
							}
							else{
								var loc = this_href.replace(addPathSlash(g_open_url),"");
								array_download_file.push({ file: loc, size: this_contentlength });
							}
					}
				}
			}
		}
	}, null, 1);
}

function doCancel(e) {
	parent.closeJqmWindow(0);
};

function getUrlVars(){
	var vars = [], hash;
  var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  for(var i = 0; i < hashes.length; i++){
  	hash = hashes[i].split('=');
    vars.push(hash[0]);
    vars[hash[0]] = hash[1];
  }
  return vars;
}

function get_user_agent(){
   return g_storage.get(storage_key_map["agent"]);
}

function get_server_url(){
	var openurl = window.location.protocol + "//" + window.location.host + addPathSlash(g_open_url);
	return openurl;
}

function get_remote_folder(){
	return array_download_folder;
}

function get_remote_file(){
  return array_download_file;
}

function start_download(){
	refresh_hint_status("");
	refresh_status("");
	$("#save").css("left", "999px");
}

function finish_download(){
	refresh_status(m.getString("title_download_finish"));
}

function refresh_hint_status(status){
	$("span#hint").text(decodeURI(status));
}

function refresh_status(status){
	$("span#progress").text(decodeURI(status));
}

function refresh_progress(progress){
	$("#lb_Progress").text(progress+"%");
  $("#progressbar #div_progress").css("width", progress + "%");
  $("#progressbar").show();
}
</script>
</head>
<body>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="overflow:hidden;">
	<tr height="50px">
  	<td>
			<table width="100%">
				<td><tr>
					<span id='hint'></span>
					<span id='progress'></span>
				</td></tr>
			</table>
    </td>
  </tr>
  <tr>
  	<td>
  		<div id="progressbar" style="text-align:center;position:relative;">
				<div id="div_progress" style="position: absolute;"></div>
				<div style="position:relative;width:100%;"><label id="lb_Progress" style="color:#ffffff;"></label></div>
			</div>
    </td>
  </tr>
  <tr>
  	<td>
  	<div class="table_block_footer" style="float:right;height:30px;">
  		<button id="cancel" class="btnStyle" onClick="doCancel();">Close</button>
  		<div id="save">
			</div>
    </div>
    </td>
  </tr>
</table>
</body>
</html>