$('#videoDeviceEnabledSwitch')[0].checked = dict['enabled']; markHideIfNull('enabled', 'videoDeviceEnabledSwitch');
$('#deviceNameEntry').val(dict['name']); markHideIfNull('name', 'deviceNameEntry');
+ $('#deviceIdEntry').val(dict['id']); markHideIfNull('id', 'deviceIdEntry');
$('#deviceUrlEntry').val(dict['device_url']); markHideIfNull('device_url', 'deviceUrlEntry');
$('#deviceTypeEntry').val(prettyType); markHideIfNull(!prettyType, 'deviceTypeEntry');
$('#deviceTypeEntry')[0].proto = dict['proto'];
<td class="settings-item-value"><input type="text" class="styled device camera-config" id="deviceNameEntry" placeholder="camera name..."></td>
<td><span class="help-mark" title="an alias for this camera device">?</span></td>
</tr>
+ <tr class="settings-item" required="true" strip="true">
+ <td class="settings-item-label"><span class="settings-item-label">Camera ID</span></td>
+ <td class="settings-item-value"><input type="text" class="styled device camera-config" id="deviceIdEntry" readonly="readonly"></td>
+ <td><span class="help-mark" title="the camera identifier number">?</span></td>
+ </tr>
<tr class="settings-item advanced-setting">
<td class="settings-item-label"><span class="settings-item-label">Camera Device</span></td>
<td class="settings-item-value"><input type="text" class="styled device camera-config" id="deviceUrlEntry" readonly="readonly"></td>