Can precise a time end to countdown timers

This commit is contained in:
Pierre 2018-05-24 21:22:50 +02:00
parent fa1c1596d5
commit f5638c3196
2 changed files with 47 additions and 5 deletions

View File

@ -188,24 +188,44 @@ ComunicWeb.components.posts.form = {
});
//End : PDF
//Add countdown timer specific informations
//Add countdown timer specific information
var countdownForm = createElem2({
appendTo: boxBody,
type: "div",
class: "post-countdown"
});
var timeEndInput = createFormGroup({
//Date end
var dateEndInput = createFormGroup({
target: countdownForm,
label: lang("_input_countdown_enddate"),
placeholder: "dd/mm/yyyy",
type: "text"
});
$(timeEndInput).datepicker({
$(dateEndInput).datepicker({
autoclose: true,
format: "dd/mm/yyyy"
});
//Time end
var container = createElem2({
appendTo: countdownForm,
type: "div",
class: "bootstrap-timepicker"
});
var timeEndInput = createFormGroup({
target: container,
label: "Time end",
placeholder: "hh:ss",
type: "text"
});
timeEndInput.className += " timepicker";
$(timeEndInput).timepicker({
showInputs: false,
showMeridian: false,
});
//End : countdown timer
//Add survey specific informations
@ -412,20 +432,36 @@ ComunicWeb.components.posts.form = {
else if(countdownType.checked){
//Check the given time
if(timeEndInput.value.length < 10){
if(dateEndInput.value.length < 10){
ComunicWeb.common.notificationSystem.showNotification("Please specify a date for the countdown timer !", "danger");
return;
}
//Convert the date to an array
var end_date_array = timeEndInput.value.split("/");
var end_date_array = dateEndInput.value.split("/");
if(end_date_array.length < 3) {
ComunicWeb.common.notificationSystem.showNotification("Specified date for the countdown timer is invalid !", "danger");
return;
}
//Convert the time to an array (if any)
if(timeEndInput.value.length > 3){
//Get the specified time
var time_end = timeEndInput.value.split(":");
var hours = time_end[0];
var minutes = time_end[1];
}
else {
//Default values
var hours = 0;
var minutes = 0;
}
//Convert the end time to a timestamp
var end_date = new Date();
end_date.setHours(hours, minutes, 0);
end_date.setDate(end_date_array[0]);
end_date.setMonth(end_date_array[1] - 1); //January => 0 / December => 11
end_date.setFullYear(end_date_array[2]);

View File

@ -65,6 +65,9 @@ class Dev {
//Datepicker
"3rdparty/adminLTE/plugins/datepicker/datepicker3.css",
//Timepicker
"3rdparty/adminLTE/plugins/timepicker/bootstrap-timepicker.min.css",
//VideoJS
//"3rdparty/videojs/6.4.0/video-js.min.css",
@ -121,6 +124,9 @@ class Dev {
//Datepicker
"3rdparty/adminLTE/plugins/datepicker/bootstrap-datepicker.js",
//Timepicker
"3rdparty/adminLTE/plugins/timepicker/bootstrap-timepicker.js",
//VideoJS
//"3rdparty/videojs/6.4.0/video.min.js",