dyadmisha
/
AI-on-the-edge-device
mirror of https://github.com/jomjol/AI-on-the-edge-device


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

<style>
.h_iframe iframe {width:995px;height:760px;}
.h_iframe {width:995px;height:605px;}

.h_iframe_explain iframe {width:995px;height:200px;}
.h_iframe_explain {width:995px;height:200px;}

h1 {font-size: 2em; margin-block-end: 0.3em;}
h2 {font-size: 1.5em;margin-block-start: 0.3em;}
h3 {font-size: 1.2em;}
p {font-size: 1em;}

.button {
	padding: 5px 20px;
    width: 211px;
	font-size: 16px;	
}
</style>
</head>

<body style="font-family: arial">

<table style="border: none">
  <tr><td style="padding-right: 10px;"><img src="favicon.ico"></td>
    <td><h1 id="id_title"> Digitizer - Initial Setup</h1>
        <h2>An ESP32 all inclusive neural network recognition system for meter digitalization</h2>
    </td></tr>
</table>

<table>
   <tr>
      <td>
         <button class="button" id="previous" name="previous" onclick="clickPrevious()">Previous</button>
         <button class="button" id="next" name="next" onclick="clickNext()">Next</button>
         If you need help. have a look on the <a href=https://github.com/jomjol/AI-on-the-edge-device/wiki target=_blank>Wiki</a> and the <a href=https://github.com/jomjol/AI-on-the-edge-device/discussions target=_blank>Discussion</a> pages.
      </td>
   </tr>
</table>


<div class="h_iframe_explain" id="h_iframe_explain">
   <iframe name="explaincontent" id ="explaincontent" src="" allowfullscreen></iframe> 
</div>

<div class="h_iframe">
	 <iframe name="maincontent" id ="maincontent" src="" allowfullscreen></iframe> 
</div>


<script type="text/javascript" src="common.js"></script> 
<script type="text/javascript">
	var canvas = document.getElementById('canvas'),
		domainname = getDomainname(); 
		aktstatu = 0;

function clickNext() {
   aktstatu++;
   if (aktstatu > 6) {
      aktstatu = 6;
   }
   LoadStep();
}

function clickPrevious() {
   aktstatu--;
   if (aktstatu < 0) {
      aktstatu = 0;
   }
   LoadStep();
}

function LoadStep(){
   switch (aktstatu) {
      case 0:
         document.getElementById('maincontent').src = '/edit_explain_0.html';
         document.getElementById('h_iframe_explain').style.display = "none";  
         document.getElementById("previous").disabled = true;
         document.getElementById("next").disabled = false;
         break;
      case 1:
         document.getElementById('maincontent').src = '/edit_reference.html';
         document.getElementById('explaincontent').src = '/explain_1.html';
         document.getElementById('h_iframe_explain').style.display = "";  
         document.getElementById("previous").disabled = false;
         document.getElementById("next").disabled = false;
         break;
      case 2:
         document.getElementById('maincontent').src = '/edit_alignment.html';
         document.getElementById('explaincontent').src = '/explain_2.html';
         document.getElementById('h_iframe_explain').style.display = "";           
         document.getElementById("previous").disabled = false;
         document.getElementById("next").disabled = false;

         break;
      case 3:
         document.getElementById('maincontent').src = '/edit_digits.html';
         document.getElementById('explaincontent').src = '/explain_3.html';         
         document.getElementById('h_iframe_explain').style.display = "";           
         document.getElementById("previous").disabled = false;
         document.getElementById("next").disabled = false;

         break;
      case 4:
         document.getElementById('maincontent').src = '/edit_analog.html';
         document.getElementById('explaincontent').src = '/explain_4.html';   
         document.getElementById('h_iframe_explain').style.display = "";           
         document.getElementById("previous").disabled = false;
         document.getElementById("next").disabled = false;

         break;
      case 5:
         document.getElementById('maincontent').src = '/edit_config_param.html?InitialSetup=true';
         document.getElementById('explaincontent').src = '/explain_5.html';            
         document.getElementById('h_iframe_explain').style.display = "";           
         document.getElementById("previous").disabled = false;
         document.getElementById("next").disabled = false;

         break; 
      case 6:
         document.getElementById('maincontent').src = '/edit_explain_6.html';
         document.getElementById('explaincontent').src = '/explain_6.html';            
         document.getElementById('h_iframe_explain').style.display = "none";  
         document.getElementById("previous").disabled = false;
         document.getElementById("next").disabled = true;

         break;   
      }


}

LoadStep();


</script>
 

</body>
</html>