120 lines
4.1 KiB
JavaScript
120 lines
4.1 KiB
JavaScript
function onLoad() {
|
|
var vremena = document.getElementsByClassName('vrijeme');
|
|
var currentDate = new Date();
|
|
for(var i = 0; i < vremena.length; i++) {
|
|
var datum = new Date(vremena[i].getAttribute('datetime'));
|
|
var diff = currentDate.getTime() - datum.getTime();
|
|
if (diff < 60*1000) {
|
|
vremena[i].innerHTML = "Prije par sekundi";
|
|
} else if (diff < 60 * 1000 * 60) {
|
|
var minute = Math.floor(diff/60/1000);
|
|
if(minute % 10 > 1 && minute % 10 < 5 && (minute / 10 < 1 || minute / 10 > 2)) {
|
|
vremena[i].innerHTML = "Prije " + minute + " minute";
|
|
} else {
|
|
vremena[i].innerHTML = "Prije " + minute + " minuta";
|
|
}
|
|
} else if (diff < 24 * 60 * 1000 * 60) {
|
|
var sati = Math.floor(diff/60/60/1000);
|
|
if(sati == 1) {
|
|
vremena[i].innerHTML = "Prije 1 sat";
|
|
} else if (sati % 10 > 1 && sati % 10 < 5 && (sati / 10 < 1 || sati / 10 > 2)) {
|
|
vremena[i].innerHTML = "Prije " + sati + " sata";
|
|
} else {
|
|
vremena[i].innerHTML = "Prije " + sati + " sati";
|
|
}
|
|
} else if (diff < 24 * 60 * 1000 * 60 * 7) {
|
|
var dani = Math.floor(diff/24/60/60/1000);
|
|
if(dani == 1) {
|
|
vremena[i].innerHTML = "Prije 1 dan";
|
|
} else {
|
|
vremena[i].innerHTML = "Prije " + dani + " dana";
|
|
}
|
|
} else if (diff < 24 * 60 * 1000 * 60 * 30) {
|
|
var sedmice = Math.floor(diff/24/60/60/1000/7);
|
|
if(sedmice == 1) {
|
|
vremena[i].innerHTML = "Prije 1 sedmicu";
|
|
} else if (sedmice % 10 > 1 && sedmice % 10 < 5 && (sedmice / 10 < 1 || sedmice / 10 > 2)) {
|
|
vremena[i].innerHTML = "Prije " + sedmice + " sedmice";
|
|
} else {
|
|
vremena[i].innerHTML = "Prije " + sedmice + " sedmica";
|
|
}
|
|
} else {
|
|
vremena[i].innerHTML = vremena[i].getAttribute('datetime');
|
|
}
|
|
}
|
|
}
|
|
|
|
function onFilter(select) {
|
|
var option = select;
|
|
var news = document.getElementsByClassName('news');
|
|
var today = new Date();
|
|
switch (option) {
|
|
case 'all':
|
|
for(var i = 0; i < news.length; i++) {
|
|
news[i].style.display = "inline-block";
|
|
}
|
|
break;
|
|
case 'daily':
|
|
for(var i = 0; i < news.length; i++) {
|
|
var datum = new Date(news[i].getElementsByClassName('vrijeme')[0].getAttribute('datetime'));
|
|
var diff = today.getTime() - datum.getTime();
|
|
if(diff<1000*60*60*24) {
|
|
news[i].style.display = "inline-block";
|
|
} else {
|
|
news[i].style.display = "none";
|
|
}
|
|
}
|
|
break;
|
|
case 'weekly':
|
|
for(var i = 0; i < news.length; i++) {
|
|
var datum = new Date(news[i].getElementsByClassName('vrijeme')[0].getAttribute('datetime'));
|
|
var diff = today.getTime() - datum.getTime();
|
|
if(diff<1000*60*60*24*7) {
|
|
news[i].style.display = "inline-block";
|
|
} else {
|
|
news[i].style.display = "none";
|
|
}
|
|
}
|
|
break;
|
|
case 'monthly':
|
|
for(var i = 0; i < news.length; i++) {
|
|
var datum = new Date(news[i].getElementsByClassName('vrijeme')[0].getAttribute('datetime'));
|
|
var diff = today.getTime() - datum.getTime();
|
|
if(diff<1000*60*60*24*30) {
|
|
news[i].style.display = "inline-block";
|
|
} else {
|
|
news[i].style.display = "none";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function validateEmail(emailField) {
|
|
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
if(re.test(emailField.value)) {
|
|
emailField.style.backgroundColor = "white";
|
|
} else {
|
|
emailField.style.backgroundColor = "red";
|
|
}
|
|
}
|
|
|
|
function validatePassword(passwordField) {
|
|
var re = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
|
|
if(re.test(passwordField.value)) {
|
|
passwordField.style.backgroundColor = "white";
|
|
} else {
|
|
passwordField.style.backgroundColor = "red";
|
|
}
|
|
}
|
|
|
|
function validateConfirm(confirmField) {
|
|
var passwordField = document.getElementById("passwordField");
|
|
if(passwordField.value === confirmField.value) {
|
|
confirmField.style.backgroundColor = "white";
|
|
validatePassword(passwordField);
|
|
} else {
|
|
confirmField.style.backgroundColor = "red";
|
|
passwordField.style.backgroundColor = "red";
|
|
}
|
|
}
|