Add initial structure for docker and health pages

This commit is contained in:
Youssof 2024-10-28 15:02:39 +00:00
parent f74c3f6e1e
commit ac6ed591d3
5 changed files with 100 additions and 2 deletions

25
ui/general/docker.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Docker Configuration</title>
<meta charset="utf-8">
<link href="../base1/bootstrap.min.css" type="text/css" rel="stylesheet">
<script src="../base1/cockpit.js"></script>
<script src="../base1/jquery-3.7.1.min.js"></script>
</head>
<body>
<div class="container mt-5 mb-5">
<div class="row">
<div class="col-12">
<h2 class="fw-bold">Docker Configuration</h2>
<p>Docker Configuration page.</p>
</div>
</div>
</div>
<script src="docker.js"></script>
</body>
</html>

9
ui/general/docker.js Normal file
View File

@ -0,0 +1,9 @@
// Elements
// Load initial settings
document.onload = initPage();
// Function to initialize the page
function initPage() {
}

25
ui/general/health.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Health Status</title>
<meta charset="utf-8">
<link href="../base1/bootstrap.min.css" type="text/css" rel="stylesheet">
<script src="../base1/cockpit.js"></script>
<script src="../base1/jquery-3.7.1.min.js"></script>
</head>
<body>
<div class="container mt-5 mb-5">
<div class="row">
<div class="col-12">
<h2 class="fw-bold">Health Status</h2>
<p>At a glance view of the status of the drone.</p>
</div>
</div>
</div>
<script src="health.js"></script>
</body>
</html>

9
ui/general/health.js Normal file
View File

@ -0,0 +1,9 @@
// Elements
// Load initial settings
document.onload = initPage();
// Function to initialize the page
function initPage() {
}

View File

@ -5,12 +5,42 @@
"MAVLink": {
"label": "MAVLink Telemtry",
"path": "mavlink.html",
"order": 1
"order": 1,
"keywords": [
{
"matches": ["mavlink", "telemetry", "fcu", "flight control unit", "udp", "tcp", "serial", "usb"]
}
]
},
"SpiriLink": {
"label": "SpiriLink",
"path": "spirilink.html",
"order": 2
"order": 2,
"keywords": [
{
"matches": ["wifi", "temperature", "rtsp", "video", "streaming", "camera", "mavlink"]
}
]
},
"Docker": {
"label": "Docker",
"path": "docker.html",
"order": 3,
"keywords": [
{
"matches": ["docker", "compose", "container"]
}
]
},
"Health": {
"label": "Health",
"path": "health.html",
"order": 4,
"keywords": [
{
"matches": ["checklist"]
}
]
}
}
}