iot/esp8266-laser
1
0
Fork 0
mirror of https://github.com/0x1d/esp8266-laser.git synced 2025-12-15 02:22:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

setup base frontend framework

Browse Source
This commit is contained in:
0x1d
2017-10-22 22:46:04 +02:00
parent 944f2bbb34
commit b16c0d21a2
13 changed files with 417 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/pages/favicon-16x16.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
frontend/pages/favicon-96x96.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 19 KiB

51
frontend/pages/index.html
View File

@@ -3,38 +3,9 @@
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Esp8266 laserspiro controller</title>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-32x32.png">
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript">
function sendReq(arg)
{
var nocache = "?n=" + Math.random() * 100234;
arg = arg + nocache;
var uriDiv = document.getElementById("uriDiv");
uriDiv.innerHTML = arg;
var xh = new XMLHttpRequest();
xh.onreadystatechange = function(){
if (xh.readyState == 4){
if(xh.status == 200) {
if (this.responseText != null) {
var res = JSON.parse(xh.responseText);
var responseDiv = document.getElementById("responseDiv");
responseDiv.innerHTML = JSON.stringify(res, null, 1);
}
}
}
};
xh.overrideMimeType("text/json");
//console.log(uri);
xh.open("GET", arg, true);
xh.send(null);
}
</script>
<script src="scripts.js"></script>
</head>
<body id="index" style="margin:0; padding:0;">
<div id="Main">
@@ -122,21 +93,21 @@
</div>
<div id="prototypControls">
<text class="sectionDesc">some tests:</text>
<div id="ledMacroButtonsCont">
<a class="ledMacroButton" href="javascript:sendReq('/motor/1/128')">/motor/1/128</a>
<a class="ledMacroButton" href="javascript:sendReq('/motor/2/3')">/motor/2/3</a>
<a class="ledMacroButton" href="javascript:sendReq('/laser/128')">/laser/1/128</a>
<a class="ledMacroButton" href="javascript:sendReq('/laser/13')">/laser/1/13</a>
<a class="ledMacroButton" href="javascript:sendReq('/laser/1')">/laser/1/1</a>
</div>
<label>L</label>
<input type="range" class="laser slider" value="0" max="128">
<label>M1</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="0">
<label>M2</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="1">
<label>M3</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="2">
</div>
<div id="prototypControls">
<text class="sectionDesc">last uri:</text>
<div id="uriDiv"></div>
<text class="sectionDesc">last respone:</text>
<br>
<div id="responseDiv">
<div id="response">
</div>
<br>
</div>