diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..5d5fc49a4b6c450967b2ca888c341bba90ad3127
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+public_html/javascript/inc_config.js
diff --git a/public_html/index.html b/public_html/index.html
index 2575cb959c64d25190f90758fd7488998ff8ed37..0cc50c6f81ea8fec6922795ecb1a4c41edc3e084 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -4,8 +4,9 @@
<title>Dashboard</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="refresh" content="3600">
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet" href="main.css">
-<script src="javascript/functions.js" type="text/javascript"></script>
<body>
<header>
@@ -15,4 +16,11 @@
<section id="app-section"><h2>📦 fetching...</h2></section>
<section id="msg-section"><h2>🛎️ fetching...</h2></section>
+ <footer>
+ POC :: © IML 2022
+ </footer>
+
+ <script src="javascript/inc_config.js" type="text/javascript"></script>
+ <script src="javascript/functions.js" type="text/javascript"></script>
+
</html>
\ No newline at end of file
diff --git a/public_html/javascript/functions.js b/public_html/javascript/functions.js
index 9e15b719c80f21964d1e438049f0871bd1c2eaf5..c98b4e21f1c03bbff6323a3035246128aeb0ad35 100644
--- a/public_html/javascript/functions.js
+++ b/public_html/javascript/functions.js
@@ -15,10 +15,6 @@ const AM_RESULTS={
3: 'error'
};
-const AM_SERVER_URL='http://localhost:8001/server/get.php?';
-const AM_URLS=[
- '&item=apps&appid=60b1104800798cd79b694ca6f6764c15&what=all'
-];
const OUT_ID_APPS='app-section';
@@ -57,15 +53,17 @@ function _getSingleAppStatus(sData){
// ----- generate output
let sReturn='<div class="app result'+ aData.meta.result +'">'
- +'<div class="title">'
+ +'<div class="title" onclick="$(this).next().toggle()">'
+'<span class="float-right">'+AM_RESULTS[aData.meta.result]+'</span>'
+aData.meta.website
+'</div>'
- +'<table>'
+ ;
+ // age of the result data
let iAge=Math.round((new Date()).getTime() / 1000)- aData.result.ts;
sReturn+=''
+ +'<table class="details">'
+_appItem('Summary', 'Application status: '+ AM_RESULTS[aData.meta.result]
+ ' | Checks: ' + aData.checks.length
+ ' | Age: ' + iAge + ' sec'
diff --git a/public_html/main.css b/public_html/main.css
index 629442f2f84f88efc8803a374edd255457dc0118..4dfde07899ef745205e8add989d57d9949049ab6 100644
--- a/public_html/main.css
+++ b/public_html/main.css
@@ -19,6 +19,7 @@ body{
font-family: verdana,arial;
}
+footer{ position: fixed; bottom: 0; left: 0; width: 100%; padding: 1em; background: #eee; text-align: center;}
h1{color: var(--color-h1)}
h2{color: var(--color-h2)}
@@ -40,7 +41,9 @@ td{vertical-align: top;}
.float-right{float: right;}
-.app .title{font-weight: bold; font-size: 130%; }
+.app .title{font-weight: bold; font-size: 130%; cursor: pointer;}
+
+.app .details{display: none;}
.result0{background:#dfd !important; background: linear-gradient(#dfd,#beb)!important; color:#080}
.result1{background:#eee !important; background: linear-gradient(#eee,#ddd)!important; color:#666;}