uboot: refine web helptext

Signed-off-by: Tianling Shen <cnsztl@immortalwrt.org>
This commit is contained in:
Tianling Shen
2024-06-14 20:25:11 +08:00
committed by hanwckf
parent 68913c964f
commit 24ca421ac3
12 changed files with 167 additions and 36 deletions

View File

@@ -2,14 +2,17 @@
<html>
<head>
<meta charset="utf-8">
<title>U-Boot update</title>
<title>BL2 update</title>
<link rel="stylesheet" href="/style.css">
<script src="/index.js"></script>
</head>
<body onload="getversion()">
<div id="m">
<h1>BL2 UPDATE</h1>
<p id="hint">You are going to update <strong>BL2 bootloader</strong> on the device.<br>Please, choose file from your local hard drive and click <strong>Upload</strong> button.</p>
<p id="hint">
You are going to update <strong>BL2 (preloader)</strong> on the device.<br>
Please, choose file from your local hard drive and click <strong>Upload</strong> button.
</p>
<form id="form">
<input id="file" type="file" name="bl2">
<input type="button" value="Upload" onclick="upload('bl2')">
@@ -20,7 +23,7 @@
<div id="size" style="display: none;">Size: xxxx</div>
<div id="md5" style="display: none;">MD5: xxxx</div>
<div id="upgrade" style="display: none;">
<p>The BL2 has been uploaded, please click "Update"</p>
<p>If all information above is correct, click "Update".</p>
<button class="button" onclick="location = '/flashing.html'">Update</button>
</div>
<div class="i w">
@@ -29,10 +32,10 @@
<li>do not power off the device during update</li>
<li>if everything goes well, the device will restart</li>
<li>you can upload whatever you want, so be sure that you choose proper BL2 image for your device</li>
<li>updating U-Boot is a very dangerous operation and may damage your device!</li>
<li>updating BL2 is a very dangerous operation and may damage your device!</li>
</ul>
</div>
</div>
<div id="version"></div>
</body>
</html>
</html>

View File

@@ -3,8 +3,7 @@
<head>
<meta charset="utf-8">
<title>Update in progress</title>
<style>h1,p,ul{margin:0;padding:0}html,body{font:13px/20px Arial,sans-serif;background:#EDEDED}#m{max-width:750px;margin:30px auto 10px;border:solid 1px #BABABA;background:#FFF;border-radius:7px;box-shadow:0 0 10px #D2D1D1}#m > *{padding:20px}h1{font:bold 50px/50px Tahoma;border-bottom:solid 1px #E8E8E8}a,h1{color:#2450AD;text-decoration:none}.i{margin:20px;border-radius:7px;text-align:justify}.w{background:#FEFDCE;border:solid 1px #FFC643}#version{text-align:center;}form,p,h1{text-align:center}ul{list-style:square;margin:0 0 0 20px}.i strong{margin:0 0 5px;display:block}#l{height:30px;width:30px;margin:0 auto 20px;-webkit-animation:r 1s infinite linear;-moz-animation:r 1s infinite linear;-o-animation:r 1s infinite linear;animation:r 1s infinite linear;border-left:7px solid #EAF1FF;border-right:7px solid #EAF1FF;border-bottom:7px solid #EAF1FF;border-top:7px solid #2450AD;border-radius:100%}@-webkit-keyframes r{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes r{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes r{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes r{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}
</style>
<link rel="stylesheet" href="/style.css">
<script src="/index.js"></script>
<script>
function init() {
@@ -18,8 +17,8 @@
return
}
document.getElementById('title').innerHTML = 'UPGRADE COMPLETE!'
document.getElementById('info').innerHTML = 'Your device was successfully Upgraded! Now Rebooting...'
document.getElementById('title').innerHTML = 'UPDATE COMPLETED'
document.getElementById('info').innerHTML = 'Your device was successfully updated! Now rebooting...'
},
timeout: 30000
})
@@ -30,8 +29,8 @@
return
}
document.getElementById('title').innerHTML = 'UPGRADE COMPLETE!'
document.getElementById('info').innerHTML = 'Your device was successfully Upgraded! Now Rebooting...'
document.getElementById('title').innerHTML = 'UPDATE COMPLETED'
document.getElementById('info').innerHTML = 'Your device was successfully updated! Now rebooting...'
}, 30000)
}
</script>
@@ -39,7 +38,10 @@
<body onload="init()">
<div id="m">
<h1 id="title">UPDATE IN PROGRESS</h1>
<p id="info">Your file was successfully uploaded! Update is in progress and you should wait for automatic reset of the device.<br>Update time depends on image size and may take up to a few minutes.</p>
<p id="info">
Your file was successfully uploaded! Update is in progress and you should wait for automatic reset of the device.<br>
Update time depends on image size and may take up to a few minutes.
</p>
<div id="l"></div>
</div>
<div id="version"></div>

View File

@@ -2,14 +2,17 @@
<html>
<head>
<meta charset="utf-8">
<title>U-Boot update</title>
<title>GPT update</title>
<link rel="stylesheet" href="/style.css">
<script src="/index.js"></script>
</head>
<body onload="getversion()">
<div id="m">
<h1>GPT UPDATE</h1>
<p id="hint">You are going to update <strong>GPT</strong> on the device.<br>Please, choose file from your local hard drive and click <strong>Upload</strong> button.</p>
<p id="hint">
You are going to update <strong>GPT (Partition Table)</strong> on the device.<br>
Please, choose file from your local hard drive and click <strong>Upload</strong> button.
</p>
<form id="form">
<input id="file" type="file" name="gpt">
<input type="button" value="Upload" onclick="upload('gpt')">
@@ -20,7 +23,7 @@
<div id="size" style="display: none;">Size: xxxx</div>
<div id="md5" style="display: none;">MD5: xxxx</div>
<div id="upgrade" style="display: none;">
<p>The GPT has been uploaded, please click "Update"</p>
<p>If all information above is correct, click "Update".</p>
<button class="button" onclick="location = '/flashing.html'">Update</button>
</div>
<div class="i w">
@@ -29,7 +32,7 @@
<li>do not power off the device during update</li>
<li>if everything goes well, the device will restart</li>
<li>you can upload whatever you want, so be sure that you choose proper GPT for your device</li>
<li>updating U-Boot is a very dangerous operation and may damage your device!</li>
<li>updating GPT is a dangerous operation and may damage your device!</li>
</ul>
</div>
</div>

View File

@@ -9,7 +9,10 @@
<body onload="startup()">
<div id="m">
<h1>FIRMWARE UPDATE</h1>
<p id="hint">You are going to update <strong>firmware</strong> on the device.<br>Please, choose file from your local hard drive and click <strong>Upload</strong> button.</p>
<p id="hint">
You are going to update <strong>firmware</strong> on the device.<br>
Please, choose file from your local hard drive and click <strong>Upload</strong> button.
</p>
<form id="form">
<div id="mtd_layout" style="display: none;">
<div id="current_mtd_layout"></div>
@@ -28,7 +31,7 @@
<div id="md5" style="display: none;">MD5: xxxx</div>
<div id="mtd" style="display: none;">MTD layout: xxxx</div>
<div id="upgrade" style="display: none;">
<p>The firmware has been uploaded, please click "Update"</p>
<p>If all information above is correct, click "Update".</p>
<button class="button" onclick="location = '/flashing.html'">Update</button>
</div>
<div class="i w">

View File

@@ -132,3 +132,54 @@ ul {
background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
background-color: #0688fa;
}
#l {
height: 30px;
width: 30px;
margin: 0 auto 20px;
-webkit-animation: r 1s infinite linear;
-moz-animation: r 1s infinite linear;
-o-animation: r 1s infinite linear;
animation: r 1s infinite linear;
border-left: 7px solid #eaf1ff;
border-right: 7px solid #eaf1ff;
border-bottom: 7px solid #eaf1ff;
border-top: 7px solid #2450ad;
border-radius: 100%;
}
@-webkit-keyframes r {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes r {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes r {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes r {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}

View File

@@ -9,7 +9,10 @@
<body onload="getversion()">
<div id="m">
<h1>U-BOOT UPDATE</h1>
<p id="hint">You are going to update <strong>U-Boot bootloader</strong> on the device.<br>Please, choose file from your local hard drive and click <strong>Upload</strong> button.</p>
<p id="hint">
You are going to update <strong>U-Boot (bootloader)</strong> on the device.<br>
Please, choose file from your local hard drive and click <strong>Upload</strong> button.
</p>
<form id="form">
<input id="file" type="file" name="fip">
<input type="button" value="Upload" onclick="upload('fip')">
@@ -20,7 +23,7 @@
<div id="size" style="display: none;">Size: xxxx</div>
<div id="md5" style="display: none;">MD5: xxxx</div>
<div id="upgrade" style="display: none;">
<p>The U-Boot has been uploaded, please click "Update"</p>
<p>If all information above is correct, click "Update".</p>
<button class="button" onclick="location = '/flashing.html'">Update</button>
</div>
<div class="i w">

View File

@@ -2,14 +2,17 @@
<html>
<head>
<meta charset="utf-8">
<title>U-Boot update</title>
<title>BL2 update</title>
<link rel="stylesheet" href="/style.css">
<script src="/main.js"></script>
</head>
<body onload="getversion()">
<div id="m">
<h1>BL2 UPDATE</h1>
<p id="hint">You are going to update <strong>BL2 bootloader</strong> on the device.<br>Please, choose file from your local hard drive and click <strong>Upload</strong> button.</p>
<p id="hint">
You are going to update <strong>BL2 (preloader)</strong> on the device.<br>
Please, choose file from your local hard drive and click <strong>Upload</strong> button.
</p>
<form id="form">
<input id="file" type="file" name="bl2">
<input type="button" value="Upload" onclick="upload('bl2')">
@@ -20,7 +23,7 @@
<div id="size" style="display: none;">Size: xxxx</div>
<div id="md5" style="display: none;">MD5: xxxx</div>
<div id="upgrade" style="display: none;">
<p>The BL2 has been uploaded, please click "Update"</p>
<p>If all information above is correct, click "Update".</p>
<button class="button" onclick="location = '/flashing.html'">Update</button>
</div>
<div class="i w">

View File

@@ -3,8 +3,7 @@
<head>
<meta charset="utf-8">
<title>Update in progress</title>
<style>h1,p,ul{margin:0;padding:0}html,body{font:13px/20px Arial,sans-serif;background:#EDEDED}#m{max-width:750px;margin:30px auto 10px;border:solid 1px #BABABA;background:#FFF;border-radius:7px;box-shadow:0 0 10px #D2D1D1}#m > *{padding:20px}h1{font:bold 50px/50px Tahoma;border-bottom:solid 1px #E8E8E8}a,h1{color:#2450AD;text-decoration:none}.i{margin:20px;border-radius:7px;text-align:justify}.w{background:#FEFDCE;border:solid 1px #FFC643}#version{text-align:center;}form,p,h1{text-align:center}ul{list-style:square;margin:0 0 0 20px}.i strong{margin:0 0 5px;display:block}#l{height:30px;width:30px;margin:0 auto 20px;-webkit-animation:r 1s infinite linear;-moz-animation:r 1s infinite linear;-o-animation:r 1s infinite linear;animation:r 1s infinite linear;border-left:7px solid #EAF1FF;border-right:7px solid #EAF1FF;border-bottom:7px solid #EAF1FF;border-top:7px solid #2450AD;border-radius:100%}@-webkit-keyframes r{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes r{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes r{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes r{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}
</style>
<link rel="stylesheet" href="/style.css">
<script src="/main.js"></script>
<script>
function init() {
@@ -17,8 +16,9 @@
location = '/fail.html'
return
}
document.getElementById('title').innerHTML = 'UPGRADE COMPLETE!'
document.getElementById('info').innerHTML = 'Your device was successfully Upgraded! Now Rebooting...'
document.getElementById('title').innerHTML = 'UPDATE COMPLETED'
document.getElementById('info').innerHTML = 'Your device was successfully updated! Now rebooting...'
},
timeout: 30000
})
@@ -28,7 +28,10 @@
<body onload="init()">
<div id="m">
<h1 id="title">UPDATE IN PROGRESS</h1>
<p id="info">Your file was successfully uploaded! Update is in progress and you should wait for automatic reset of the device.<br>Update time depends on image size and may take up to a few minutes.</p>
<p id="info">
Your file was successfully uploaded! Update is in progress and you should wait for automatic reset of the device.<br>
Update time depends on image size and may take up to a few minutes.
</p>
<div id="l"></div>
</div>
<div id="version"></div>

View File

@@ -2,14 +2,17 @@
<html>
<head>
<meta charset="utf-8">
<title>U-Boot update</title>
<title>GPT update</title>
<link rel="stylesheet" href="/style.css">
<script src="/main.js"></script>
</head>
<body onload="getversion()">
<div id="m">
<h1>GPT UPDATE</h1>
<p id="hint">You are going to update <strong>GPT</strong> on the device.<br>Please, choose file from your local hard drive and click <strong>Upload</strong> button.</p>
<p id="hint">
You are going to update <strong>GPT (Partition Table)</strong> on the device.<br>
Please, choose file from your local hard drive and click <strong>Upload</strong> button.
</p>
<form id="form">
<input id="file" type="file" name="gpt">
<input type="button" value="Upload" onclick="upload('gpt')">
@@ -20,7 +23,7 @@
<div id="size" style="display: none;">Size: xxxx</div>
<div id="md5" style="display: none;">MD5: xxxx</div>
<div id="upgrade" style="display: none;">
<p>The GPT has been uploaded, please click "Update"</p>
<p>If all information above is correct, click "Update".</p>
<button class="button" onclick="location = '/flashing.html'">Update</button>
</div>
<div class="i w">
@@ -29,7 +32,7 @@
<li>do not power off the device during update</li>
<li>if everything goes well, the device will restart</li>
<li>you can upload whatever you want, so be sure that you choose proper GPT for your device</li>
<li>updating U-Boot is a very dangerous operation and may damage your device!</li>
<li>updating GPT is a dangerous operation and may damage your device!</li>
</ul>
</div>
</div>

View File

@@ -9,7 +9,10 @@
<body onload="startup()">
<div id="m">
<h1>FIRMWARE UPDATE</h1>
<p id="hint">You are going to update <strong>firmware</strong> on the device.<br>Please, choose file from your local hard drive and click <strong>Upload</strong> button.</p>
<p id="hint">
You are going to update <strong>firmware</strong> on the device.<br>
Please, choose file from your local hard drive and click <strong>Upload</strong> button.
</p>
<form id="form">
<div id="mtd_layout" style="display: none;">
<div id="current_mtd_layout"></div>
@@ -28,7 +31,7 @@
<div id="md5" style="display: none;">MD5: xxxx</div>
<div id="mtd" style="display: none;">MTD layout: xxxx</div>
<div id="upgrade" style="display: none;">
<p>The firmware has been uploaded, please click "Update"</p>
<p>If all information above is correct, click "Update".</p>
<button class="button" onclick="location = '/flashing.html'">Update</button>
</div>
<div class="i w">

View File

@@ -132,3 +132,54 @@ ul {
background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
background-color: #0688fa;
}
#l {
height: 30px;
width: 30px;
margin: 0 auto 20px;
-webkit-animation: r 1s infinite linear;
-moz-animation: r 1s infinite linear;
-o-animation: r 1s infinite linear;
animation: r 1s infinite linear;
border-left: 7px solid #eaf1ff;
border-right: 7px solid #eaf1ff;
border-bottom: 7px solid #eaf1ff;
border-top: 7px solid #2450ad;
border-radius: 100%;
}
@-webkit-keyframes r {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes r {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes r {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes r {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}

View File

@@ -9,7 +9,10 @@
<body onload="getversion()">
<div id="m">
<h1>U-BOOT UPDATE</h1>
<p id="hint">You are going to update <strong>U-Boot bootloader</strong> on the device.<br>Please, choose file from your local hard drive and click <strong>Upload</strong> button.</p>
<p id="hint">
You are going to update <strong>U-Boot (bootloader)</strong> on the device.<br>
Please, choose file from your local hard drive and click <strong>Upload</strong> button.
</p>
<form id="form">
<input id="file" type="file" name="fip">
<input type="button" value="Upload" onclick="upload('fip')">
@@ -20,7 +23,7 @@
<div id="size" style="display: none;">Size: xxxx</div>
<div id="md5" style="display: none;">MD5: xxxx</div>
<div id="upgrade" style="display: none;">
<p>The U-Boot has been uploaded, please click "Update"</p>
<p>If all information above is correct, click "Update".</p>
<button class="button" onclick="location = '/flashing.html'">Update</button>
</div>
<div class="i w">