178 lines
5.5 KiB
HTML
178 lines
5.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<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;
|
|
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:200px;
|
|
height:200px;
|
|
border:1px solid;
|
|
margin-left:5px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border: 1px solid;
|
|
overflow: hidden;
|
|
}
|
|
.skipbtn:hover{
|
|
background-color: #b3e5fc;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
#prog{
|
|
font-size:200%;
|
|
}
|
|
</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>
|
|
<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>アップデートがあります</p>
|
|
<span id="now"></span>→<b id="ver"></b><br>
|
|
<span id="det"></span><br>
|
|
<button id="update" class="waves-effect btn" onclick="update('true')" style="margin-left:15px;">開始</button>
|
|
<div id="checkbox">
|
|
Options:<br>
|
|
<input type="checkbox" class="filled-in" id="portable" value="true" />
|
|
<label for="portable">ポータブル版</label><br>
|
|
<input type="checkbox" class="filled-in" id="rewrite" value="true" />
|
|
<label for="rewrite">上書きしない</label><br>
|
|
</div>
|
|
問題が発生しますか？<br><a href="https://thedesk.top">公式HP</a>からダウンロードをお試しください。
|
|
</div>
|
|
<div id="skipper" class="hide">
|
|
<h4>アップデートは必ず行ってください</h4>
|
|
アップデートをスキップする<br>
|
|
<div id="updskip">
|
|
<a onclick="window.close();" class="pointer skipbtn waves-effect waves-light"><div>次回TL表示時まで</div></a>
|
|
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light"><div>次のバージョンが出るまで</div></a>
|
|
</div>
|
|
<a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">アップデートを続行</a>
|
|
</div>
|
|
<div id="dlnow" class="hide">
|
|
<h4>ダウンロード中</h4>
|
|
<h4 id="prog"></h4>
|
|
</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");
|
|
}
|
|
}
|
|
var electron = require("electron");
|
|
var ipc = electron.ipcRenderer;
|
|
verck();
|
|
function update(sel){
|
|
$("#box").toggleClass("show");
|
|
$("#box").toggleClass("hide");
|
|
$("#dlnow").toggleClass("hide");
|
|
$("#dlnow").toggleClass("show");
|
|
$("#prog").text("");
|
|
if($('#rewrite:checked').val()=="true"){
|
|
var versioning=true;
|
|
}else{
|
|
var versioning=false;
|
|
}
|
|
if($('#portable:checked').val()=="true"){
|
|
var zip=true;
|
|
}else{
|
|
var zip=false;
|
|
}
|
|
ipc.send('download-btn', [sel,enc(localStorage.getItem("next-ver")),zip,versioning]);
|
|
}
|
|
function quit(){
|
|
ipc.send('quit', 'go');
|
|
}
|
|
ipc.on('prog', function (event, arg) {
|
|
console.log(arg);
|
|
$("body").css('background','linear-gradient(#fff 0%,#fff '+(1-arg)*100+'%, #d7ccc8 '+(1-arg)*100+'%, #d7ccc8 100%)');
|
|
$("#prog").text(Math.floor(arg*100)+"%");
|
|
})
|
|
ipc.on('mess', function (event, arg) {
|
|
console.log(arg);
|
|
$("#prog").text(arg);
|
|
})
|
|
function verck(){
|
|
var remote=electron.remote;
|
|
var platform=remote.process.platform;
|
|
if(platform!="win32"){
|
|
$('#updator').prop("disabled",true)
|
|
}
|
|
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").html(json.detail);
|
|
$("#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> |