|
|
|
|
//document.addEventListener("keydown", function(event) {
|
|
|
|
|
// var keyPressed = event.key.toLowerCase();
|
|
|
|
|
//
|
|
|
|
|
// if (keyPressed === 'p') {
|
|
|
|
|
// const val = Math.round(Math.random()*255)
|
|
|
|
|
// document.querySelector('body').style.background = `rgba(${val},${val /2},${val})`
|
|
|
|
|
// console.log("The 'P' key was pressed");
|
|
|
|
|
// }
|
|
|
|
|
//});
|
|
|
|
|
|
|
|
|
|
// Barre de recherche
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
|
$('li').addClass('active')
|
|
|
|
|
$('textarea').on('input', function () {
|
|
|
|
|
var userInput = $(this).val().toLowerCase();
|
|
|
|
|
|
|
|
|
|
$('li').each(function () {
|
|
|
|
|
var listItemText = $(this).text().toLowerCase();
|
|
|
|
|
if (listItemText.includes(userInput)) {
|
|
|
|
|
$(this).addClass('active');
|
|
|
|
|
} else {
|
|
|
|
|
$(this).removeClass('active');
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// On convertit les dates au format AA-MM-JJ
|
|
|
|
|
function formatDateFromEpoch(epochTime) {
|
|
|
|
|
const date = new Date(epochTime * 1000);
|
|
|
|
|
|
|
|
|
|
const YY = date.getFullYear().toString()
|
|
|
|
|
const MM = ('0' + (date.getMonth() + 1)).slice(-2)
|
|
|
|
|
const DD = ('0' + date.getDate()).slice(-2)
|
|
|
|
|
|
|
|
|
|
if(epochTime == ''){
|
|
|
|
|
|
|
|
|
|
return `N/A`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return `${YY}/${MM}/${DD}`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const dates = document.querySelectorAll('h4')
|
|
|
|
|
dates.forEach((date) => {
|
|
|
|
|
date.innerHTML= formatDateFromEpoch(date.innerHTML)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// On cache les descriptions si elles sont vides
|
|
|
|
|
$('h2').each(function() {
|
|
|
|
|
$(this).html() == '' ? $(this).hide() : $(this).show()
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// On colore les entrées qui ont un attribut 'color'
|
|
|
|
|
$('[color]').each(function() {
|
|
|
|
|
$(this).css('background', `linear-gradient(var(--background), ${$(this).attr('color')} `)
|
|
|
|
|
|
|
|
|
|
})
|
