1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
const Endpoint = '/scopes/status';
const Interval = 1000;
let updateTimeoutId = null;
function storeCheckboxStatus(checkbox) {
if (checkbox.checked)
localStorage.setItem(checkbox.name, "check");
else
localStorage.removeItem(checkbox.name);
}
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;
}
});
}
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 updateScopes(scopes) {
scopes.forEach((scope) => {
if (scope.state) {
const scopeId = `${scope.name}_${scope.id}`;
const iconEl = document.querySelector(`#${scopeId} .nav-icon`);
const iconCls = ['fas', 'far', 'text-danger', 'text-success',
'text-warning', 'text-wol'];
iconEl.classList.remove(...iconCls);
let newIconCls = [];
if (scope.state === 'OPG') {
newIconCls.push('fas', 'text-warning');
} else if (scope.state === 'BSY') {
newIconCls.push('fas', 'text-danger');
} else if (scope.state === 'VDI') {
newIconCls.push('fas', 'text-success');
} else if (scope.state === 'WOL_SENT') {
newIconCls.push('fas', 'text-wol');
} else {
newIconCls.push('far');
}
iconEl.classList.add(...newIconCls);
}
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();
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);
});
});
}
|
