212 lines
6.8 KiB
PHP
212 lines
6.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Page Title -->
|
|
<title>Web Infra Reports</title>
|
|
|
|
<!-- JQuery -->
|
|
<script src="/js/jquery-3.6.1.min.js"></script>
|
|
<!-- Bootstrap -->
|
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/css/bootstrap-icons/bootstrap-icons.css">
|
|
<script src="/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Bootstrap-tables -->
|
|
<link rel="stylesheet" href="/css/bootstrap-table.min.css">
|
|
<script src="/js/bootstrap-table.min.js"></script>
|
|
<script src="/js/bootstrap-table-fr-FR.min.js"></script>
|
|
<!-- Chart -->
|
|
<script src="/js/chart.min.js"></script>
|
|
|
|
</head>
|
|
|
|
<body class="bg-light text-dark">
|
|
<?php include $_SERVER['DOCUMENT_ROOT']."/include/db_connect.php" ; ?> <!-- Database connexion -->
|
|
<?php //include $_SERVER['DOCUMENT_ROOT']."/include/functions.inc.php" ; ?> <!-- Functions -->
|
|
<div class="container-fluid">
|
|
<div class="row flex-nowrap">
|
|
<!-- Left NAVBAR -->
|
|
<div class="col-auto col-md-2 col-xl-2 px-sm-2 px-0 bg-dark vh-100 position-sticky top-0" style="-ms-flex: 0 0 230px;flex: 0 0 230px;">
|
|
<?php include $_SERVER['DOCUMENT_ROOT']."/navbar.html" ; ?> <!-- Left Navbar -->
|
|
</div>
|
|
<!-- Display -->
|
|
<div class="col py-3">
|
|
<!-- Page Title -->
|
|
<h1><span class="badge text-bg-secondary font-weight-bold" style="width:100%;">LINKS IT</span></h1>
|
|
<div class="row flex-nowrap text-center">
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="http://web-wintel.appliarmony.net/" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Web-Wintel</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="http://web-infra-reports.appliarmony.net/" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Web-Infra-Reports IT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="http://web-infra-tools.appliarmony.net/" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Web-Infra-Tools IT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="http://web-infra-tools-dev.appliarmony.net/" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Web-Infra-Tools-dev IT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row flex-nowrap text-center">
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="http://web-infra-diy.appliarmony.net/" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Web-infra-diy IT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="http://dash-dtd-systemdk.appliarmony.net/index-ot-dark.html" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Dashboard IT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
</div>
|
|
|
|
<div class="col">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<h1><span class="badge text-bg-secondary font-weight-bold" style="width:100%;">LINKS OT</span></h1>
|
|
<div class="row flex-nowrap text-center">
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="https://web-infra-reports.process.dkm/" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Web-Infra-Reports OT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="https://web-infra-tools.process.dkm/" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Web-Infra-Tools OT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="https://web-infra-diy.process.dmk/" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Web-Infra-diy OT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card border-secondary mb-3">
|
|
<a href="http://dash-dtd-systemdk.appliarmony.net/index-ot-dark.html" class="text-decoration-none">
|
|
<div class="card-header text-dark">
|
|
<h3>Dashboard OT</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- End of main content -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/js/switch.js"></script>
|
|
</body>
|
|
|
|
<script>
|
|
var dataSV = document.getElementById("dataSVI").innerHTML.split(",");
|
|
var labelsSV = ['2008','2012','2016','2019','2022'];
|
|
new Chart("ChartServer", {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: labelsSV,
|
|
datasets: [{
|
|
backgroundColor: ['#ff0000','#ff0000','#00ff00','#00ff00','#00ff00'],
|
|
data: dataSV
|
|
}]
|
|
}
|
|
});
|
|
|
|
var dataSVA = document.getElementById("dataSVA").innerHTML.split(",");
|
|
var labelsSVA = ['2008','2012','2016','2019','2022'];
|
|
new Chart("ChartServerA", {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: labelsSVA,
|
|
datasets: [{
|
|
backgroundColor: ['#ff0000','#ff0000','#00ff00','#00ff00','#00ff00'],
|
|
data: dataSVA
|
|
}]
|
|
}
|
|
});
|
|
|
|
var dataLI = document.getElementById("dataLI").innerHTML.split(",");
|
|
var labelsLI = ['Linux','AIX'];
|
|
new Chart("ChartLinux", {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: labelsLI,
|
|
datasets: [{
|
|
backgroundColor: ['#00ff00','#ff8c00'],
|
|
data: dataLI
|
|
}]
|
|
}
|
|
});
|
|
|
|
var dataType = document.getElementById("dataType").innerHTML.split(",");
|
|
var labelsType = ['Physical','Virtual'];
|
|
new Chart("ChartType", {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: labelsType,
|
|
datasets: [{
|
|
backgroundColor: ['#2596be','#eab676'],
|
|
data: dataType
|
|
}]
|
|
}
|
|
});
|
|
|
|
|
|
</script>
|
|
|