csu3_am335x/EVSE/rootfs/var/www/log_download.php

<?php
	$tag_header = 'other';
	include 'head.php';
?>
<style>
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
</style>
    <div class="envor-content">
      <!--
      Page Title start
      //-->
      <section class="envor-page-title-1" data-stellar-background-ratio="0.5">
        <div class="container">
          <div class="row">
            <div class="col-lg-9 col-md-9 col-sm-9">
              <h1><?php echo $lang->showWord("log_download"); ?></h1>
            </div>
          </div>
        </div>
      <!--
      Page Title end
      //-->
      </section>
      <!--
        Main Content start
      //-->
		<div id="loading" style="display:none;"><img src="img/giphy.gif"/></div>
      <section class="envor-section">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
                <h2><?php echo $lang->showWord("log_download");?></h2>
                <hr>
                <h4 id="createResult"><?php echo $lang->showWord("message_download_log");?></h4>
            </div>
          </div>
        </div>
      <!--
      Page Title end
      //-->
      </section>
      <!--
        Main Content start
      //-->
	</div>

<div class="wrapper">
	<div id="portfolio" class="container">
		<p id="createResult"></p>
	</div>
</div>

<?php
	include 'foot.php';
?>

<script type="text/JavaScript">

	window.onload = function() {
		getInfo();
	}

	function getInfo() {
		var logCnt;

                do{
                        logCnt = prompt("<?php echo $lang->showWord("logPackPrompt");?>", 2);
		}while(isNaN(logCnt) || (logCnt > 6) || (logCnt < 1));

		document.getElementById("loading").style.display="block";
		// 發送 Ajax 查詢請求並處理
		var request = new XMLHttpRequest();
		request.open("POST", "log_download_action.php");
		var d=new Date();
		var now=d.getFullYear() + ("00" + (d.getMonth() + 1)).slice(-2) + ("00" + d.getDate()).slice(-2) + ("00" + d.getHours()).slice(-2) + ("00" + d.getMinutes()).slice(-2) + ("00" + d.getSeconds()).slice(-2);
		// POST 參數須使用 send() 發送
		var data = "logCnt=" + logCnt;

		// POST 請求必須設置表頭在 open() 下面，send() 上面
		request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		request.send(data);

		request.onreadystatechange = function() {
			// 伺服器請求完成
			if (request.readyState == 4) {
				 document.getElementById("loading").style.display="none";
				// 伺服器回應成功
				if (request.status == 200) {
					document.getElementById("createResult").innerHTML = "";
					document.getElementById("createResult").innerHTML = request.responseText;

					var link = document.createElement("a");
//					link.download = "/mnt/log.zip";
					link.href = "/mnt/log.zip";
					link.download="log"+now+".zip";
					var ev = new MouseEvent("click", {"bubbles":true, "cancelable":true});
					link.dispatchEvent(ev);
				} else {
					alert("發生錯誤" + request.status);
				}
			}
			else{
				document.getElementById("createResult").innerHTML = request.responseText;
			}
		}
	}
</script>


</html>