Mirror/AI-on-the-edge-device
1
0
Fork 0
mirror of https://github.com/jomjol/AI-on-the-edge-device.git synced 2025-12-08 04:26:58 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #989 from caco3/update-webUI

Browse Source 
Update web UI
This commit is contained in:
jomjol
2022-09-10 19:57:03 +02:00
committed by GitHub
parent 764c64b615 4d03867550
commit 89c9ff144c
17 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
sd-card/html/common.js
View File

@@ -9,7 +9,7 @@ function LoadHostname() {
xhttp.addEventListener('load', function(event) { xhttp.addEventListener('load', function(event) {
if (xhttp.status >= 200 && xhttp.status < 300) { if (xhttp.status >= 200 && xhttp.status < 300) {
hostname = xhttp.responseText; hostname = xhttp.responseText;
document.title = hostname + " - jomjol - AI on the edge"; document.title = hostname + " - AI on the edge";
document.getElementById("id_title").innerHTML = "Digitizer - AI on the edge - " + hostname; document.getElementById("id_title").innerHTML = "Digitizer - AI on the edge - " + hostname;
} }
else { else {

2
sd-card/html/edit_explain_0.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/edit_explain_6.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/explain_0.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/explain_1.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/explain_2.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/explain_3.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/explain_4.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/explain_5.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/explain_6.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/index.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="style.css" type="text/css" > --> <!-- <link rel="stylesheet" href="style.css" type="text/css" > -->

2
sd-card/html/index_configure.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="style.css" type="text/css" > --> <!-- <link rel="stylesheet" href="style.css" type="text/css" > -->

4
sd-card/html/info.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>Set PreValue</title> <title>Info</title>
<meta charset="utf-8"> <meta charset="utf-8">
<style> <style>
@@ -136,6 +136,8 @@ div {
</tr> </tr>
</table> </table>
<h3>Copyright</h3>
Copyright &copy; 2020 - 2022 by <a href="https://github.com/jomjol/AI-on-the-edge-device" target=_blank>Jomjol</a> and others.
</body> </body>
</html> </html>

24
sd-card/html/ota_page.html
View File

@@ -29,7 +29,8 @@ input[type=number] {
</head> </head>
<body style="font-family: arial; padding: 0px 10px;"> <body style="font-family: arial; padding: 0px 10px;">
<h3>It is strongly recommended to update firmware and content of /html directory on SD-card at the same time!</h3> Check at <a href="https://github.com/jomjol/AI-on-the-edge-device/releases" target=_blank>https://github.com/jomjol/AI-on-the-edge-device/releases</a> to see if there is an update available.
<h3>It is strongly recommended to update firmware and web interface (stored separately in the html directory on SD-card) at the same time!</h3>
<hr> <hr>
<h2>1. Firmware Update</h2> <h2>1. Firmware Update</h2>
<table class="fixed" border="0"> <table class="fixed" border="0">
@@ -38,7 +39,7 @@ input[type=number] {
<table border="0"> <table border="0">
<tr> <tr>
<td style="width: 230px"> <td style="width: 230px">
<label for="newfile">Select the firmware file:</label> <label for="newfile">Select the firmware file (firmware.bin):</label>
</td> </td>
<td colspan="2"> <td colspan="2">
<input id="newfile" type="file" onchange="setpath()" style="width:100%;"> <input id="newfile" type="file" onchange="setpath()" style="width:100%;">
@@ -52,7 +53,7 @@ input[type=number] {
<label for="filepath">Set path on server:</label> <label for="filepath">Set path on server:</label>
</td> </td>
<td> <td>
<input id="filepath" type="text" style="width:100%;" readonly> <input id="filepath" type="text" style="width:100%; border: 0" readonly>
</td> </td>
<td> <td>
<button id="upload" type="button" onclick="upload()">Upload</button> <button id="upload" type="button" onclick="upload()">Upload</button>
@@ -62,21 +63,20 @@ input[type=number] {
</td> </td>
</tr> </tr>
</table> </table>
<hr> <h2>2. Web Interface Update</h2>
<h2>2. Update "/html" directory</h2>
<table class="fixed" border="0"> <table class="fixed" border="0">
<tr> <tr>
<td> <td>
<table border="0"> <table border="0">
<tr> <tr>
<td style="width: 230px"> <td style="width: 230px">
<label for="newfilehtml">Select the zipped /html content:</label> <label for="newfilehtml">Select the Web Interface file (html.zip):</label>
</td> </td>
<td colspan="2"> <td colspan="2">
<input id="newfilehtml" type="file" onchange="setpathhtml()" style="width:100%;"> <input id="newfilehtml" type="file" onchange="setpathhtml()" style="width:100%;">
</td> </td>
<td rowspan="2" style="padding-left:50px"> <td rowspan="2" style="padding-left:50px">
<button class="button" id="doUpdatehtml" type="button" onclick="doUpdatehtml()">Update "/html" directory</button> <button class="button" id="doUpdatehtml" type="button" onclick="doUpdatehtml()">Update Web Interface</button>
</td> </td>
</tr> </tr>
<tr> <tr>
@@ -84,7 +84,7 @@ input[type=number] {
<label for="filepathhtml">Set path on server:</label> <label for="filepathhtml">Set path on server:</label>
</td> </td>
<td> <td>
<input id="filepathhtml" type="text" style="width:100%;" readonly> <input id="filepathhtml" type="text" style="width:100%; border: 0" readonly>
</td> </td>
<td> <td>
<button id="uploadhtml" type="button" onclick="uploadhtml()">Upload</button> <button id="uploadhtml" type="button" onclick="uploadhtml()">Upload</button>
@@ -94,11 +94,11 @@ input[type=number] {
</td> </td>
</tr> </tr>
</table> </table>
<hr>
<h2>3. Reboot</h2> <h2>3. Reboot</h2>
<button class="button" id="reboot" type="button" onclick="doReboot()">Reboot to activate updates</button> <button class="button" id="reboot" type="button" onclick="doReboot()">Reboot to activate updates</button>
<hr> <hr>
<h2>4. Upload neural network definition (tfl/tflite file)</h2> <h2>Upload Neural Network Definition (tfl/tflite file)</h2>
<b>The file must be set active afterwards on the <a href="index_configure.html" target="_parent">Config</a> page</b>!
<table class="fixed" border="0"> <table class="fixed" border="0">
<tr> <tr>
<td> <td>
@@ -116,7 +116,7 @@ input[type=number] {
<label for="filepathtfl">Set path on server</label> <label for="filepathtfl">Set path on server</label>
</td> </td>
<td> <td>
<input id="filepathtfl" type="text" style="width:100%;" readonly> <input id="filepathtfl" type="text" style="width:100%; border: 0" readonly>
</td> </td>
<td> <td>
<button id="uploadtfl" type="button" onclick="uploadtfl()" disabled>Upload</button> <button id="uploadtfl" type="button" onclick="uploadtfl()" disabled>Upload</button>
@@ -125,8 +125,6 @@ input[type=number] {
</table> </table>
</td> </td>
</tr> </tr>
The file must be activated!
Use the <a href="index_configure.html" target="_parent">Config Page</a> or do it manually in the config.ini file.
</table> </table>

2
sd-card/html/ota_page_v2.html
View File

@@ -1,7 +1,7 @@
<html> <html>
<head> <head>
<link rel="icon" href="data:,"> <link rel="icon" href="data:,">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript"> <script type="text/javascript">

2
sd-card/html/setup.html
View File

@@ -2,7 +2,7 @@
<html style="width: fit-content"> <html style="width: fit-content">
<head> <head>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<title>jomjol - AI on the edge</title> <title>AI on the edge</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
sd-card/html/version.txt
View File

@@ -1 +1 @@
16.3.4 16.3.5