You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
205 lines
7.7 KiB
205 lines
7.7 KiB
|
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta http-equiv="cache-control" |
|
content="max-age=0" /> |
|
<meta http-equiv="cache-control" |
|
content="no-store" /> |
|
<meta http-equiv="expires" |
|
content="-1" /> |
|
<meta http-equiv="expires" |
|
content="Tue, 01 Jan 1980 1:00:00 GMT" /> |
|
<meta http-equiv="pragma" |
|
content="no-cache" /> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
<!--meta http-equiv="refresh" content="300" />--> <!--Refresh each 5s--> |
|
<meta charset="utf-8" /> |
|
|
|
<style> |
|
|
|
body, html { |
|
font-family: "Arial"; |
|
} |
|
|
|
.titlebox { |
|
float: left; |
|
padding: 0 5px; |
|
margin: -30px 0 0 20px; |
|
background: #fff; |
|
} |
|
|
|
|
|
#count_down_timer { |
|
font-size: 18px; |
|
font-weight: bold; |
|
color: #6c87d4; |
|
margin: auto; |
|
} |
|
/* |
|
#stop_count_down_timer { |
|
background-color: black; |
|
color: white |
|
}*/ |
|
|
|
</style> |
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> |
|
<title>AI Engine</title> |
|
<script src="./cookie.min.js"></script> |
|
</head> |
|
|
|
<body> |
|
<div> |
|
<div align="center" class="test" div style="border:1px gray solid;padding:20px;margin:15px 15px 15px 15px"> |
|
<div class="titlebox"><nobr id="TITLEBOX_PAGE_LOADING"></nobr></div> |
|
<!--<p id="demo"></p>--> |
|
<table valign="center" style="border-collapse: collapse; width: 600px; height: 50px; "> |
|
<tbody> |
|
<tr> |
|
<!--<td><img src="./images/ExclamationMark_Blue_64x64px.png" width="80" height="80" style="float:left" /></td>--> |
|
<td style="width:33%"></td> |
|
<td id="count_down_timer"> |
|
<nobr id="COUNT_DOWN_TIMER_LOADING"></nobr><nobr id="TIMER_MESSAGE"></nobr> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td style="width:33%"></td> |
|
<td> |
|
<nobr id="COUNTDOWN_NOTICE"></nobr> |
|
</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
</div> |
|
<br> <br> |
|
<!-- |
|
<div> |
|
<div align="center"> |
|
<input align="center" id="IDOK" type="button" value=" Close " onclick="closethis()" style="background-color:#6c87d4;color:white;height:36px;width:300px;" /> |
|
</div> |
|
</div> |
|
--> |
|
|
|
<!--<button id="stop_count_down_timer" onclick="clearInterval(timerVariable)">Stop Time</button>--> |
|
<script> |
|
var timerVariable = setInterval(countDownTimer, 1000); |
|
var totalSeconds = 70; |
|
var countdown_notice = ""; |
|
var titlebox_page_loading = ""; |
|
var time_unit = ""; |
|
func_get_lang_cookie(); |
|
|
|
document.getElementById("COUNTDOWN_NOTICE").innerHTML = countdown_notice; |
|
document.getElementById("TITLEBOX_PAGE_LOADING").innerHTML = titlebox_page_loading; |
|
document.getElementById("COUNT_DOWN_TIMER_LOADING").innerHTML = titlebox_page_loading; |
|
document.getElementById("TIMER_MESSAGE").innerHTML = " ... " + totalSeconds + time_unit; |
|
|
|
|
|
function countDownTimer() { |
|
--totalSeconds; |
|
//var hour = Math.floor(totalSeconds / 3600); |
|
//var minute = Math.floor((totalSeconds /*- hour * 3600*/) / 60); |
|
var seconds = totalSeconds /*- (hour * 3600 + minute * 60)*/; |
|
//document.getElementById("count_down_timer").innerHTML = hour + ":" + minute + ":" + seconds; |
|
document.getElementById("TIMER_MESSAGE").innerHTML = " ... " + seconds + time_unit; |
|
|
|
if (totalSeconds <= 0) { |
|
|
|
clearInterval(timerVariable); |
|
|
|
var port = GetUrlPort(); |
|
console.log("[countdown.html] port: ", port); |
|
|
|
var replaceUrl = 'http://' + window.location.hostname + ':' + port + '/Aida/setting.html'; |
|
|
|
|
|
if (port == parseInt(localStorage.getItem('landing_page_port'))) { |
|
replaceUrl = 'http://' + window.location.hostname + ':' + port + '/airelay' + '/Aida/airelay_init.html'; // 這樣會再多一層 iframe |
|
// replaceUrl = 'http://' + window.location.hostname + ':' + port + '/airelay' + '/Aida/alarm_on_airelay.html'; |
|
var lpkgIframeElement = window.parent.parent.document.querySelector("#content-show iframe"); |
|
|
|
if (lpkgIframeElement) { |
|
console.log("[countdown.html] replaceUrl for landing page: ", replaceUrl); |
|
lpkgIframeElement.src = replaceUrl; // 從外層 LPKG iframe 重新加載 |
|
} else { |
|
console.log("Redirect failed, please reload this page."); |
|
} |
|
|
|
} else { |
|
console.log("[countdown.html] replaceUrl: ", replaceUrl); |
|
window.location.replace(replaceUrl); |
|
} |
|
|
|
|
|
//this.close(); |
|
} |
|
} |
|
/* |
|
function GetUrlPort() { |
|
var url_href = window.location.href; |
|
var arr_url = url_href.split(":")[2].split("/")[0]; |
|
|
|
return arr_url; |
|
} |
|
*/ |
|
function GetUrlPort() { |
|
var url_href = window.location.href; |
|
// console.log(`[GetUrlPort] url_href: ${url_href}`); |
|
var arr_url = url_href.split(":"); |
|
var port = 80; |
|
if (arr_url.length > 2) { // plugin 開分頁會有 <ip>:<port_number> 格式 |
|
port = arr_url[2].split("/")[0]; |
|
} |
|
// console.log(`[GetUrlPort] return: ${port}`); |
|
return port; |
|
} |
|
|
|
function closethis() { |
|
clearInterval(timerVariable); |
|
this.close(); |
|
} |
|
|
|
function func_get_lang_cookie() { |
|
var list = ''; |
|
var cookies = cookie(); |
|
|
|
for (var v in cookies) { |
|
if (v === 'LANG') |
|
list += cookies[v]; |
|
} |
|
if (list.length >= 1) { |
|
if (list === 'en_gb') { |
|
countdown_notice = "The browser will refresh until the time is up."; |
|
titlebox_page_loading = "Loading"; |
|
time_unit = " secs"; |
|
|
|
} else if (list === 'zh_tw') { |
|
countdown_notice = "等待時間結束，瀏覽器將刷新。"; |
|
titlebox_page_loading = "載入"; |
|
time_unit = " 秒"; |
|
|
|
} else if (list === 'ja_jp') { |
|
countdown_notice = "時間切れになるまでブラウザは更新されます。"; |
|
titlebox_page_loading = "読み込み中"; |
|
time_unit = " 秒"; |
|
|
|
} else if (list === 'it_it') { |
|
countdown_notice = "Il browser si aggiornerà fino allo scadere del tempo."; |
|
titlebox_page_loading = "Caricamento in corso"; |
|
time_unit = " sec"; |
|
} |
|
|
|
return list; |
|
} |
|
cookie("LANG", "en_gb", "9999/12/31 12:00:00"); |
|
countdown_notice = "The browser will refresh until the time is up."; |
|
titlebox_page_loading = "Loading"; |
|
time_unit = " secs"; |
|
return "en_gb"; |
|
} |
|
|
|
</script> |
|
</body> |
|
</html >
|
|
|