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
125
|
/**
* Pop-Up to select a machine
*
* Copyright 2016 Christian Klinger
* */
/* uuid -> obj */
machineCache = {};
function renderMachineEntry(item, escape) {
machineCache[item.machineuuid] = item;
return '<div class="machine-entry">'
//+ ' <div class="machine-logo"><i class="glyphicon glyphicon-hdd"></i></div>'
+ ' <div class="machine-body">'
+ ' <div class="machine-entry-header"> ' + escape(item.hostname) + '</div>'
+ ' <table class="table table-sm">'
+ '<tr><td>UUID:</td> <td>' + escape(item.machineuuid) + '</td></tr>'
+ '<tr><td>MAC:</td> <td>' + escape(item.macaddr) + '</td></tr>'
+ '<tr><td>IP: </td> <td>' + escape(item.clientip) + '</td></tr>'
+ ' </table>'
+ ' </div>'
+ '</div>';
}
function loadMachines(query, callback) {
console.log('queryMachines(' + query + ')');
if (query.length < 2) return callback();
$.ajax({
url: '?do=roomplanner&action=getmachines&query=' + encodeURIComponent(query),
type: 'GET',
error: function() {
console.log('error while doing ajax call');
callback();
},
success: function(res) {
console.log('success ajax call');
var json = JSON.parse(res);
json.machines.forEach(function (v,i,a){
a[i].combined = v.machineuuid + " " + v.hostname + " " + v.clientip + " " + v.macaddr;
});
return callback(json.machines);
}
});
}
var searchSettings = {
plugins : ["remove_button"],
valueField: 'machineuuid',
searchField: "combined",
//labelField: "combined",
openOnFocus: false,
create: false,
render : { option : renderMachineEntry, item: renderMachineEntry},
load: loadMachines,
maxItems: 1,
sortField: 'clientip',
sortDirection: 'asc',
onChange: clearSubnetBox
}
var subnetSettings = {
plugins : ["remove_button"],
valueField: 'machineuuid',
searchField: "combined",
//labelField: "combined",
openOnFocus: false,
create: false,
render : { option : renderMachineEntry, item: renderMachineEntry},
load: loadMachines,
maxItems: 1,
sortField: 'clientip',
sortDirection: 'asc',
onChange: clearSearchBox
}
function clearSearchBox() {
console.log("clearSearchBox()");
$selectizeSearch[0].selectize.clear(false);
}
function clearSubnetBox() {
console.log("clearSubnetBox()");
$selectizeSubnet[0].selectize.clear(false);
}
function selectMachine(usedUuids, callback) {
/* show a popup */
$modal = $('#selectMachineModal');
$selectizeSearch = $('#machineSearchBox').selectize(searchSettings);
$selectizeSubnet = $('#subnetBox').selectize(subnetSettings);
/* connect subnet tab and search tab such that on change of one the other gets emptied */
$modal.modal('show');
$('#selectMachineButton').on('click', function() {
/* check which one has a value */
var bySubnet = machineCache[$selectizeSubnet[0].selectize.getValue()];
var bySearch = machineCache[$selectizeSearch[0].selectize.getValue()];
var selected = bySubnet; // (bySubnet === undefined || bySubnet == "")? bySearch : bySubnet;
console.log('value is ');
console.log($selectizeSubnet[0].selectize.getValue());
console.log(machineCache);
console.log('selected is ');
console.log(selected);
var result = {muuid: selected.machineuuid, ip: selected.clientip, mac_address : selected.macaddr, hostname: selected.hostname};
$modal.modal('hide');
clearSubnetBox();
clearSearchBox();
callback(result);
});
var result = {muuid: "blabla", ip: "blabla", mac_address: "blub", hostname: "lalala"};
callback(result);
}
|
