A text-based bookmark manager rendered in a web page
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

59 lines
1.6 KiB

//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')} `)
})