<!doctype html>
<html lang="ja">
<head>
<title>Update - TheDesk</title>
<link href="./css/materialize.css" type="text/css" rel="stylesheet">
<link href="./css/master.css" type="text/css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
<meta charset="utf-8">
</head>
<body>
    <style>
    body{
    font-family:'Open Sans';
    -webkit-app-region: drag;
    cursor: move;
}
a,button{
    -webkit-app-region: no-drag;
}</style>
<script type="text/javascript" src="./js/common/jquery.js"></script>
<script type="text/javascript" src="./js/platform/first.js"></script>
<script type="text/javascript" src="./js/common/materialize.js"></script>
<h5>アップデートがあります[TheDesk <span id="ver"></span>]</h5>
<span id="det"></span><br>
現在のバージョン<span id="now"></span><br>
ダウンロード後は選択したフォルダが開きソフトは閉じられます。<br>
<button id="update" class="waves-effect btn" onclick="update('true')">ダウンロード</button>
<p id="prog"></p>
  <div class="progress">
      <div class="determinate" style="width: 0%"></div>
  </div><br>
  アップデートはセキュアかつ高速なAmazon CloudFront CDNを通じて提供されます。<br>
  アップデート内容の詳細は<a href="https://github.com/cutls/TheDesk/blob/master/LATEST.md">GitHub</a>をご覧ください。<br><br>
  <a onclick="window.close();" class="pointer">このアップデートを飛ばす</a>(次回TL表示時まで有効)<br><a onclick="quit()" class="pointer">このソフトを終了</a><br>
  <a onclick="about()" class="pointer">このソフトについて</a>
  <script type="text/javascript" src="./js/common/about.js"></script>
  <script type="text/javascript" src="./js/platform/end.js"></script>
<script>
var electron = require("electron");
var ipc = electron.ipcRenderer;
verck();
    function update(sel){
		$("#prog").text("");
				ipc.send('download-btn', [sel,enc(localStorage.getItem("next-ver"))]);
    }
	function quit(){
				ipc.send('quit', 'go');
    }
ipc.on('prog', function (event, arg) {
	console.log(arg);
	$(".determinate").css('width',arg*100+"%");
})
ipc.on('mess', function (event, arg) {
	$("#prog").text(arg);
})
function verck(){
	var start="https://thedesk.top/ver.json";
	fetch(start, {
		method: 'GET',
		headers: {'content-type': 'application/json'},
    }).then(function(response) {
       return response.json();
    }).catch(function(error) {
        todo(error);
		console.error(error);
    }).then(function(json) {
		 console.log(json);
             $("#ver").text(json.desk);
             localStorage.setItem("next-ver",json.desk);
			 $("#det").text(json.detail);
			 $("#now").text(localStorage.getItem("ver"));
    });
}
function enc(ver){
    var ver = ver.replace( /\s/g , "" );
    var ver = ver.replace( /\(/g , "-" );
    var ver = ver.replace( /\)/g , "" );
    var ver = ver.replace( /\[/g , "_" );
    var ver = ver.replace( /\]/g , "" );
    return ver;
}
</script>