const Endpoint = '/scopes/status'; const macs = new Map(); const Interval = 1000; let updateTimeoutId = null; async function show_client_mac(pill_id) { const pill = $('#' +pill_id); const ip = pill.html().split('
')[1] if (!macs.get(ip)) { const resp = await fetch('/client/mac?ip=' + ip); const resp_mac = await resp.json(); macs.set(ip, resp_mac) } const mac = macs.get(ip) pill.append('
' + mac); } function showSelectedClient(client_checkbox) { const container = $('#selected-clients'); const pill_id = 'pill-' + client_checkbox.name.replaceAll(/[. ()]/g, '_'); if (client_checkbox.checked) { if (!($('#' + pill_id).length)) { const client_name = client_checkbox.name.replaceAll(/_\d+$/g, ''); $(container).append('
' + client_name + '
' + client_checkbox.value + '
'); show_client_mac(pill_id); } return; } $('#' + pill_id, container).remove(); } function showSelectedClientsOnEvents() { const checkboxes = $('input:checkbox[form|="scopesForm"]'); const container = $('#selected-clients'); const client_checkboxes = checkboxes.filter(function () { return $(this).siblings().length == "1"; }); client_checkboxes.on('change show-client', function () { showSelectedClient(this); }); } function storeCheckboxStatus(checkbox) { if (checkbox.checked) localStorage.setItem(checkbox.name, "check"); else localStorage.removeItem(checkbox.name); } function checkParentsCheckboxes() { const checkboxes = $('input:checkbox[form|="scopesForm"]'); const reversedCheckboxes = $(checkboxes.get().reverse()) reversedCheckboxes.each(function() { const checkbox = this; const checkboxChildren = $('input:checkbox', this.parentNode).not(this); if (checkboxChildren.length == 0) return; if (this.name == "scope-server") { const checkedChildren = checkboxChildren.filter(":checked"); checkbox.checked = checkedChildren.length > 0; return; } const unCheckedChildren = checkboxChildren.filter(":not(:checked)"); checkbox.indeterminate = unCheckedChildren.length > 0 && unCheckedChildren.length < checkboxChildren.length; checkbox.checked = unCheckedChildren.length === 0; }); } function checkChildrenCheckboxes() { const checkboxes = $('input:checkbox[form|="scopesForm"]') checkboxes.on('change', function () { const checked = this.checked const children = $('input:checkbox', this.parentNode).not(this) if (checked) { // Only for rooms, deselect other rooms if (this.name === 'scope-room') { const others = $('input:checkbox[form|="scopesForm"]').not(this); others.prop('checked', false); others.each(function() { showSelectedClient(this); storeCheckboxStatus(this); }); //others.trigger('change'); } else { // Look for room, deselect all other rooms const selectedRoom = $('[data-room="' + $(this).data('parentRoom') + '"]'); const others = $('input:checkbox[name="scope-room"]').not(selectedRoom); others.prop('checked', false).prop('indeterminate', false); others.each(function() { const checks = $(this).parent().find('input:checkbox').prop('checked', false); storeCheckboxStatus(this); checks.each(function() { showSelectedClient(this); storeCheckboxStatus(this); }); }); } } children.each(function () { this.checked = checked; storeCheckboxStatus(this); $(this).trigger('show-client'); }); checkParentsCheckboxes(); }); } function keepSelectedClients() { const checkboxes = $('input:checkbox[form|="scopesForm"]') checkboxes.on('change', function (event) { storeCheckboxStatus(this); }); checkboxes.each(function () { if (localStorage.getItem(this.name) == 'check') { this.checked = true; $(this).trigger('show-client'); } }); } function keepImagesTreeState() { const images_tree = $('#servers .collapse') console.log(images_tree) images_tree.on('hidden.bs.collapse', function (event) { event.stopPropagation(); localStorage.removeItem(this.id); }); images_tree.on('shown.bs.collapse', function (event) { event.stopPropagation(); localStorage.setItem(this.id, 'show'); }); images_tree.each(function () { if (localStorage.getItem(this.id) == 'show') { $(this).collapse('show'); } }); } function keepReposTreeState() { const repos_tree = $('#repos-list .collapse') repos_tree.on('hidden.bs.collapse', function (event) { event.stopPropagation(); localStorage.removeItem(this.id); }); repos_tree.on('shown.bs.collapse', function (event) { event.stopPropagation(); localStorage.setItem(this.id, 'show'); }); repos_tree.each(function () { if (localStorage.getItem(this.id) == 'show') { $(this).collapse('show'); } }); } function keepScopesTreeState() { const scopes_tree = $('#scopes .collapse') scopes_tree.on('hidden.bs.collapse', function (event) { event.stopPropagation(); localStorage.removeItem(this.id); }); scopes_tree.on('shown.bs.collapse', function (event) { event.stopPropagation(); localStorage.setItem(this.id, 'show'); }); scopes_tree.each(function () { if (localStorage.getItem(this.id) == 'show') { $(this).collapse('show'); } }); } function updateScopeState() { if (updateTimeoutId) { clearTimeout(updateTimeoutId); } updateTimeoutId = setTimeout(() => { updateTimeoutId = null; fetch(Endpoint) .then(response => response.json()) .then((data) => { updateScopes(data.scope); }) .catch((error) => { console.error(error); }) .finally(() => { updateScopeState(); }); }, Interval); } function updatePillStatus(scope, pill) { const state = scope.state let link = scope.link let units = 'Mb/s' const pillCls = ['badge-danger', 'badge-success', 'badge-warning', 'badge-wol', 'badge-light', 'text-linux', 'text-windows']; pill.classList.remove(...pillCls); if (state === 'OPG') { pill.classList.add('badge-warning'); } else if (state === 'LNX') { pill.classList.add('badge-linux'); } else if (state === 'LNXS') { pill.classList.add('badge-linux'); } else if (state === 'WIN') { pill.classList.add('badge-windows'); } else if (state === 'WINS') { pill.classList.add('badge-windows'); } else if (state === 'BSY') { pill.classList.add('badge-danger'); } else if (state === 'VDI') { pill.classList.add('badge-success'); } else if (state === 'WOL_SENT') { pill.classList.add('badge-wol'); } else { pill.classList.add('badge-light'); } $('[name="link"]', pill).remove() if (link) { if (link >= 1000) { link = link / 1000 units = 'Gb/s' } $(pill).append('
' + link + ' ' + units + '
'); } } function updateScopes(scopes) { scopes.forEach((scope) => { if (scope.state) { const scopeId = `${scope.name}_${scope.id}`.replaceAll(/[.]|[ ]/g, '_'); const iconEl = document.querySelector(`#${scopeId} .nav-icon`); const iconCls = ['fas', 'far', 'fa-circle', 'fa-check-circle', 'fa-times-circle', 'fa-user-circle', 'text-danger', 'text-success', 'text-warning', 'text-wol', 'text-linux', 'text-windows']; iconEl.classList.remove(...iconCls); let newIconCls = []; if (scope.state === 'OPG') { newIconCls.push('fas', 'text-warning'); if (scope.last_cmd.result === 'failure') newIconCls.push('fa-times-circle'); else newIconCls.push('fa-circle'); } else if (scope.state === 'LNX') { newIconCls.push('fas', 'fa-circle', 'text-linux'); } else if (scope.state === 'LNXS') { newIconCls.push('fas', 'fa-user-circle', 'text-linux'); } else if (scope.state === 'WIN') { newIconCls.push('fas', 'fa-circle', 'text-windows'); } else if (scope.state === 'WINS') { newIconCls.push('fas', 'fa-user-circle', 'text-windows'); } else if (scope.state === 'BSY') { newIconCls.push('fas', 'fa-circle', 'text-danger'); } else if (scope.state === 'VDI') { newIconCls.push('fas', 'fa-circle', 'text-success'); } else if (scope.state === 'WOL_SENT') { newIconCls.push('fas', 'fa-circle', 'text-wol'); } else { newIconCls.push('far', 'fa-circle'); } iconEl.classList.add(...newIconCls); const pillScopeId = `pill-${scopeId}`; const pillEl = document.querySelector(`#${pillScopeId}`); if (pillEl) updatePillStatus(scope, pillEl); } if (scope.scope) { // This is a level so we should update all childs updateScopes(scope.scope); } }); } function unfoldAll() { $('#scopes .collapse').collapse('show'); } function AddPartition(evt) { const target = $($(evt).data("target")); const oldrow = target.find("[data-toggle=fieldset-entry]:last"); const row = oldrow.clone(true, true); const elem_id = row.find(".form-control")[0].id; const elem_num = parseInt(elem_id.replace(/(.*)-(\d{1,4})/m, '$2')) + 1; // Increment WTForms unique identifiers row.find('.form-control').each(function() { const id = $(this).attr('id').replace(/(.*)-(\d{1,4})-(.*)/, `$1-${elem_num}-$3`); $(this).attr('name', id).attr('id', id).val('').removeAttr("checked"); }); row.show(); oldrow.after(row); } function RemovePartition(evt) { const target = $(evt).parent().parent(); const table = target.parent(); if (table[0].children.length > 1) { target.remove(); // Reassign rows ids table.find('tr').each(function(index) { $(this).find('.form-control').each(function() { const id = $(this).attr('id').replace(/(.*)-(\d{1,4})-(.*)/, `$1-${index}-$3`); $(this).attr('name', id).attr('id', id); }); }); } else { table.find('tr').each(function(index) { $(this).find('.form-control').each(function() { $(this).val('').removeAttr("checked"); }); }); } } function checkImageServer() { const images = $('input:checkbox[form|="imagesForm"][name!="image-server"]') images.on('change', function() { const selectedServer = $('#' + $.escapeSelector(this.dataset.server)); const serversSelector = 'input:checkbox[name|="image-server"]'; const nonSelectedServers = $(serversSelector).not(selectedServer); selectedServer.prop('checked', true); nonSelectedServers.each(function() { $(this).prop('checked', false); const checkboxes = $('input:checkbox[data-server|="' + this.id + '"]'); checkboxes.prop('checked', false); }); }); } function checkRepoServer() { const repos = $('input:checkbox[form|="reposForm"][name!="repos-server"]') repos.on('change', function() { const selectedServer = $('#' + $.escapeSelector(this.dataset.server)); const serversSelector = 'input:checkbox[name|="repos-server"]'; const nonSelectedServers = $(serversSelector).not(selectedServer); selectedServer.prop('checked', true); nonSelectedServers.each(function() { $(this).prop('checked', false); const checkboxes = $('input:checkbox[data-server|="' + this.id + '"]'); checkboxes.prop('checked', false); }); }); } function limitCheckboxes() { const checkboxes = $('input:checkbox[form|="scopesForm"]'); checkboxes.on('change', function () { const checked = this; checkboxes.filter((i, c) => c !== checked).prop('checked', false); checkboxes.not('[name="scope-server"]').each(function() { showSelectedClient(this); }); checkScopeServer(); }); } function checkScopeServer() { const servers = $('input:checkbox[form|="scopesForm"][name="scope-server"]'); servers.each(function() { const checkbox = this; const checkboxChildren = $('input:checkbox', this.parentNode).not(this); if (checkboxChildren.length == 0) return; const checkedChildren = checkboxChildren.filter(":checked"); checkbox.checked = checkedChildren.length > 0; }); }