Initial Version
This commit is contained in:
211
Links/Links.php
Normal file
211
Links/Links.php
Normal file
@@ -0,0 +1,211 @@
|
||||
<!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" 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>
|
||||
|
||||
Reference in New Issue
Block a user