<?php declare(strict_types = 0);
?>
<script type="text/javascript">
(() => {
const item_interface_types = <?= json_encode(itemTypeInterface()) ?>;
const interface_ids_by_types = <?= json_encode(interfaceIdsByType($data['interfaces'])) ?>;
let item_type_element = document.getElementById('type');
if (item_type_element === null) {
return false;
}
if (item_type_element.tagName === 'SPAN') {
item_type_element = item_type_element.originalObject;
}
const interface_change_handler = (e) => {
let item_type = parseInt(item_type_element.value, 10);
if (!document.getElementById('visible_type').checked) {
item_type = <?= json_encode($data['initial_item_type']) ?>;
}
return organizeInterfaces(interface_ids_by_types, item_interface_types, item_type);
};
item_type_element.addEventListener('change', interface_change_handler);
item_type_element.dispatchEvent(new CustomEvent('change'));
document.getElementById('visible_type').addEventListener('click', interface_change_handler);
if (document.getElementById('visible_interfaceid') !== null) {
document.getElementById('visible_interfaceid').addEventListener('click', interface_change_handler);
}
})();
jQuery('#headers-table')
.dynamicRows({
template: '#item-header-row-tmpl',
rows: <?= json_encode($data['headers']) ?>,
allow_empty: true,
sortable: true,
sortable_options: {
target: 'tbody',
selector_handle: 'div.<?= ZBX_STYLE_DRAG_ICON ?>',
freeze_end: 1
}
})
.on('tableupdate.dynamicRows', (e) => {
e.target.querySelectorAll('.form_row').forEach((row, index) => {
for (const field of row.querySelectorAll('[name^="headers["]')) {
field.name = field.name.replace(/\[\d+]/g, `[${index}]`);
}
});
});
(() => {
const custom_timeout = document.getElementById('custom_timeout');
if (!custom_timeout) {
return false;
}
custom_timeout.addEventListener('change', () => {
const timeout = document.getElementById('timeout');
if (custom_timeout.querySelector(':checked').value == <?= ZBX_ITEM_CUSTOM_TIMEOUT_DISABLED ?>) {
timeout.style.display = 'none';