mirror of
https://github.com/Oxbian/SIDPS.git
synced 2025-06-18 11:48:17 +02:00
102 lines
5.0 KiB
HTML
102 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>IDPS visualization</title>
|
|
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"><!-- Core theme CSS (includes Bootstrap)-->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
|
<link href="/css/styles.css" rel="stylesheet">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"
|
|
integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"
|
|
integrity="sha256-x3YZWtRjM8bJqf48dFAv/qmgL68SI4jqNWeSLMZaMGA=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js"
|
|
integrity="sha256-WqU1JavFxSAMcLP2WIOI+GB2zWmShMI82mTpLDcqFUg=" crossorigin="anonymous"></script>
|
|
<script src="js/ajax.js" defer></script>
|
|
<script src="js/alerts.js" defer></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Navigation-->
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
|
|
<div class="container px-4"><a class="navbar-brand" href="#page-top">Alerts</a><button class="navbar-toggler"
|
|
type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
|
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span
|
|
class="navbar-toggler-icon"></span></button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ms-auto">
|
|
<!-- TODO changer ? -->
|
|
<!-- <li class="nav-item"><a class="nav-link" href="/">Accueil</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#echouage">Liste des échouages</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="add.php">Enregistrer un echouage</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="stats.php">statistiques</a></li> -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav><!-- Header-->
|
|
<header class="bg-primary bg-gradient text-white">
|
|
<div class="container px-4 text-center">
|
|
<h1 class="fw-bolder">Alertes systemes</h1>
|
|
<p class="lead">meilleur outil de surveillance du monde</p>
|
|
<a class="btn btn-lg btn-light" href="#alertes">Alertes</a>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="bg-light" id="alertes">
|
|
<div class="container px-4">
|
|
<div class="row gx-4 justify-content-center">
|
|
<div class="col-lg-10">
|
|
<h2>Liste des Attaques</h2>
|
|
<p class="lead">veuillez selectionner les filtres de recherche ou parcourez la liste ci-dessous</p>
|
|
|
|
<!-- ici les filtres -->
|
|
<!-- <form class="row g-3" method="POST"> -->
|
|
|
|
<div class="col-auto">
|
|
<select class="form-select" aria-label="Choisir un niveau d'alerte" name="event_gravite" id="risque-select">
|
|
<option selected value="">Niveau d'alerte</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<select class="form-select" aria-label="Chosisir une device" name="device-select" id="device-select">
|
|
<option selected value="">Appareil de détection</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="col-auto ms-auto me-0">
|
|
<button class="btn btn-primary mb-3" id="filter-button">Filtrer</button>
|
|
</div>
|
|
|
|
|
|
<table class="table table-striped">
|
|
<thead class="bg-primary text-white">
|
|
<tr>
|
|
<th scope="col" class="id">N°</th>
|
|
<th scope="col" class="Date">Date</th>
|
|
<th scope="col" class="label">Nom alerte</th>
|
|
<th scope="col" class="label">Appareil de détection</th>
|
|
<th scope="col" class="label">Adresse source</th>
|
|
<th scope="col" class="label">Adresse destination</th>
|
|
<th scope="col" class="label">Niveau d'alerte</th>
|
|
<th scope="col" class="label">Raison</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody style="border: 1px solid black;" id="tab-alert">
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="" async defer></script>
|
|
</body>
|
|
|
|
</html> |