52 |
53 |
54 |
55 |
56 |
57 | | Name |
58 | IP Address |
59 | Last Update |
60 | Validated? |
61 | Version |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 | | Name |
78 | IP Address |
79 | Valid |
80 | Last API Pull |
81 | Type |
82 | Version |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 | | Name |
99 | Status |
100 | Version |
101 | Local Path |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 | | Name |
118 | Status |
119 | Version |
120 | Path |
121 | Description |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 | | Name |
138 | Status |
139 | Version |
140 | Local Path |
141 | Description |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 | | Name |
158 | Status |
159 | Version |
160 | Local Path |
161 | Description |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 | | ID |
178 | Value |
179 | Reason |
180 | Country |
181 | AS |
182 | Decisions |
183 | Created At |
184 |
185 |
186 |
187 |
188 |
189 |
190 |
191 |
192 |
193 |
194 |
195 |
196 | Note: the decisions coming from the CAPI (signals collected by the CrowdSec users) do not appear here.
197 | To show them, use
cscli decisions list -a in a shell.
198 |
199 |
200 |
201 | |
202 | ID |
203 | Source |
204 | Scope:Value |
205 | Reason |
206 | Action |
207 | Country |
208 | AS |
209 | Events |
210 | Expiration |
211 | Alert ID |
212 |
213 |
214 |
215 |
216 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
227 |
228 |
229 |
230 |
231 |
232 |
238 |
239 | Modal content...
240 |
241 |
245 |
246 |
247 |
248 |
249 |
').attr({
30 | 'data-toggle': 'tooltip',
31 | 'data-placement': 'left',
32 | 'title': duration
33 | }).text(_humanizeDuration(duration)).prop('outerHTML');
34 | },
35 |
36 | datetime: function(column, row) {
37 | var dt = row[column.id];
38 | var parsed = moment(dt);
39 | if (!dt) {
40 | return '';
41 | }
42 | if (!parsed.isValid()) {
43 | console.error("Cannot parse timestamp: %s", dt);
44 | return '???';
45 | }
46 | return $('
').attr({
47 | 'data-toggle': 'tooltip',
48 | 'data-placement': 'left',
49 | 'title': parsed.format()
50 | }).text(_humanizeDate(dt)).prop('outerHTML');
51 | },
52 | };
53 |
54 | function _parseDuration(duration) {
55 | var re = /(-?)(?:(?:(\d+)h)?(\d+)m)?(\d+).\d+(m?)s/m;
56 | var matches = duration.match(re);
57 | var seconds = 0;
58 |
59 | if (!matches.length) {
60 | throw new Error("Unable to parse the following duration: " + duration + ".");
61 | }
62 | if (typeof matches[2] !== "undefined") {
63 | seconds += parseInt(matches[2], 10) * 3600; // hours
64 | }
65 | if (typeof matches[3] !== "undefined") {
66 | seconds += parseInt(matches[3], 10) * 60; // minutes
67 | }
68 | if (typeof matches[4] !== "undefined") {
69 | seconds += parseInt(matches[4], 10); // seconds
70 | }
71 | if ("m" === parseInt(matches[5], 10)) {
72 | // units in milliseconds
73 | seconds *= 0.001;
74 | }
75 | if ("-" === parseInt(matches[1], 10)) {
76 | // negative
77 | seconds = -seconds;
78 | }
79 | return seconds;
80 | }
81 |
82 | function _updateFreshness(selector, timestamp) {
83 | var $freshness = $(selector).find('.actionBar .freshness');
84 | if (timestamp) {
85 | $freshness.data('refresh_timestamp', timestamp);
86 | } else {
87 | timestamp = $freshness.data('refresh_timestamp');
88 | }
89 | var howlong_human = '???';
90 | if (timestamp) {
91 | var howlong_ms = moment() - moment(timestamp);
92 | howlong_human = moment.duration(howlong_ms).humanize();
93 | }
94 | $freshness.text(howlong_human + ' ago');
95 | }
96 |
97 | function _addFreshness(selector) {
98 | // this creates one timer per tab
99 | var freshness_template = 'Last refresh: ';
100 | $(selector).find('.actionBar').prepend(freshness_template);
101 | setInterval(function() {
102 | _updateFreshness(selector);
103 | }, 5000);
104 | }
105 |
106 | function _humanizeDate(text) {
107 | return moment(text).fromNow();
108 | }
109 |
110 | function _humanizeDuration(text) {
111 | return moment.duration(_parseDuration(text), 'seconds').humanize();
112 | }
113 |
114 | function _yesno2html(val) {
115 | if (val) {
116 | return '';
117 | } else {
118 | return '';
119 | }
120 | }
121 |
122 | function _decisionsByType(decisions) {
123 | var dectypes = {};
124 | if (!decisions) {
125 | return '';
126 | }
127 | decisions.map(function(decision) {
128 | // TODO ignore negative expiration?
129 | dectypes[decision.type] = dectypes[decision.type] ? (dectypes[decision.type]+1) : 1;
130 | });
131 | var ret = '';
132 | for (var type in dectypes) {
133 | if (ret !== '') {
134 | ret += ' ';
135 | }
136 | ret += (type + ':' + dectypes[type]);
137 | }
138 | return ret;
139 | }
140 |
141 | function _initService() {
142 | $.ajax({
143 | url: '/api/crowdsec/service/status',
144 | cache: false
145 | }).done(function(data) {
146 | // TODO handle errors
147 | var crowdsec_status = data['crowdsec-status'];
148 | if (crowdsec_status === 'unknown') {
149 | crowdsec_status = 'Unknown';
150 | } else {
151 | crowdsec_status = _yesno2html(crowdsec_status === 'running');
152 | }
153 | $('#crowdsec-status').html(crowdsec_status);
154 |
155 | var crowdsec_firewall_status = data['crowdsec-firewall-status'];
156 | if (crowdsec_firewall_status === 'unknown') {
157 | crowdsec_firewall_status = 'Unknown';
158 | } else {
159 | crowdsec_firewall_status = _yesno2html(crowdsec_firewall_status === 'running');
160 | }
161 | $('#crowdsec-firewall-status').html(crowdsec_firewall_status);
162 | });
163 | }
164 |
165 | function _initDebug() {
166 | $.ajax({
167 | url: '/api/crowdsec/service/debug',
168 | cache: false
169 | }).done(function(data) {
170 | $('#debug pre').text(data.message);
171 | });
172 | }
173 |
174 | function _initTab(selector, url, dataCallback) {
175 | var $tab = $(selector);
176 | if ($tab.find('table.bootgrid-table').length) {
177 | return;
178 | }
179 | $tab.find('table').
180 | on("initialized.rs.jquery.bootgrid", function() {
181 | $(_refresh_template).on('click', function() {
182 | _refreshTab(selector, url, dataCallback);
183 | }).insertBefore($tab.find('.actionBar .actions .dropdown:first'));
184 | _addFreshness(selector);
185 | _refreshTab(selector, url, dataCallback);
186 | }).
187 | bootgrid({
188 | caseSensitive: false,
189 | formatters: _dataFormatters
190 | });
191 | }
192 |
193 | function _refreshTab(selector, url, dataCallback) {
194 | $.ajax({
195 | url: url,
196 | cache: false
197 | }).done(dataCallback);
198 | _updateFreshness(selector, moment());
199 | }
200 |
201 | function _initMachines() {
202 | var url = '/api/crowdsec/machines/get';
203 | var dataCallback = function(data) {
204 | var rows = [];
205 | data.map(function(row) {
206 | rows.push({
207 | name: row.machineId,
208 | ip_address: row.ipAddress || ' ',
209 | last_update: row.updated_at || ' ',
210 | validated: row.isValidated,
211 | version: row.version || ' '
212 | });
213 | });
214 | $('#machines table').bootgrid('clear').bootgrid('append', rows);
215 | };
216 | _initTab('#machines', url, dataCallback);
217 | }
218 |
219 | function _initCollections() {
220 | var url = '/api/crowdsec/collections/get';
221 | var dataCallback = function(data) {
222 | var rows = [];
223 | data.collections.map(function(row) {
224 | rows.push({
225 | name: row.name,
226 | status: row.status,
227 | local_version: row.local_version || ' ',
228 | local_path: row.local_path || ' '
229 | });
230 | });
231 | $('#collections table').bootgrid('clear').bootgrid('append', rows);
232 | };
233 | _initTab('#collections', url, dataCallback);
234 | }
235 |
236 | function _initScenarios() {
237 | var url = '/api/crowdsec/scenarios/get';
238 | var dataCallback = function(data) {
239 | var rows = [];
240 | data.scenarios.map(function(row) {
241 | rows.push({
242 | name: row.name,
243 | status: row.status,
244 | local_version: row.local_version || ' ',
245 | local_path: row.local_path || ' ',
246 | description: row.description || ' '
247 | });
248 | });
249 | $('#scenarios table').bootgrid('clear').bootgrid('append', rows);
250 | };
251 | _initTab('#scenarios', url, dataCallback);
252 | }
253 |
254 | function _initParsers() {
255 | var url = '/api/crowdsec/parsers/get';
256 | var dataCallback = function(data) {
257 | var rows = [];
258 | data.parsers.map(function(row) {
259 | rows.push({
260 | name: row.name,
261 | status: row.status,
262 | local_version: row.local_version || ' ',
263 | local_path: row.local_path || ' ',
264 | description: row.description || ' '
265 | });
266 | });
267 | $('#parsers table').bootgrid('clear').bootgrid('append', rows);
268 | };
269 | _initTab('#parsers ', url, dataCallback);
270 | }
271 |
272 | function _initPostoverflows() {
273 | var url = '/api/crowdsec/postoverflows/get';
274 | var dataCallback = function(data) {
275 | var rows = [];
276 | data.postoverflows.map(function(row) {
277 | rows.push({
278 | name: row.name,
279 | status: row.status,
280 | local_version: row.local_version || ' ',
281 | local_path: row.local_path || ' ',
282 | description: row.description || ' '
283 | });
284 | });
285 | $('#postoverflows table').bootgrid('clear').bootgrid('append', rows);
286 | };
287 | _initTab('#postoverflows ', url, dataCallback);
288 | }
289 |
290 | function _initBouncers() {
291 | var url = '/api/crowdsec/bouncers/get';
292 | var dataCallback = function(data) {
293 | var rows = [];
294 | data.map(function(row) {
295 | // TODO - remove || ' ' later, it was fixed for 1.3.3
296 | rows.push({
297 | name: row.name,
298 | ip_address: row.ip_address || ' ',
299 | valid: row.revoked ? false : true,
300 | last_pull: row.last_pull,
301 | type: row.type || ' ',
302 | version: row.version || ' '
303 | });
304 | });
305 | $('#bouncers table').bootgrid('clear').bootgrid('append', rows);
306 | };
307 | _initTab('#bouncers ', url, dataCallback);
308 | }
309 |
310 | function _initAlerts() {
311 | var url = '/api/crowdsec/alerts/get';
312 | var dataCallback = function(data) {
313 | var rows = [];
314 | data.map(function(row) {
315 | rows.push({
316 | id: row.id,
317 | value: row.source.scope + (row.source.value?(':'+row.source.value):''),
318 | reason: row.scenario || ' ',
319 | country: row.source.cn || ' ',
320 | as: row.source.as_name || ' ',
321 | decisions: _decisionsByType(row.decisions) || ' ',
322 | created_at: row.created_at
323 | });
324 | });
325 | $('#alerts table').bootgrid('clear').bootgrid('append', rows);
326 | };
327 | _initTab('#alerts ', url, dataCallback);
328 | }
329 |
330 | function _initDecisions() {
331 | var url = '/api/crowdsec/decisions/get';
332 | var dataCallback = function(data) {
333 | var rows = [];
334 | data.map(function(row) {
335 | row.decisions.map(function(decision) {
336 | // ignore deleted decisions
337 | if (decision.duration.startsWith('-')) {
338 | return;
339 | }
340 | rows.push({
341 | // search will break on empty values when using .append(). so we use spaces
342 | delete: '',
343 | id: decision.id,
344 | source: decision.origin || ' ',
345 | scope_value: decision.scope + (decision.value?(':'+decision.value):''),
346 | reason: decision.scenario || ' ',
347 | action: decision.type || ' ',
348 | country: row.source.cn || ' ',
349 | as: row.source.as_name || ' ',
350 | events_count: row.events_count,
351 | // XXX pre-parse duration to seconds, and integer type, for sorting
352 | expiration: decision.duration || ' ',
353 | alert_id: row.id || ' '
354 | });
355 | });
356 | });
357 | $('#decisions table').bootgrid('clear').bootgrid('append', rows);
358 | };
359 | _initTab('#decisions ', url, dataCallback);
360 | }
361 |
362 | function deleteDecision(decisionId) {
363 | var $modal = $('#delete-decision-modal');
364 | $modal.find('.modal-title').text('Delete decision #' + decisionId);
365 | $modal.find('.modal-body').text('Are you sure?');
366 | $modal.find('#delete-decision-confirm').on('click', function() {
367 | $.ajax({
368 | // XXX handle errors
369 | url: '/api/crowdsec/decisions/delete/' + decisionId,
370 | type: 'DELETE',
371 | success: function(result) {
372 | if (result && result.message === 'OK') {
373 | $('#decisions table').bootgrid('remove', [decisionId]);
374 | $modal.modal('hide');
375 | }
376 | }
377 | });
378 | });
379 | $modal.modal('show');
380 | }
381 |
382 | function init() {
383 | _initService();
384 |
385 | $('#machines_tab').on('click', _initMachines);
386 | $('#collections_tab').on('click', _initCollections);
387 | $('#scenarios_tab').on('click', _initScenarios);
388 | $('#parsers_tab').on('click', _initParsers);
389 | $('#postoverflows_tab').on('click', _initPostoverflows);
390 | $('#bouncers_tab').on('click', _initBouncers);
391 | $('#alerts_tab').on('click', _initAlerts);
392 | $('#decisions_tab').on('click', _initDecisions);
393 |
394 | $('[data-toggle="tooltip"]').tooltip();
395 |
396 | if (window.location.hash) {
397 | // activate a tab from the hash, if it exists
398 | $(window.location.hash+'_tab').click();
399 | } else {
400 | // otherwise, machines
401 | $('#machines_tab').click();
402 | }
403 |
404 | $(window).on('hashchange', function(e) {
405 | $(window.location.hash+'_tab').click();
406 | });
407 |
408 | if (new URLSearchParams(window.location.search).has('debug')) {
409 | $('#debug_tab').show().on('click', _initDebug);
410 | }
411 |
412 | // navigation
413 | if(window.location.hash != "") {
414 | $('a[href="' + window.location.hash + '"]').click()
415 | }
416 | $('.nav-tabs a').on('shown.bs.tab', function (e) {
417 | history.pushState(null, null, e.target.hash);
418 | });
419 | }
420 |
421 | return {
422 | deleteDecision: deleteDecision,
423 | init: init
424 | };
425 |
426 | }());
427 |
--------------------------------------------------------------------------------