AstroCom/AstroCom-API
3
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add total and daily calls to frontpage!

Browse source
This commit is contained in:
Christopher Cookman 2024-12-16 20:31:31 -07:00
parent e3ece6a02d
commit 434390cb9b
2 changed files with 73 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
public/assets/js/landing.js
View file

@ -3,33 +3,44 @@
let ass = 0; let ass = 0;
function switchit() { function switchit() {
console.log("ass"); document.querySelector(".text-wrapper").style = "";
document.querySelector(".text-wrapper").style = ""; document.querySelector(".text-wrapper").firstElementChild.remove();
document.querySelector(".text-wrapper").firstElementChild.remove(); var c = document.querySelector(".text-wrapper").firstElementChild.cloneNode(true);
var c = document.querySelector(".text-wrapper").firstElementChild.cloneNode(true); c.innerHTML = "";
c.innerHTML = ""; document.querySelector(".text-wrapper").appendChild(c);
document.querySelector(".text-wrapper").appendChild(c);
}; };
function scroll() { function scroll() {
document.querySelector(".text-wrapper").style.transition = "top 0.5s ease"; document.querySelector(".text-wrapper").style.transition = "top 0.5s ease";
document.querySelector(".text-wrapper").style.top = "-50px"; document.querySelector(".text-wrapper").style.top = "-50px";
setTimeout(switchit, 510) setTimeout(switchit, 510)
}; };
function chgtext(tex) { function chgtext(tex) {
var c = document.querySelector(".text-wrapper").lastElementChild.innerHTML = tex; var c = document.querySelector(".text-wrapper").lastElementChild.innerHTML = tex;
scroll(); scroll();
}; };
$(document).ready(function() { $(document).ready(function () {
$(".fadein").fadeIn(1250); $(".fadein").fadeIn(1250);
}); });
$("#signin").on("click", function() { $("#signin").on("click", function () {
$(".signinmenu").slideDown(); $(".signinmenu").slideDown();
} ); });
// Pull analytics from /api/analytics
setInterval(() => {
fetch('/api/analytics')
.then(response => response.json())
.then(data => {
estCallsMadeStat = data.total.find(stat => stat.tag === "estCallsMade")?.count;
currentDailyCallsMadeStat = data.daily.find(stat => stat.tag === "dailyCallsMade" && stat.current === true)?.count;
chgtext(`Total calls made: ${estCallsMadeStat} | Today's calls made: ${currentDailyCallsMadeStat}`);
})
.catch(error => console.error('Error fetching analytics:', error));
}, 2000)

85
public/index.html
View file

@ -1,50 +1,55 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <html lang="en">
<meta charset="UTF-8">
<title>AstroCom</title> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="assets/css/root-style.css" rel="stylesheet" type="text/css" media="all"> <meta charset="UTF-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/> <title>AstroCom</title>
<meta name="msapplication-TileColor" content="#000000"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="msapplication-square150x150logo" content="https://astrocom.tel/assets/images/logo.png"> <link href="assets/css/root-style.css" rel="stylesheet" type="text/css" media="all">
<link rel="apple-touch-icon" href="https://astrocom.tel/assets/images/logo.png"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" />
<link rel="icon" href="https://astrocom.tel/assets/images/logo.png" type="image/png" sizes="16x16"> <meta name="msapplication-TileColor" content="#000000">
<meta property="og:image" content="https://astrocom.tel/assets/images/logo.png"> <meta name="msapplication-square150x150logo" content="https://astrocom.tel/assets/images/logo.png">
<link rel="canonical" href="https://astrocom.tel/"> <link rel="apple-touch-icon" href="https://astrocom.tel/assets/images/logo.png">
<meta property="og:url" content="https://astrocom.tel/"> <link rel="icon" href="https://astrocom.tel/assets/images/logo.png" type="image/png" sizes="16x16">
<meta property="og:site_name" content="AstroCom"> <meta property="og:image" content="https://astrocom.tel/assets/images/logo.png">
<meta name="description" content="Simplifying communication."> <link rel="canonical" href="https://astrocom.tel/">
<script type="application/ld+json"> <meta property="og:url" content="https://astrocom.tel/">
<meta property="og:site_name" content="AstroCom">
<meta name="description" content="Simplifying communication.">
<script type="application/ld+json">
{"name":"AstroCom","description":"Simplifying communication.","@type":"WebSite","url":"https://astrocom.tel/","headline":"AstroCom","@context":"http://schema.org"} {"name":"AstroCom","description":"Simplifying communication.","@type":"WebSite","url":"https://astrocom.tel/","headline":"AstroCom","@context":"http://schema.org"}
</script> </script>
</head> </head>
<body> <body>
<div class="center"> <div class="center">
<div class="fadein"> <div class="fadein">
<h1 class="title">AstroCom</h1> <h1 class="title">AstroCom</h1>
<div class="text-container"> <div class="text-container">
<div class="text-wrapper" id="textWrapper"> <div class="text-wrapper" id="textWrapper">
<div class="text">...</div> <div class="text"></div>
<div class="text"></div> <div class="text"></div>
</div> </div>
</div> </div>
</div><br><br> </div><br><br>
<div class="links"> <div class="links">
<a href="/about">About (WIP)</a><span> </span> <a href="/about">About (WIP)</a><span> </span>
<a href="/directory">Directory</a><span> </span> <a href="/directory">Directory</a><span> </span>
<a href="/discord">Discord Server</a> <a href="/discord">Discord Server</a>
</div> </div>
</div> </div>
<div class="tr"> <div class="tr">
<a id="signin" href="#" style="text-align: right;"><i class="fa-solid fa-right-to-bracket"></i> Sign In</a> <a id="signin" href="#" style="text-align: right;"><i class="fa-solid fa-right-to-bracket"></i> Sign In</a>
<br> <br>
<div class="signinmenu"> <div class="signinmenu">
<a href="/user">User Panel</a> <a href="/user">User Panel</a>
<br><a href="/admin">Admin Login</a> <br><a href="/admin">Admin Login</a>
</div> </div>
</div> </div>
</body> </body>
<script src="assets/js/snow.js"></script> <script src="assets/js/snow.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="assets/js/landing.js"></script> <script src="assets/js/landing.js"></script>
</html> </html>