mirror of
https://github.com/jomjol/AI-on-the-edge-device.git
synced 2025-12-11 05:56:57 +03:00
b24b7d5ce2
* Testcase for #2145 and debug-log (#2151) * new models ana-cont-11.0.5, ana-class100-1.5.7, dig-class100-1.6.0 * Testcase for #2145 Added debug log, if allowNegativeRates is handeled * Fix timezone config parser (#2169) * make sure to parse the whole config line * fix crash on empty timezone parameter --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> * Enhance ROI pages (#2161) * Check if the ROIs are equidistant. Only if not, untick the checkbox * renaming * Check if the ROIs have same y, dy and dx. If so, tick the sync checkbox * only allow editing space when box is checked * fix sync check * show inner frame on all ROIs * cleanup * Check if the ROIs have same dy and dx. If so, tick the sync checkbox * checkbox position * renaming * renaming * show inner frame and cross hairs on all ROIs * update ROIs on ticking checkboxes * show timezone hint * fix deleting last ROI * cleanup --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> * restart timeout on progress, catch error (#2170) * restart timeout on progress, catch error * . --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> * BugFix #2167 * Release 15.1 preparations (#2171) * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update changelog * Fix links to PR * Formating * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md * Update Changelog.md --------- Co-authored-by: Slider0007 <jobbelle@gmx.net> Co-authored-by: Slider0007 <115730895+Slider0007@users.noreply.github.com> * fix typo * Replace relative documentation links with absolute ones pointing to the external documentation (#2180) Co-authored-by: CaCO3 <caco@ruinelli.ch> * Sort model files in configuration combobox (#2189) * new models ana-cont-11.0.5, ana-class100-1.5.7, dig-class100-1.6.0 * Testcase for #2145 Added debug log, if allowNegativeRates is handeled * Sort model files in combobox * reboot task - increase stack size (#2201) Avoid stack overflow * Update interface_influxdb.cpp * Update Changelog.md * Show PSRAM usage (#2206) * centralize PSRAM usage (application code only) * update logging * update logging * fix use after free * initialize buffer * free rgb_image before ussing it for new allocation * use wrapper function * switch log level to debug * . * undo adding free() calls * . * add names to all CImage instances * . * . * . * revert changes of stbi_image_free() with free_psram_heap() on the places where is is not in PSRAM * . * typos * typo * Added MQTT Outbox explanation/warning * added CONFIG_SPIRAM_USE_MEMMAP explanation --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> * Disable custom MQTT Outbox. This also moves the MQTT Publishing memory usage back to the internal RAM! * log MQTT connection refused reasons (#2216) * Revert PSRAM usage as it lead to memory fragmentation. See https://github.com/jomjol/AI-on-the-edge-device/issues/2200 for details * fix missing value data * Revert PSRAM usage as it lead to memory fragmentation. (#2224) See https://github.com/jomjol/AI-on-the-edge-device/issues/2200 for details Co-authored-by: CaCO3 <caco@ruinelli.ch> * Fix missing value data in graph (#2230) * fix missing value data --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> * Update Changelog.md (#2231) * Update interface_influxdb.cpp (#2233) * update copyright year * Cleanup * Set prevalue using MQTT + set prevalue to RAW value (REST+MQTT) (#2252) * Use double instead of float * Error handling + set to RAW if newvalue < 0 * REST SetPrevalue: Set to RAW if newvalue < 0 * set prevalue with MQTT * removed the stb_image files and re-add them as a submodule. (#2223) - stb_image.h: Version update 2.25 -> 2.28 - stb_resize.h: Version update 0.96 -> 0.97 - stb_write.h: Version update 1.14 -> 1.16 Co-authored-by: CaCO3 <caco@ruinelli.ch> * Remove obsolete ClassFlowWriteList (#2264) * Renaming & cleanup of some modules / functions in source code (#2265) * Rename module tag name * Rename server_tflite.cpp -> MainFlowControl.cpp * Remove redundandant MQTTMainTopic function * Update * Remove obsolete GetMQTTMainTopic * Fix last element missing in digit model drop down (#2282) * Debug influxdb (#2283) * Fix time offset issues in InfluxDB component. (#2278) Closes #2273 Closes #2150 * Update interface_influxdb.cpp * Update interface_influxdb.cpp * Improve Logging * Implement TimeSync at beginning * Update time_sntp.cpp * Update time_sntp.cpp * Set Time After WLAN Init --------- Co-authored-by: Antonin Delpeuch <antonin@delpeuch.eu> * Implement a camera livestream handler (#2286) * fix leading NaN (#2310) * analogROI: Activate save button after ROI creation (#2326) * Migration of PlatformIO 5.2.0 to 6.1.0 (resp. ESP IDF from 4.4.2 to 5.0.1) (#2305) * Migration to PlatformIO 6.1.0 * Disable RMTMEM usage as it is no longer allowed -> Smart LEDs not functional! * moved miniz into subfolder of jomjol_fileserver_ota, else it does not build anymore. * cleanup * fix leading NaN (#2310) * Migration to PlatformIO 6.1.0 * Disable RMTMEM usage as it is no longer allowed -> Smart LEDs not functional! * moved miniz into subfolder of jomjol_fileserver_ota, else it does not build anymore. * cleanup * Task watchdog has new config name * Fix return value check. It must be something else than ESP_FAIL, but it does not need to be ESP_OK! * add missing strucures to work around new RMTMEM restriction (untested) --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> * Keep MainFlowTask alive to handle reboot (#2325) * Shared PSRAM memory (#2285) * enable PSRAM logging * add extra functions for psram shared memroy handling * CImageBasis objects still should used dynamic memory (eg. rawImage), haw ever tmpImage must be placed inside the shared memory * Place all STBI allocs inside the shared memory * The models are placed in the shared PSRAM reagion and must be allocated through the dedicated functions * . * renaming * fix cast warning * add flag to switch STBI PSRAM usage * improve PSRAM shared handling * reserve shared PSRAM as early as possible * init logging eralier so we can use it in PSRAM shared alloc * move Wifi_LWIP, BSS_SEG and MQTT Outbox into PSRAM to ffree internal memory * Check if model fits into reserved shared memory * Update code/components/jomjol_tfliteclass/CTfLiteClass.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_flowcontroll/ClassFlowControll.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_image_proc/CImageBasis.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * . * . * . * . * Korrektur Merge Conflict in main.cpp --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> Co-authored-by: jomjol <30766535+jomjol@users.noreply.github.com> * fix PSRAM init return value check * Extend InfluxDBv1 with individual topic names (#2319) * Implement individual influx topic * Update interface_influxdb.cpp * Update interface_influxdb.cpp * Update FieldName * analogROI: Activate save button after ROI creation (#2326) * Migration of PlatformIO 5.2.0 to 6.1.0 (resp. ESP IDF from 4.4.2 to 5.0.1) (#2305) * Migration to PlatformIO 6.1.0 * Disable RMTMEM usage as it is no longer allowed -> Smart LEDs not functional! * moved miniz into subfolder of jomjol_fileserver_ota, else it does not build anymore. * cleanup * fix leading NaN (#2310) * Migration to PlatformIO 6.1.0 * Disable RMTMEM usage as it is no longer allowed -> Smart LEDs not functional! * moved miniz into subfolder of jomjol_fileserver_ota, else it does not build anymore. * cleanup * Task watchdog has new config name * Fix return value check. It must be something else than ESP_FAIL, but it does not need to be ESP_OK! * add missing strucures to work around new RMTMEM restriction (untested) --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> * Keep MainFlowTask alive to handle reboot (#2325) * Shared PSRAM memory (#2285) * enable PSRAM logging * add extra functions for psram shared memroy handling * CImageBasis objects still should used dynamic memory (eg. rawImage), haw ever tmpImage must be placed inside the shared memory * Place all STBI allocs inside the shared memory * The models are placed in the shared PSRAM reagion and must be allocated through the dedicated functions * . * renaming * fix cast warning * add flag to switch STBI PSRAM usage * improve PSRAM shared handling * reserve shared PSRAM as early as possible * init logging eralier so we can use it in PSRAM shared alloc * move Wifi_LWIP, BSS_SEG and MQTT Outbox into PSRAM to ffree internal memory * Check if model fits into reserved shared memory * Update code/components/jomjol_tfliteclass/CTfLiteClass.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_flowcontroll/ClassFlowControll.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_image_proc/CImageBasis.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * Update code/components/jomjol_helper/psram.cpp * . * . * . * . * Korrektur Merge Conflict in main.cpp --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> Co-authored-by: jomjol <30766535+jomjol@users.noreply.github.com> * fix PSRAM init return value check * Extend incl. indiv. Measurement * Implement UX * Update ClassFlowInfluxDBv2.cpp * Implement individual influx topic * Update interface_influxdb.cpp * Update interface_influxdb.cpp * Update FieldName * Extend incl. indiv. Measurement * Implement UX * Update ClassFlowInfluxDBv2.cpp * Update main.cpp --------- Co-authored-by: Slider0007 <115730895+Slider0007@users.noreply.github.com> Co-authored-by: CaCO3 <caco3@ruinelli.ch> Co-authored-by: CaCO3 <caco@ruinelli.ch> * Update Changelog.md (#2344) * Update Changelog.md * Update Changelog.md * merge conflicts * merge conflicts * update changelog * Update Changelog.md * Fix alignment mark PSRAM issue (#2357) * Add lock for shared PSRAM memory, use it for the relevant round steps and the Alignment Mark Task * only allow taking a new image for the Alignment Mark while round got completed * show success/denial of Alignment Mark Update Request * . --------- Co-authored-by: CaCO3 <caco@ruinelli.ch> * Update Changelog.md (#2360) --------- Co-authored-by: Frank Haverland <fspapaping@googlemail.com> Co-authored-by: CaCO3 <caco@ruinelli.ch> Co-authored-by: jomjol <30766535+jomjol@users.noreply.github.com> Co-authored-by: Slider0007 <jobbelle@gmx.net> Co-authored-by: Slider0007 <115730895+Slider0007@users.noreply.github.com> Co-authored-by: Antonin Delpeuch <antonin@delpeuch.eu>
517 lines
21 KiB
HTML
517 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="icon" href="favicon.ico?v=$COMMIT_HASH" type="image/x-icon">
|
|
<title>Reference Image</title>
|
|
<meta charset="utf-8"/>
|
|
|
|
<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;}
|
|
|
|
input[type=number] {
|
|
width: 100px;
|
|
margin-right: 10px;
|
|
padding: 3px 5px;
|
|
display: inline-block;
|
|
border: 1px solid #ccc;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.button {
|
|
padding: 5px 10px;
|
|
width: 210px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
table {
|
|
padding: 5px;
|
|
}
|
|
</style>
|
|
<link href="firework.css?v=$COMMIT_HASH" rel="stylesheet">
|
|
<script type="text/javascript" src="jquery-3.6.0.min.js?v=$COMMIT_HASH"></script>
|
|
<script type="text/javascript" src="firework.js?v=$COMMIT_HASH"></script>
|
|
</head>
|
|
|
|
<body style="font-family: arial; padding: 0px 10px;">
|
|
<h2>Reference Image</h2>
|
|
<p>On this page you define the Reference Image.
|
|
See <a href=https://jomjol.github.io/AI-on-the-edge-device-docs/Reference-Image/ target=_blank>https://jomjol.github.io/AI-on-the-edge-device-docs/Reference-Image/</a> for explanations.</p>
|
|
<p>After saving a new Reference Image, make sure to update the <a href=edit_alignment.html>Alignment Marks</a> and then
|
|
the <a href=edit_digits.html>digit</a> resp. <a href=edit_analog.html>analog</a> ROI's.<br>
|
|
Only after those steps a reboot is required.</p>
|
|
|
|
<table>
|
|
<tr>
|
|
<td><input class="button" type="button" value="Show Actual Reference" onclick="showReference(param)"></td>
|
|
<td><input class="button" type="button" value="Create New Reference" onclick="loadRawImage()"></td>
|
|
<td><input class="button" type="submit" id="take" onclick="doTake()" value="Take Image"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-top: 10px"><label for="mirror" id="labelmirror">Mirror Image:</label></td>
|
|
<td style="padding-top: 10px"><input type="checkbox" id="mirror" name="mirror" value="1" onchange="drawRotated()"></td>
|
|
<td>
|
|
<class id="TakeImage_LEDIntensity_text" style="color:black;">LEDIntensity: </class>
|
|
<input type="number" id="TakeImage_LEDIntensity_value1" size="13" value=0 min="0" max="100" style="float: right; clear: both;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
|
|
<td><label for="flip" id="labelflip">Flip Image Size:</label></td>
|
|
<td><input type="checkbox" id="flip" name="flip" value="1" onchange="drawRotated()"></td>
|
|
<td>
|
|
<class id="TakeImage_Brightness_text" style="color:black;">Brightness: </class>
|
|
<input type="number" id="TakeImage_Brightness_value1" size="13" value=0 min="-2" max="2" style="float: right; clear: both;">
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td><label for="mirror">Pre-rotate Angle:</label></td>
|
|
<td><input type="number" id="prerotateangle" name="prerotateangle" value="0" min="-360" max="360" onchange="drawRotated()">Degrees</td>
|
|
<td>
|
|
<class id="TakeImage_Contrast_text" style="color:black;">Contrast</class>
|
|
<input type="number" id="TakeImage_Contrast_value1" size="13" value=0 min="-2" max="2" style="float: right; clear: both;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="mirror">Fine Alignment:</label></td>
|
|
<td><input type="number" id="finerotate" name="finerotate" value=0.0 min="-1" max="1" step="0.2" onchange="drawRotated()">Degrees</td>
|
|
<td>
|
|
<class id="TakeImage_Saturation_text" style="color:black;">Saturation</class>
|
|
<input type="number" id="TakeImage_Saturation_value1" size="13" value=0 min="-2" max="2" style="float: right; clear: both;">
|
|
</td>
|
|
|
|
</tr>
|
|
</table>
|
|
|
|
<table>
|
|
<tr>
|
|
<td><canvas id="canvas"></canvas></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input class="button" type="button" id="updatereferenceimage" value="Save" onclick="SaveReference()">
|
|
<p>Proceed to update the <a href=edit_alignment.html>Alignment Marks</a> when you are done.</p></td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<script type="text/javascript" src="common.js?v=$COMMIT_HASH"></script>
|
|
<script type="text/javascript" src="readconfigcommon.js?v=$COMMIT_HASH"></script>
|
|
<script type="text/javascript" src="readconfigparam.js?v=$COMMIT_HASH"></script>
|
|
|
|
|
|
|
|
<script language="JavaScript">
|
|
var canvas = document.getElementById('canvas'),
|
|
ctx = canvas.getContext('2d'),
|
|
imageObj = new Image()
|
|
domainname = getDomainname();
|
|
isActReference = false;
|
|
param;
|
|
|
|
function doReboot() {
|
|
if (confirm("Are you sure you want to reboot? Did you save the config?")) {
|
|
var stringota = getDomainname() + "/reboot";
|
|
window.location = stringota;
|
|
window.location.href = stringota;
|
|
window.location.assign(stringota);
|
|
window.location.replace(stringota);
|
|
}
|
|
}
|
|
|
|
function doTake(){
|
|
var xhttp = new XMLHttpRequest();
|
|
if (param["TakeImage"]["Brightness"].found && param["TakeImage"]["Brightness"].enabled)
|
|
{
|
|
_intensity = document.getElementById("TakeImage_LEDIntensity_value1").value;
|
|
if (_intensity == "") _intensity = "50";
|
|
_brightness = document.getElementById("TakeImage_Brightness_value1").value;
|
|
_contrast = document.getElementById("TakeImage_Contrast_value1").value;
|
|
_saturation = document.getElementById("TakeImage_Saturation_value1").value;
|
|
url = getDomainname() + "/editflow?task=test_take&bri=" + _brightness;
|
|
url = url + "&con=" + _contrast + "&sat=" + _saturation + "&int=" + _intensity;
|
|
}
|
|
else
|
|
{
|
|
url = domainname + "/editflow?task=test_take";
|
|
}
|
|
if (domainname.length > 0){
|
|
url = url + "&host=" + domainname;
|
|
}
|
|
|
|
xhttp.open("GET", url, false);
|
|
xhttp.send();
|
|
|
|
|
|
loadRawImage();
|
|
}
|
|
|
|
function loadRawImage(){
|
|
url = getDomainname() + "/img_tmp/raw.jpg" + "?session=" + Math.floor((Math.random() * 1000000) + 1);
|
|
document.getElementById("finerotate").disabled = false;
|
|
document.getElementById("prerotateangle").disabled = false;
|
|
document.getElementById("updatereferenceimage").disabled = false;
|
|
document.getElementById("take").disabled = false;
|
|
if (param["Alignment"]["InitialMirror"].found)
|
|
document.getElementById("mirror").disabled = false;
|
|
else
|
|
{
|
|
document.getElementById("labelmirror").style = "color:lightgrey;";
|
|
}
|
|
|
|
if (param["Alignment"]["FlipImageSize"].found)
|
|
document.getElementById("flip").disabled = false;
|
|
else
|
|
{
|
|
document.getElementById("labelflip").style = "color:lightgrey;";
|
|
}
|
|
|
|
if (param["TakeImage"]["Brightness"].found && param["TakeImage"]["Brightness"].enabled)
|
|
{
|
|
document.getElementById("TakeImage_Brightness_value1").disabled = false;
|
|
document.getElementById("TakeImage_Contrast_value1").disabled = false;
|
|
document.getElementById("TakeImage_Saturation_value1").disabled = false;
|
|
document.getElementById("TakeImage_LEDIntensity_value1").disabled = false;
|
|
}
|
|
else
|
|
{
|
|
document.getElementById("TakeImage_Brightness_value1").type = "hidden";
|
|
document.getElementById("TakeImage_Brightness_text").style.visibility = "hidden";
|
|
|
|
}
|
|
|
|
// if (param["TakeImage"]["Saturation"].found)
|
|
// document.getElementById("TakeImage_Saturation_value1").disabled = false;
|
|
// if (param["TakeImage"]["Contrast"].found)
|
|
// document.getElementById("TakeImage_Contrast_value1").disabled = false;
|
|
|
|
isActReference = false;
|
|
loadCanvas(url);
|
|
drawRotated();
|
|
}
|
|
|
|
function showReference(_param){
|
|
url = getDomainname() + "/fileserver/config/reference.jpg" + "?session=" + Math.floor((Math.random() * 1000000) + 1);;
|
|
document.getElementById("finerotate").value = 0;
|
|
document.getElementById("prerotateangle").value = _param["Alignment"]["InitialRotate"].value1;
|
|
|
|
if (_param["Alignment"]["InitialMirror"].found && (_param["Alignment"]["InitialMirror"].value1 == "true"))
|
|
document.getElementById("mirror").checked = true;
|
|
|
|
if (_param["Alignment"]["FlipImageSize"].found && (_param["Alignment"]["FlipImageSize"].value1 == "true"))
|
|
document.getElementById("flip").checked = true;
|
|
|
|
document.getElementById("finerotate").disabled = true;
|
|
document.getElementById("prerotateangle").disabled = true;
|
|
document.getElementById("updatereferenceimage").disabled = true;
|
|
document.getElementById("take").disabled = true;
|
|
document.getElementById("TakeImage_Brightness_value1").disabled = true;
|
|
document.getElementById("TakeImage_Saturation_value1").disabled = true;
|
|
document.getElementById("TakeImage_Contrast_value1").disabled = true;
|
|
document.getElementById("TakeImage_LEDIntensity_value1").disabled = true;
|
|
document.getElementById("mirror").disabled = false;
|
|
document.getElementById("flip").disabled = false;
|
|
if (!(param["TakeImage"]["Brightness"].found))
|
|
{
|
|
document.getElementById("TakeImage_Brightness_value1").type = "hidden";
|
|
document.getElementById("TakeImage_Brightness_text").style.visibility = "hidden";
|
|
}
|
|
|
|
|
|
document.getElementById("mirror").disabled = true;
|
|
document.getElementById("flip").disabled = true;
|
|
|
|
isActReference = true;
|
|
loadCanvas(url);
|
|
drawRotated(false, true);
|
|
}
|
|
|
|
function dataURLtoBlob(dataurl) {
|
|
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
|
|
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
|
|
while(n--){
|
|
u8arr[n] = bstr.charCodeAt(n);
|
|
}
|
|
return new Blob([u8arr], {type:mime});
|
|
}
|
|
|
|
function SaveReference(){
|
|
if (confirm("Are you sure you want to update the Reference Image?")) {
|
|
param["Alignment"]["InitialRotate"].value1 = document.getElementById("prerotateangle").value;
|
|
|
|
if ((param["Alignment"]["InitialMirror"].found == true) && (document.getElementById("mirror").checked))
|
|
{
|
|
param["Alignment"]["InitialMirror"].value1 = "true";
|
|
param["Alignment"]["InitialMirror"]["found"] = true;
|
|
param["Alignment"]["InitialMirror"]["enabled"] = true;
|
|
}
|
|
else
|
|
param["Alignment"]["InitialMirror"].value1 = "false";
|
|
|
|
if ((param["Alignment"]["FlipImageSize"].found == true) && (document.getElementById("flip").checked))
|
|
param["Alignment"]["FlipImageSize"].value1 = "true";
|
|
else
|
|
param["Alignment"]["FlipImageSize"].value1 = "false";
|
|
|
|
if (param["TakeImage"]["Brightness"].found && param["TakeImage"]["Brightness"].enabled)
|
|
{
|
|
ReadParameter(param, "TakeImage", "Brightness", false);
|
|
ReadParameter(param, "TakeImage", "Contrast", false);
|
|
ReadParameter(param, "TakeImage", "Saturation", false);
|
|
ReadParameter(param, "TakeImage", "LEDIntensity", false);
|
|
}
|
|
|
|
var canvas = document.getElementById("canvas");
|
|
drawRotated(false);
|
|
|
|
WriteConfigININew();
|
|
SaveConfigToServer(getDomainname());
|
|
|
|
SaveCanvasToImage(canvas, "/config/reference.jpg", true, getDomainname());
|
|
showReference(param);
|
|
UpdatePage();
|
|
firework.launch('Reference got saved. It will get applied after the next reboot!', 'success', 5000);
|
|
}
|
|
}
|
|
|
|
function loadCanvas(dataURL) {
|
|
var canvas = document.getElementById('canvas');
|
|
var context = canvas.getContext('2d');
|
|
|
|
imageObj.onload = function() {
|
|
canvas.width = this.width;
|
|
canvas.height = this.height;
|
|
drawRotated();
|
|
};
|
|
|
|
imageObj.src = dataURL;
|
|
}
|
|
|
|
|
|
function getCoords(elem) { // crossbrowser version
|
|
var box = elem.getBoundingClientRect();
|
|
var body = document.body;
|
|
var docEl = document.documentElement;
|
|
var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
|
|
var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
|
|
var clientTop = docEl.clientTop || body.clientTop || 0;
|
|
var clientLeft = docEl.clientLeft || body.clientLeft || 0;
|
|
var top = box.top + scrollTop - clientTop;
|
|
var left = box.left + scrollLeft - clientLeft;
|
|
return { top: Math.round(top), left: Math.round(left) };
|
|
}
|
|
|
|
function init() {
|
|
canvas.addEventListener('mousemove', mouseMove, false);
|
|
loadConfig(getDomainname());
|
|
ParseConfig();
|
|
param = getConfigParameters();
|
|
|
|
param["TakeImage"]["LEDIntensity"]["enabled"] = true;
|
|
param["TakeImage"]["Brightness"]["enabled"] = true;
|
|
param["TakeImage"]["Contrast"]["enabled"] = true;
|
|
param["TakeImage"]["Saturation"]["enabled"] = true;
|
|
|
|
if (!param["TakeImage"]["LEDIntensity"]["found"])
|
|
{
|
|
param["TakeImage"]["LEDIntensity"]["found"] = true;
|
|
param["TakeImage"]["LEDIntensity"]["value1"] = "50";
|
|
}
|
|
if (!param["TakeImage"]["Brightness"]["found"])
|
|
{
|
|
param["TakeImage"]["Brightness"]["found"] = true;
|
|
param["TakeImage"]["Brightness"]["value1"] = "0";
|
|
}
|
|
if (!param["TakeImage"]["Contrast"]["found"])
|
|
{
|
|
param["TakeImage"]["Contrast"]["found"] = true;
|
|
param["TakeImage"]["Contrast"]["value1"] = "0";
|
|
}
|
|
if (!param["TakeImage"]["Saturation"]["found"])
|
|
{
|
|
param["TakeImage"]["Saturation"]["found"] = true;
|
|
param["TakeImage"]["Saturation"]["value1"] = "0";
|
|
}
|
|
|
|
UpdateInput();
|
|
showReference(param);
|
|
}
|
|
|
|
function UpdateInput() {
|
|
WriteParameter(param, category, "TakeImage", "Brightness", false);
|
|
WriteParameter(param, category, "TakeImage", "Contrast", false);
|
|
WriteParameter(param, category, "TakeImage", "Saturation", false);
|
|
WriteParameter(param, category, "TakeImage", "LEDIntensity", false);
|
|
}
|
|
|
|
|
|
function ReadParameter(_param, _cat, _name, _optional, _select = false){
|
|
if (_param[_cat][_name]["found"]){
|
|
if (_optional) {
|
|
_param[_cat][_name]["enabled"] = document.getElementById(_cat+"_"+_name+"_enabled").checked;
|
|
}
|
|
if (_select) {
|
|
var sel = document.getElementById(_cat+"_"+_name+"_value1");
|
|
_param[_cat][_name]["value1"] = sel.options[sel.selectedIndex].text;
|
|
}
|
|
else {
|
|
for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
|
|
_param[_cat][_name]["value"+j] = document.getElementById(_cat+"_"+_name+"_value"+j).value;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function WriteParameter(_param, _category, _cat, _name, _optional, _select = false, _anzpara = 1){
|
|
if (_param[_cat][_name]["found"]){
|
|
if (_optional) {
|
|
document.getElementById(_cat+"_"+_name+"_enabled").checked = _param[_cat][_name]["enabled"];
|
|
for (var j = 1; j <= _anzpara; ++j) {
|
|
document.getElementById(_cat+"_"+_name+"_value"+j).disabled = !_param[_cat][_name]["enabled"];
|
|
}
|
|
}
|
|
document.getElementById(_cat+"_"+_name+"_text").style="color:black;"
|
|
if (_select) {
|
|
var textToFind = _param[_cat][_name]["value1"];
|
|
var dd = document.getElementById(_cat+"_"+_name+"_value1");
|
|
for (var i = 0; i < dd.options.length; i++) {
|
|
if (dd.options[i].text.toLowerCase() === textToFind.toLowerCase()) {
|
|
dd.selectedIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
for (var j = 1; j <= _anzpara; ++j) {
|
|
document.getElementById(_cat+"_"+_name+"_value"+j).value = _param[_cat][_name]["value"+j];
|
|
}
|
|
}
|
|
|
|
}
|
|
else {
|
|
if (_optional) {
|
|
document.getElementById(_cat+"_"+_name+"_enabled").disabled = true;
|
|
for (var j = 1; j <= _anzpara; ++j) {
|
|
document.getElementById(_cat+"_"+_name+"_value"+j).disabled = true;
|
|
}
|
|
}
|
|
document.getElementById(_cat+"_"+_name+"_text").style="color:lightgrey;"
|
|
}
|
|
}
|
|
|
|
|
|
function drawRotated(_grid = true, _isreference = false){
|
|
finerot= parseFloat(document.getElementById("finerotate").value);
|
|
prerot = parseFloat(document.getElementById("prerotateangle").value);
|
|
mirror = document.getElementById("mirror").checked;
|
|
flip = document.getElementById("flip").checked;
|
|
|
|
if (finerot == 1) {
|
|
prerot+=1
|
|
finerot = 0
|
|
}
|
|
if (finerot == -1) {
|
|
prerot-=1
|
|
finerot = 0
|
|
}
|
|
degrees = finerot + prerot;
|
|
document.getElementById("finerotate").value = finerot;
|
|
document.getElementById("prerotateangle").value = prerot;
|
|
|
|
var canvas = document.getElementById('canvas');
|
|
if (flip == 1)
|
|
{
|
|
canvas.width = imageObj.height;
|
|
canvas.height = imageObj.width;
|
|
}
|
|
else
|
|
{
|
|
canvas.width = imageObj.width;
|
|
canvas.height = imageObj.height;
|
|
}
|
|
|
|
var canvas = document.getElementById('canvas');
|
|
var context = canvas.getContext('2d');
|
|
|
|
context.clearRect(0,0,canvas.width,canvas.height);
|
|
context.save();
|
|
|
|
if (isActReference)
|
|
{
|
|
context.drawImage(imageObj,0,0);
|
|
}
|
|
else
|
|
{
|
|
context.translate(canvas.width/2,canvas.height/2);
|
|
context.rotate(degrees*Math.PI/180);
|
|
if (mirror) {
|
|
context.scale(-1, 1);
|
|
}
|
|
context.drawImage(imageObj,-imageObj.width/2,-imageObj.height/2);
|
|
}
|
|
|
|
|
|
context.restore();
|
|
if (_grid == true && !isActReference){
|
|
drawGrid();
|
|
}
|
|
|
|
}
|
|
|
|
function drawGrid(){
|
|
var canvas = document.getElementById('canvas');
|
|
var ctx = canvas.getContext('2d');
|
|
w = canvas.width;
|
|
h = canvas.height;
|
|
ctx.save();
|
|
ctx.strokeStyle = '#00FF00';
|
|
|
|
for (i = h/2; i < h; i += 100)
|
|
{
|
|
ctx.moveTo(0, i);
|
|
ctx.lineTo(w, i);
|
|
ctx.stroke();
|
|
ctx.moveTo(0, h-i);
|
|
ctx.lineTo(w, h-i);
|
|
ctx.stroke();
|
|
}
|
|
for (i = w/2; i < w; i += 100)
|
|
{
|
|
ctx.moveTo(i, 0);
|
|
ctx.lineTo(i, h);
|
|
ctx.stroke();
|
|
ctx.moveTo(w-i, 0);
|
|
ctx.lineTo(w-i, h);
|
|
ctx.stroke(); }
|
|
ctx.restore();
|
|
}
|
|
|
|
function mouseMove(e) {
|
|
drawRotated();
|
|
var canvas = document.getElementById('canvas');
|
|
var context = canvas.getContext('2d');
|
|
|
|
zw = getCoords(this);
|
|
x = e.pageX - zw.left;
|
|
y = e.pageY - zw.top;
|
|
|
|
context.lineWidth = 2;
|
|
context.strokeStyle = "#00FF00";
|
|
context.beginPath();
|
|
context.moveTo(0,y);
|
|
context.lineTo(canvas.width, y);
|
|
context.moveTo(x, 0);
|
|
context.lineTo(x, canvas.height);
|
|
context.stroke();
|
|
}
|
|
|
|
|
|
init();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|