sva-e025532
10c228f255
- Deleted `test.php` as it was no longer in use. - Enhanced null safety checks in `Inventory.php`, `StdOut-detail.php`, `Backups.php`, and `SwitchsSAN.php` to prevent potential warnings. - Refactored `SwitchsSAN.php` to improve sorting logic for ports based on errors, vFabric, and Port ID. - Added seasonal snow effect script in `all.php` with toggle functionality for user engagement. - Updated navigation bar (`navbar.html`) to include a new VIO page link. - Introduced a new `VIO.php` page to display VIO monitoring details with table export and sorting features.
211 lines
6.7 KiB
PHP
211 lines
6.7 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 IT</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/all.php"; ?> <!-- Include All -->
|
|
<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>
|
|
|