mirror of
https://github.com/jomjol/AI-on-the-edge-device.git
synced 2025-12-10 13:36:54 +03:00
Update edit_config_param_template.html (#2915)
Show Warning when changing camera settings in edit config param
This commit is contained in:
@@ -266,7 +266,6 @@
|
|||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="expert" unused_id="ex1">
|
<tr class="expert" unused_id="ex1">
|
||||||
|
|
||||||
<td class="indent1">
|
<td class="indent1">
|
||||||
<class id="TakeImage_WaitBeforeTakingPicture_text" style="color:black;">Wait Before Taking Picture</class>
|
<class id="TakeImage_WaitBeforeTakingPicture_text" style="color:black;">Wait Before Taking Picture</class>
|
||||||
</td>
|
</td>
|
||||||
@@ -282,7 +281,7 @@
|
|||||||
<class id="TakeImage_Brightness_text" style="color:black;">Brightness</class>
|
<class id="TakeImage_Brightness_text" style="color:black;">Brightness</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_Brightness_value1" size="13" min="-2" max="2"
|
<input required type="number" id="TakeImage_Brightness_value1" size="13" min="-2" max="2" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) &&
|
oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) &&
|
||||||
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
||||||
</td>
|
</td>
|
||||||
@@ -294,7 +293,7 @@
|
|||||||
<class id="TakeImage_Contrast_text" style="color:black;">Contrast</class>
|
<class id="TakeImage_Contrast_text" style="color:black;">Contrast</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_Contrast_value1" size="13" min="-2" max="2"
|
<input required type="number" id="TakeImage_Contrast_value1" size="13" min="-2" max="2" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) &&
|
oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) &&
|
||||||
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
||||||
</td>
|
</td>
|
||||||
@@ -306,7 +305,7 @@
|
|||||||
<class id="TakeImage_Saturation_text" style="color:black;">Saturation</class>
|
<class id="TakeImage_Saturation_text" style="color:black;">Saturation</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_Saturation_value1" size="13" min="-2" max="2"
|
<input required type="number" id="TakeImage_Saturation_value1" size="13" min="-2" max="2" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) &&
|
oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) &&
|
||||||
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
||||||
</td>
|
</td>
|
||||||
@@ -318,7 +317,7 @@
|
|||||||
<class id="TakeImage_Sharpness_text" style="color:black;">Sharpness</class>
|
<class id="TakeImage_Sharpness_text" style="color:black;">Sharpness</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_Sharpness_value1" size="13" min="-4" max="3"
|
<input required type="number" id="TakeImage_Sharpness_value1" size="13" min="-4" max="3" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=-4)) && (!validity.rangeOverflow||(value=3)) &&
|
oninput="(!validity.rangeUnderflow||(value=-4)) && (!validity.rangeOverflow||(value=3)) &&
|
||||||
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
||||||
</td>
|
</td>
|
||||||
@@ -330,7 +329,7 @@
|
|||||||
<class id="TakeImage_LEDIntensity_text" style="color:black;">LED Intensity</class>
|
<class id="TakeImage_LEDIntensity_text" style="color:black;">LED Intensity</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_LEDIntensity_value1" size="13" min="0" max="100"
|
<input required type="number" id="TakeImage_LEDIntensity_value1" size="13" min="0" max="100" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=100)) &&
|
oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=100)) &&
|
||||||
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
||||||
</td>
|
</td>
|
||||||
@@ -342,7 +341,7 @@
|
|||||||
<class id="TakeImage_ImageQuality_text" style="color:black;">Image Quality</class>
|
<class id="TakeImage_ImageQuality_text" style="color:black;">Image Quality</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_ImageQuality_value1" size="13" min="8" max="63"
|
<input required type="number" id="TakeImage_ImageQuality_value1" size="13" min="8" max="63" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=8)) && (!validity.rangeOverflow||(value=63)) &&
|
oninput="(!validity.rangeUnderflow||(value=8)) && (!validity.rangeOverflow||(value=63)) &&
|
||||||
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
||||||
</td>
|
</td>
|
||||||
@@ -354,7 +353,7 @@
|
|||||||
<class id="TakeImage_ImageSize_text" style="color:black;">Image Size</class>
|
<class id="TakeImage_ImageSize_text" style="color:black;">Image Size</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="TakeImage_ImageSize_value1">
|
<select id="TakeImage_ImageSize_value1" onchange="cameraParameterChanged()">
|
||||||
<option value="VGA" selected>VGA</option>
|
<option value="VGA" selected>VGA</option>
|
||||||
<option value="QVGA" >QVGA</option>
|
<option value="QVGA" >QVGA</option>
|
||||||
</select>
|
</select>
|
||||||
@@ -367,7 +366,7 @@
|
|||||||
<class id="TakeImage_Zoom_text" style="color:black;">Zoom</class>
|
<class id="TakeImage_Zoom_text" style="color:black;">Zoom</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="TakeImage_Zoom_value1">
|
<select id="TakeImage_Zoom_value1" onchange="cameraParameterChanged()">
|
||||||
<option value="true">true</option>
|
<option value="true">true</option>
|
||||||
<option value="false" selected>false</option>
|
<option value="false" selected>false</option>
|
||||||
</select>
|
</select>
|
||||||
@@ -380,7 +379,7 @@
|
|||||||
<class id="TakeImage_ZoomMode_text" style="color:black;">Zoom Mode</class>
|
<class id="TakeImage_ZoomMode_text" style="color:black;">Zoom Mode</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="TakeImage_ZoomMode_value1">
|
<select id="TakeImage_ZoomMode_value1" onchange="cameraParameterChanged()">
|
||||||
<option value="1">1</option>
|
<option value="1">1</option>
|
||||||
<option value="0" selected>0</option>
|
<option value="0" selected>0</option>
|
||||||
</select>
|
</select>
|
||||||
@@ -394,7 +393,7 @@
|
|||||||
<class id="TakeImage_ZoomOffsetX_text" style="color:black;">Zoom Offset X</class>
|
<class id="TakeImage_ZoomOffsetX_text" style="color:black;">Zoom Offset X</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_ZoomOffsetX_value1" size="13" min="0" step="any"
|
<input required type="number" id="TakeImage_ZoomOffsetX_value1" size="13" min="0" step="any" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=0));">Pixel
|
oninput="(!validity.rangeUnderflow||(value=0));">Pixel
|
||||||
</td>
|
</td>
|
||||||
<td>$TOOLTIP_TakeImage_ZoomOffsetX</td>
|
<td>$TOOLTIP_TakeImage_ZoomOffsetX</td>
|
||||||
@@ -406,7 +405,7 @@
|
|||||||
<class id="TakeImage_ZoomOffsetY_text" style="color:black;">Zoom Offset Y</class>
|
<class id="TakeImage_ZoomOffsetY_text" style="color:black;">Zoom Offset Y</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_ZoomOffsetY_value1" size="13" min="0" step="any"
|
<input required type="number" id="TakeImage_ZoomOffsetY_value1" size="13" min="0" step="any" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=0));">Pixel
|
oninput="(!validity.rangeUnderflow||(value=0));">Pixel
|
||||||
</td>
|
</td>
|
||||||
<td>$TOOLTIP_TakeImage_ZoomOffsetY</td>
|
<td>$TOOLTIP_TakeImage_ZoomOffsetY</td>
|
||||||
@@ -417,7 +416,7 @@
|
|||||||
<class id="TakeImage_Grayscale_text" style="color:black;">Grayscale</class>
|
<class id="TakeImage_Grayscale_text" style="color:black;">Grayscale</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="TakeImage_Grayscale_value1">
|
<select id="TakeImage_Grayscale_value1" onchange="cameraParameterChanged()">
|
||||||
<option value="true">true</option>
|
<option value="true">true</option>
|
||||||
<option value="false" selected>false</option>
|
<option value="false" selected>false</option>
|
||||||
</select>
|
</select>
|
||||||
@@ -430,7 +429,7 @@
|
|||||||
<class id="TakeImage_Negative_text" style="color:black;">Negative</class>
|
<class id="TakeImage_Negative_text" style="color:black;">Negative</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="TakeImage_Negative_value1">
|
<select id="TakeImage_Negative_value1" onchange="cameraParameterChanged()">
|
||||||
<option value="true">true</option>
|
<option value="true">true</option>
|
||||||
<option value="false" selected>false</option>
|
<option value="false" selected>false</option>
|
||||||
</select>
|
</select>
|
||||||
@@ -443,7 +442,7 @@
|
|||||||
<class id="TakeImage_Aec2_text" style="color:black;">Auto-exposure Control 2</class>
|
<class id="TakeImage_Aec2_text" style="color:black;">Auto-exposure Control 2</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="TakeImage_Aec2_value1">
|
<select id="TakeImage_Aec2_value1" onchange="cameraParameterChanged()">
|
||||||
<option value="true">true</option>
|
<option value="true">true</option>
|
||||||
<option value="false" selected>false</option>
|
<option value="false" selected>false</option>
|
||||||
</select>
|
</select>
|
||||||
@@ -456,7 +455,7 @@
|
|||||||
<class id="TakeImage_AutoExposureLevel_text" style="color:black;">Auto Exposure Level</class>
|
<class id="TakeImage_AutoExposureLevel_text" style="color:black;">Auto Exposure Level</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input required type="number" id="TakeImage_AutoExposureLevel_value1" size="13" min="-2" max="2"
|
<input required type="number" id="TakeImage_AutoExposureLevel_value1" size="13" min="-2" max="2" onchange="cameraParameterChanged()"
|
||||||
oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) &&
|
oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) &&
|
||||||
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
(!validity.stepMismatch||(value=parseInt(this.value)));">
|
||||||
</td>
|
</td>
|
||||||
@@ -468,7 +467,7 @@
|
|||||||
<class id="TakeImage_FixedExposure_text" style="color:black;">Fixed Exposure</class>
|
<class id="TakeImage_FixedExposure_text" style="color:black;">Fixed Exposure</class>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="TakeImage_FixedExposure_value1">
|
<select id="TakeImage_FixedExposure_value1" onchange="cameraParameterChanged()">
|
||||||
<option value="true">true</option>
|
<option value="true">true</option>
|
||||||
<option value="false" selected>false</option>
|
<option value="false" selected>false</option>
|
||||||
</select>
|
</select>
|
||||||
@@ -1796,12 +1795,18 @@
|
|||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var canvas = document.getElementById('canvas'),
|
var canvas = document.getElementById('canvas'),
|
||||||
domainname = getDomainname(),
|
domainname = getDomainname(),
|
||||||
|
changeCamValue = 0,
|
||||||
param,
|
param,
|
||||||
category,
|
category,
|
||||||
NUNBERSAkt = -1,
|
NUNBERSAkt = -1,
|
||||||
NUMBERS;
|
NUMBERS;
|
||||||
|
|
||||||
|
|
||||||
|
function cameraParameterChanged() {
|
||||||
|
changeCamValue = 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
function LoadConfigNeu() {
|
function LoadConfigNeu() {
|
||||||
domainname = getDomainname();
|
domainname = getDomainname();
|
||||||
if (!loadConfig(domainname)) {
|
if (!loadConfig(domainname)) {
|
||||||
@@ -2544,6 +2549,10 @@ function saveTextAsFile() {
|
|||||||
SaveConfigToServer(domainname);
|
SaveConfigToServer(domainname);
|
||||||
|
|
||||||
firework.launch('Configuration saved. It will get applied after the next reboot!', 'success', 5000);
|
firework.launch('Configuration saved. It will get applied after the next reboot!', 'success', 5000);
|
||||||
|
|
||||||
|
if (changeCamValue == 1) {
|
||||||
|
firework.launch('You have changed the camera settings, so creating a new reference image and updating the alignment marks is mandatory!', 'success', 5000);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user