<!DOCTYPE html>
<html lang="@@lang@@">
	<head>
		<title>Update - TheDesk</title>
		<link href="../../node_modules/materialize-css/dist/css/materialize.css" type="text/css" rel="stylesheet" />
		<link href="../../css/master.css" type="text/css" rel="stylesheet" />
		<meta charset="utf-8" />
		@@comment-start@@
		<script type="text/javascript">
			var _jipt = [];
			_jipt.push(["project", "thedesk"]);
		</script>
		<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
		@@comment-end@@
		<style>
			body {
				font-family: "Open Sans";
				-webkit-app-region: drag;
				cursor: move;
				padding: 10px;
				text-align: right;
			}

			#start {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100vw;
				height: calc(100vh - 2.5rem);
				text-align: center;
			}

			#checkbox {
				text-align: left;
			}

			a,
			button,
			input,
			label,
			i {
				-webkit-app-region: no-drag;
			}

			#updskip {
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.skipbtn {
				display: block;
				float: left;
				width: 250px;
				height: 200px;
				border: 1px solid;
				margin-left: 5px;
				display: flex;
				justify-content: center;
				align-items: center;
				border: 1px solid #c26363;
				overflow: hidden;
                color: #c26363
			}

			.skipbtn:hover {
				background-color: #c26363;
				transition: all 0.3s ease-in-out;
                color:white;
			}

			#prog {
				font-size: 200%;
			}
		</style>
		<link href="../../node_modules/@fortawesome/fontawesome-free/css/all.min.css" type="text/css" rel="stylesheet" />
	</head>

	<body>
		<script type="text/javascript" src="../../node_modules/jquery/dist/jquery.js"></script>
		<script type="text/javascript" src="../../js/platform/first.js"></script>
		<script type="text/javascript" src="../../node_modules/materialize-css/dist/js/materialize.js"></script>
		<i class="material-icons pointer waves-effect" onclick="about();">info</i>
		<i class="material-icons pointer waves-effect" onclick="skipper();">clear</i>
		<!--a href="update.html">Reload</a-->
		<div id="start">
			<div id="box" class="show">
				<h2>TheDesk</h2>
				<p>@@updatehere@@</p>
				<span id="now"></span>→<b id="ver"></b><br />
				<a href="" id="github" class="btn waves-effect grey darken-1"><i class="fab fa-github left"></i>@@checkWhatIsNew@@</a><br />
				<button class="waves-effect btn windows hide" onclick="update('install')" style="margin-left:15px;">@@installer@@</button>
				<button class="waves-effect btn windows hide" onclick="update('portable')" style="margin-left:15px;">@@portable@@</button>
				<button class="waves-effect btn linux hide" onclick="update('linux')" style="margin-left:15px;">@@linux@@</button>
				<button class="waves-effect btn linux hide" onclick="update('linuxdeb')" style="margin-left:15px;">@@linuxdeb@@</button>
				<button class="waves-effect btn linux hide" onclick="update('linuxsnap')" style="margin-left:15px;">@@linuxsnap@@</button>
				<button class="waves-effect btn mac hide" onclick="update('mac')" style="margin-left:15px;">@@download@@</button>
				<br />
				@@problem1@@<br />@@problem2@@
			</div>
			<div id="skipper" class="hide">
				<h4>@@skipupd@@</h4>
				@@sureupd@@<br />
				<div id="updskip">
					<a onclick="window.close();" class="pointer skipbtn waves-effect waves-light">
						<div>@@nexttl@@</div>
					</a>
					<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light">
						<div>@@nextver@@</div>
					</a>
				</div>
				<a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">@@continue@@</a>
			</div>
			<div id="dlnow" class="hide">
				<h4>@@dlnow@@</h4>
				<h4 id="prog"></h4>
				<div class="progress">
					<div class="determinate" style="width: 0%"></div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../js/common/about.js"></script>
		<script type="text/javascript" src="../../js/platform/end.js"></script>
		<script>
			function skipper() {
				$("#dlnow").addClass("hide");
				$("#box").toggleClass("show");
				if ($("#box").hasClass("hide") && $("#skipper").hasClass("hide")) {
					$("#skipper").removeClass("hide");
					$("#skipper").addClass("show");
				} else {
					$("#box").toggleClass("hide");
					$("#skipper").toggleClass("hide");
					$("#skipper").toggleClass("show");
				}
			}
			verck();
			function update(sel) {
				$("#box").toggleClass("show");
				$("#box").toggleClass("hide");
				$("#dlnow").toggleClass("hide");
				$("#dlnow").toggleClass("show");
				$("#prog").text("");
				var bit = localStorage.getItem("bit");
				var start = "https://thedesk.top/ver.json";
				fetch(start, {
					method: "GET",
					headers: { "content-type": "application/json" }
				})
					.then(function(response) {
						if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
					})
					.catch(function(error) {
						todo(error);setLog(start, "JSON", error);
						console.error(error);
					})
					.then(function(json) {
						if (sel == "install") {
							if (bit == "x64") {
								var url = json["winx64"];
								var file = "TheDesk-setup.exe";
							} else if (bit == "ia32") {
								var url = json["winia32"];
								var file = "TheDesk-setup-ia32.exe";
							}
						} else if (sel == "portable") {
							if (bit == "x64") {
								var url = json["winx64p"];
								var file = "TheDesk.exe";
							} else if (bit == "ia32") {
								var url = json["winia32p"];
								var file = "TheDesk-ia32.exe";
							}
						} else if (sel == "linux") {
							var url = json["linuxx64"];
							var file = "thedesk.zip";
						} else if (sel == "linuxdeb") {
							var url = json["linuxdeb"];
							var file = "thedesk_" + json.unique_linux + "_amd64.deb";
						} else if (sel == "linuxsnap") {
							var url = json["linuxsnap"];
							var file = "thedesk_" + json.unique_linux + "_amd64.snap";
						} else if (sel == "mac") {
							var url = json["mac"];
							var file = "TheDesk-" + json.unique_mac + ".dmg";
						}
						postMessage(["downloadButton", [url, file]], "*");
					});
			}
			function quit() {
				postMessage(["sendSinmpleIpc", "quit"], "*");
			}
			function updateProg(arg) {
				console.log(arg);
				$(".determinate").css("width", arg * 100 + "%");
				$("#prog").text(Math.floor(arg * 100) + "%");
			}
			function updateMess(arg) {
				console.log(arg);
				$("#prog").text(arg);
			}
			function verck() {
				var platform = localStorage.getItem("platform");
				var bit = localStorage.getItem("bit");
				if (platform == "win32") {
					$(".windows").removeClass("hide");
				} else if (platform == "linux") {
					$(".linux").removeClass("hide");
				} else if (platform == "darwin") {
					$(".mac").removeClass("hide");
				}
				var start = "https://thedesk.top/ver.json";
				fetch(start, {
					method: "GET",
					headers: { "content-type": "application/json" }
				})
					.then(function(response) {
						if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
					})
					.catch(function(error) {
						todo(error);setLog(start, "JSON", error);
						console.error(error);
					})
					.then(function(json) {
						console.log(json);
						if (platform == "win32") {
							$("#ver").text(json.desk);
							localStorage.setItem("next-ver", json.desk);
							var url = "https://github.com/cutls/TheDesk/releases/tag/v" + json.unique;
						} else if (platform == "linux") {
							$("#ver").text(json.desk_linux);
							localStorage.setItem("next-ver", json.desk_linux);
							var url = "https://github.com/cutls/TheDesk/releases/tag/v" + json.unique_linux;
						} else if (platform == "darwin") {
							$("#ver").text(json.desk_mac);
							localStorage.setItem("next-ver", json.desk_mac);
							var url = "https://github.com/cutls/TheDesk/releases/tag/v" + json.unique_mac;
						}

						$("#github").attr("href", url);

						$("#now").text(localStorage.getItem("ver"));
					});
			}
			function nextv() {
				localStorage.setItem("new-ver-skip", "true");
				window.close();
			}
			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>
	</body>
</html>