diff --git a/web2/index.php b/web2/_index.php similarity index 100% rename from web2/index.php rename to web2/_index.php diff --git a/web2/css/styles.css b/web2/css/styles.css new file mode 100644 index 0000000..0d7caf7 --- /dev/null +++ b/web2/css/styles.css @@ -0,0 +1,13 @@ +html { + scroll-padding-top: 3.5rem; +} + +header { + padding-top: 9rem; + padding-bottom: 6rem; +} + +section { + padding-top: 9rem; + padding-bottom: 9rem; +} diff --git a/web2/css/styles2.css b/web2/css/styles2.css new file mode 100644 index 0000000..ea9a784 --- /dev/null +++ b/web2/css/styles2.css @@ -0,0 +1,19 @@ +html { + scroll-padding-top: 3.5rem; +} + +header { + padding-top: 5rem; + padding-bottom: 3rem; +} + +section { + padding-top: 9rem; + padding-bottom: 9rem; +} + +figcaption{ + font-weight: lighter; + font-size: small; + font-style: italic; +} diff --git a/web2/index.html b/web2/index.html new file mode 100644 index 0000000..bfb9204 --- /dev/null +++ b/web2/index.html @@ -0,0 +1,102 @@ + + + + + + + + IDPS visualization + + + + + + + + + + + + + +
+
+

Alertes systemes

+

meilleur outil de surveillance du monde

+ Alertes +
+
+ +
+
+
+
+

Liste des Attaques

+

veuillez selectionner les filtres de recherche ou parcourez la liste ci-dessous

+ + + + +
+ +
+ +
+ +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + +
N°DateNom alerteAppareil de détectionAdresse sourceAdresse destinationNiveau d'alerteRaison
+
+
+
+
+ + + + \ No newline at end of file diff --git a/web2/js/alerts.js b/web2/js/alerts.js new file mode 100644 index 0000000..be1ec84 --- /dev/null +++ b/web2/js/alerts.js @@ -0,0 +1,86 @@ +'use strict'; + +// initialisation +ajaxRequest('GET', 'php/request.php/alertes/', displayAlerts); +ajaxRequest('GET', 'php/request.php/devices/', fillSelectDevice); +fillSelectRisque(); + + +// filtrage +$('#filter-button').click(() => { + const params = []; // Initialise le tableau des paramètres + const device = $('#device-select').val(); + const alertlvl = $('#risque-select').val(); + console.log("device =" + device); + console.log("alertlvl =" + alertlvl); + + // Ajouter les paramètres uniquement s'ils sont définis + if (device) params.push(`device_product=${encodeURIComponent(device)}`); + if (alertlvl) params.push(`agent_severity=${encodeURIComponent(alertlvl)}`); + + // Construire l'URL avec les paramètres + let url; + if (params.length) { + url = `php/request.php/alertes/?${params.join('&')}`; + console.log(url); + } else { + url = 'php/request.php/alertes/'; + console.log(url); + } + + // Effectuer la requête AJAX + ajaxRequest('GET', url, displayAlerts); +} +); + +$('#tweets').on('click', '.mod', () => { + ajaxRequest('PUT', 'php/request.php/tweets/' + + $(event.target).closest('.mod').attr('value'), () => { + ajaxRequest('GET', 'php/request.php/tweets/', displayTweets); + }, 'login=' + login + '&text=' + prompt('Nouveau tweet :')); +} +); +$('#tweets').on('click', '.del', () => { + console.log('delete'); + ajaxRequest('DELETE', 'php/request.php/tweets/' + + $(event.target).closest('.del').attr('value') + '?login=' + login, () => { + ajaxRequest('GET', 'php/request.php/tweets/', displayTweets); + } + ); +} +); + +//------------------------------------------------------------------------------ +//--- displayAlerts ------------------------------------------------------------ +//------------------------------------------------------------------------------ +// Display alerts. +// \param alerts The alerts data received via the Ajax request. +function displayAlerts(alerts) { + // Clear the table. + $('#tab-alert').empty(); + // Fill alerts. + console.log(alerts); + for (let alert of alerts) + $('#tab-alert').append( + $('').append( + $('').text(alert['id']), + $('').text(alert['date_alerte']), + $('').text(alert['name']), + $('').text(alert['device_product']), + $('').text(alert['src']+":"+alert['spt']), + $('').text(alert['dst']+":"+alert['dpt']), + $('').text(alert['agent_severity']), + $('').text(alert['reason']) + ) + ); +} + +function fillSelectDevice(devices) { + for (let device of devices) + $('#device-select').append($('