mirror of
https://github.com/pierre42100/ComunicWeb
synced 2024-11-22 20:19:21 +00:00
Added countdown timer
This commit is contained in:
parent
c01f081135
commit
eb860a5c23
@ -28,4 +28,9 @@
|
||||
.post .post-youtube {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.post .post-countdown {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
@ -666,6 +666,14 @@ var ComunicWeb = {
|
||||
textarea: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Countdown timer
|
||||
*/
|
||||
countdown: {
|
||||
//TODO : implement
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
|
49
assets/js/components/countdown.js
Normal file
49
assets/js/components/countdown.js
Normal file
@ -0,0 +1,49 @@
|
||||
/**
|
||||
* Countdown timer component
|
||||
*
|
||||
* @author Pierre HUBERT
|
||||
*/
|
||||
|
||||
ComunicWeb.components.countdown = {
|
||||
|
||||
/**
|
||||
* Initializate countdown timer
|
||||
*
|
||||
* @param {int} time_end The end time for the countdown timer
|
||||
* @param {HTMLElement} target The target for the countdown timer
|
||||
*/
|
||||
init: function(time_end, target){
|
||||
|
||||
//Initialise variable
|
||||
var days, hours, minutes, seconds;
|
||||
|
||||
//Setup interval
|
||||
var interval = setInterval(function(){
|
||||
|
||||
//Check if target still exists or not
|
||||
if(!target.isConnected)
|
||||
clearInterval(interval);
|
||||
|
||||
// find the amount of "seconds" between now and target
|
||||
var current_date = parseInt(new Date().getTime() / 1000);
|
||||
var seconds_left = time_end - current_date;
|
||||
|
||||
// do some time calculations
|
||||
days = parseInt(seconds_left / 86400);
|
||||
seconds_left = seconds_left % 86400;
|
||||
|
||||
hours = parseInt(seconds_left / 3600);
|
||||
seconds_left = seconds_left % 3600;
|
||||
|
||||
minutes = parseInt(seconds_left / 60);
|
||||
seconds = parseInt(seconds_left % 60);
|
||||
|
||||
// format countdown string + set tag value
|
||||
target.innerHTML = '<span class="days">' + days + ' <b>Days</b></span> <span class="hours">' + hours + ' <b>Hours</b></span> <span class="minutes">'
|
||||
+ minutes + ' <b>Minutes</b></span> <span class="seconds">' + seconds + ' <b>Seconds</b></span>';
|
||||
|
||||
}, 1000);
|
||||
|
||||
},
|
||||
|
||||
}
|
@ -236,14 +236,8 @@ ComunicWeb.components.posts.ui = {
|
||||
class: "post-countdown"
|
||||
});
|
||||
|
||||
//Set the date of the countdown time
|
||||
var date = new Date();
|
||||
date.setFullYear(infos.year_end);
|
||||
date.setMonth(infos.month_end - 1); //Months starts from 0 (january) to 11 (december)
|
||||
date.setDate(infos.day_end);
|
||||
|
||||
//Initialize countdown timer
|
||||
ComunicWeb.components.countdown.init(date, target);
|
||||
ComunicWeb.components.countdown.init(infos.time_end, target);
|
||||
}
|
||||
|
||||
//If the kind of post was not implemented
|
||||
|
@ -201,6 +201,9 @@ class Dev {
|
||||
//Modern textarea handler
|
||||
"js/components/textarea.js",
|
||||
|
||||
//Countdown timer
|
||||
"js/components/countdown.js",
|
||||
|
||||
//User scripts
|
||||
"js/user/loginTokens.js",
|
||||
"js/user/userLogin.js",
|
||||
|
Loading…
Reference in New Issue
Block a user