agecem/babillard
5
0
Fork 0
Code Issues 5 Pull requests Releases Packages Activity

Merge branch 'cleanup/remove-references' into main

Browse source
This commit is contained in:
Victor Lacasse-Beaudoin 2023-05-05 16:44:01 -04:00
commit 9dfe6111ac
3 changed files with 0 additions and 165 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
references/date.js
View file

@ -1,80 +0,0 @@
document.addEventListener('DOMContentLoaded', (event) => {
startDateTime()
});
function startDateTime() {
setDateTime();
setInterval(function () {
setDateTime()
}, 60000);
}
function setDateTime() {
document.getElementById("time").innerHTML = currentTime();
document.getElementById("date").innerHTML = currentDate();
}
function currentTime() {
const date = new Date();
const hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
const minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
return hours + ":" + minutes;
}
function currentDate() {
const d = new Date();
const day = getDayOfWeek(d.getDay());
const date = d.getDate();
const month = getMonth(d.getMonth());
return day + " " + date + " " + month;
}
function getDayOfWeek(day) {
switch (day) {
case 0:
return "Dim";
case 1:
return "Lun";
case 2:
return "Mar";
case 3:
return "Mer";
case 4:
return "Jeu";
case 5:
return "Ven";
case 6:
return "Sam";
}
}
function getMonth(month) {
switch (month) {
case 0:
return "Jan";
case 1:
return "Fév";
case 2:
return "Mar";
case 3:
return "Avr";
case 4:
return "Mai";
case 5:
return "Juin";
case 6:
return "Juil";
case 7:
return "Août";
case 8:
return "Sep";
case 9:
return "Oct";
case 10:
return "Nov";
case 11:
return "Déc";
}
}

35
references/index.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>CMS Signage</title>
<script src="js/date.js"></script>
<script src="js/images.js"></script>
<script src="js/messages.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="js/style.css">
</head>
<body>
<div id="contenu">
<embed id="image"/>
</div>
<div id="bar">
<div id="date-time">
<div id="time"></div>
<div id="date"></div>
</div>
<div id="text-container">
<div id="text-content"></div>
</div>
</div>
</body>
</html>

50
references/messages.js
View file

@ -1,50 +0,0 @@
const VITESSE_DEFILEMENT = 20;
let elems = [];
document.addEventListener('DOMContentLoaded', () => {
startMessages()
});
function startMessages() {
fetchMessages();
const parent = document.getElementById("text-content");
setInterval(() => {
for (const child of parent.children) {
child.style.left = child.getBoundingClientRect().x - 1 + 'px';
if (child.getBoundingClientRect().right < 0) {
parent.removeChild(child);
if (parent.childElementCount < 10) {
fetchMessages();
}
}
}
}, VITESSE_DEFILEMENT);
}
function fetchMessages() {
return new Promise((resolve) => {
fetch('getMessages.php')
.then(response => response.json())
.then(json => {
Object.values(json).forEach((value) => {
addDiv(value)
});
resolve()
});
});
}
function addDiv(content) {
const parent = document.getElementById("text-content");
const lastChild = parent.lastChild;
const elem = document.createElement("div");
elem.appendChild(document.createTextNode(content));
parent.appendChild(elem);
if (lastChild != null) {
elem.style.left = lastChild.getBoundingClientRect().right + 50 + "px";
}
return elem;
}