thedesk/app/view/make/update.sample.html

270 lines
8.3 KiB
HTML
Raw Permalink Normal View History

2019-10-25 02:04:53 +11:00
<!DOCTYPE html>
2019-05-06 20:10:03 +10:00
<html lang="@@lang@@">
2019-10-25 02:04:53 +11:00
<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;
}
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
#start {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: calc(100vh - 2.5rem);
text-align: center;
}
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
#checkbox {
text-align: left;
}
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
a,
button,
input,
label,
i {
-webkit-app-region: no-drag;
}
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
#updskip {
display: flex;
justify-content: center;
align-items: center;
}
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
.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
}
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
.skipbtn:hover {
background-color: #c26363;
transition: all 0.3s ease-in-out;
color:white;
}
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
#prog {
font-size: 200%;
}
</style>
<link href="../../node_modules/@fortawesome/fontawesome-free/css/all.min.css" type="text/css" rel="stylesheet" />
</head>
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
<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) {
2019-10-31 02:30:26 +11:00
if (!response.ok) {
response.text().then(function(text) {
setLog(response.url, response.status, text);
});
}
return response.json();
2019-10-25 02:04:53 +11:00
})
.catch(function(error) {
2019-11-04 03:10:06 +11:00
todo(error);setLog(start, "JSON", error);
2019-10-25 02:04:53 +11:00
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) {
2019-10-31 02:30:26 +11:00
if (!response.ok) {
response.text().then(function(text) {
setLog(response.url, response.status, text);
});
}
return response.json();
2019-10-25 02:04:53 +11:00
})
.catch(function(error) {
2019-11-04 03:10:06 +11:00
todo(error);setLog(start, "JSON", error);
2019-10-25 02:04:53 +11:00
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;
}
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
$("#github").attr("href", url);
2019-05-19 17:39:30 +10:00
2019-10-25 02:04:53 +11:00
$("#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>