mirror of
https://github.com/jomjol/AI-on-the-edge-device.git
synced 2025-12-08 04:26:58 +03:00
798f1423c3
* Add hash to all html, css, and js URLs * Update build.yaml * Update build.yaml * . * . Co-authored-by: CaCO3 <caco@ruinelli.ch>
137 lines
4.1 KiB
HTML
137 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="icon" href="favicon.ico?v=$COMMIT_HASH" type="image/x-icon">
|
|
<meta charset="utf-8"/>
|
|
<title>Check</title>
|
|
|
|
<style>
|
|
h1 {font-size: 2em;}
|
|
h2 {font-size: 1.5em; margin-block-start: 0.0em; margin-block-end: 0.2em;}
|
|
h3 {font-size: 1.2em;}
|
|
p {font-size: 1em;}
|
|
|
|
.button {
|
|
padding: 5px 10px;
|
|
width: 210px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body style="font-family: arial">
|
|
|
|
<table>
|
|
<tr><td colspan="2">Result:</td></tr>
|
|
<tr>
|
|
<td>
|
|
<iframe name="maincontent" id ="maincontent" width="700px" height="700px"></iframe>
|
|
</td>
|
|
<td style="padding-left: 15px;">
|
|
<p>
|
|
<input class="button" type="submit" id="take" onclick="doTake()" value="1. Take Picture">
|
|
</p>
|
|
<p>
|
|
<input class="button" type="submit" id="align" onclick="doAlign()" value="2. Align Image"><br>
|
|
</p>
|
|
<p>
|
|
Takes up to 2 Minutes!
|
|
</p>
|
|
Digits and Analog recognition not yet implemented.
|
|
<p>
|
|
<input class="button" type="submit" id="digits" onclick="doDigits()" value="3a. Analyse Digits">
|
|
</p>
|
|
<p>
|
|
<input class="button" type="submit" id="analog" onclick="doAnalog()" value="3b Analyse Analog">
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<script type="text/javascript" src="common.js?v=$COMMIT_HASH"></script>
|
|
<script type="text/javascript" src="readconfig.js?v=$COMMIT_HASH"></script>
|
|
|
|
<script type="text/javascript">
|
|
var domainname = getDomainname();
|
|
|
|
function doAnalog(){
|
|
var xhttp = new XMLHttpRequest();
|
|
url = domainname + "/editflow?task=test_analog";
|
|
if (domainname.length > 0){
|
|
url = url + "&host=" + domainname;
|
|
}
|
|
xhttp.open("GET", url, false);
|
|
xhttp.send();
|
|
var html = xhttp.responseText;
|
|
html = html.replace("src=\"/", "src=\"" + domainname + "/");
|
|
|
|
document.getElementById("maincontent").src = 'data:text/html,' + encodeURIComponent(html);
|
|
}
|
|
|
|
|
|
function doDigits(){
|
|
var xhttp = new XMLHttpRequest();
|
|
url = domainname + "/editflow?task=test_digits";
|
|
if (domainname.length > 0){
|
|
url = url + "&host=" + domainname;
|
|
}
|
|
xhttp.open("GET", url, false);
|
|
xhttp.send();
|
|
var html = xhttp.responseText;
|
|
html = html.replace("src=\"/", "src=\"" + domainname + "/");
|
|
|
|
document.getElementById("maincontent").src = 'data:text/html,' + encodeURIComponent(html);
|
|
}
|
|
|
|
|
|
function doAlign(){
|
|
var xhttp = new XMLHttpRequest();
|
|
url = domainname + "/editflow?task=test_align";
|
|
if (domainname.length > 0){
|
|
url = url + "&host=" + domainname;
|
|
}
|
|
xhttp.open("GET", url, false);
|
|
xhttp.send();
|
|
var html = xhttp.responseText;
|
|
html = html.replace("src=\"/", "src=\"" + domainname + "/");
|
|
|
|
document.getElementById("maincontent").src = 'data:text/html,' + encodeURIComponent(html);
|
|
|
|
document.getElementById("align").disabled = false;
|
|
// document.getElementById("digits").disabled = false;
|
|
// document.getElementById("analog").disabled = false;
|
|
}
|
|
|
|
|
|
function doTake(){
|
|
var xhttp = new XMLHttpRequest();
|
|
url = domainname + "/editflow?task=test_take";
|
|
if (domainname.length > 0){
|
|
url = url + "&host=" + domainname;
|
|
}
|
|
xhttp.open("GET", url, false);
|
|
xhttp.send();
|
|
var html = xhttp.responseText;
|
|
document.getElementById("maincontent").src = 'data:text/html,' + encodeURIComponent(html);
|
|
|
|
document.getElementById("align").disabled = false;
|
|
document.getElementById("digits").disabled = true;
|
|
document.getElementById("analog").disabled = true;
|
|
}
|
|
|
|
function Init(){
|
|
domainname = getDomainname();
|
|
document.getElementById("align").disabled = true;
|
|
document.getElementById("digits").disabled = true;
|
|
document.getElementById("analog").disabled = true;
|
|
}
|
|
|
|
Init();
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|