mirror of
https://github.com/pierre42100/ComunicWeb
synced 2024-11-25 21:39:21 +00:00
Can precise a time end to countdown timers
This commit is contained in:
parent
fa1c1596d5
commit
f5638c3196
@ -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]);
|
||||
|
@ -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",
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user