"+app.get_vars()._app.cma_msg.note+"",
"_continue" : function() {
(action=="server")
? event_attachment.model.action.server.delete(row)
: event_attachment.model.action.client.delete(row)
}
});
},
"action" : function(action, uploadedFiles, row){
/* this condition tells if the action to be made falls under :
- adding new event and adding new data in it
- or editing event data
*/
var table = events.get_vars().event_file_attachment_list;
var action_ = (action=="edit")?table[1]+"_edit":table[1]+"_add";
switch(action_){
/*
This is when user is adding new event.
Event data are stored in temporary repository
*/
case "addEvent_edit" : event_attachment.model.action.client.update(uploadedFiles, row);
break;
case "addEvent_add" : event_attachment.model.action.client.add(uploadedFiles);
break;
/*
This is when user is editing an event.
Event data are stored directly on the server
*/
case "editEvent_edit" : event_attachment.model.action.server.update(uploadedFiles, row);
break;
case "editEvent_add" : event_attachment.model.action.server.add(uploadedFiles);
break;
default : return false;
break;
}; //end of main switch
}
},
"upload" : {
"init" : function(filechooser, action, row){
var eventfiles = document.getElementById(filechooser),
countFiles = (eventfiles.files).length,
i=0, eventForm = event_attachment.getForm(),
uploadedFiles = [],
filechooser = $('#'+filechooser),
attachment_type = 1//(action=="add")?parseInt(event_file_attachment_dropdown.val()):parseInt(filechooser.data("attachment_type"));
//if files do not exceed the allowed number of files per attachment type
if(!event_attachment.upload.validate.total_uploadFiles_exceeded(eventfiles.files, countFiles, attachment_type)) {
for (i = 0; i 0) {
event_attachment.modal.action(action, uploadedFiles, row);
}
}
uploadedFiles=[];
filechooser.val("");
$(".filechooser").val("");
return false;
},
audio_mode : {
"on_play" : function(SoundCtrl) {
SoundCtrl.play();
},
"on_stop" : function(SoundCtrl) {
SoundCtrl.pause();
},
"on_load_play" : function(_this, sCtrl) {
var SoundCtrl = $("#"+sCtrl)[0];
if (SoundCtrl.duration > 0 && !SoundCtrl.paused) {
$(_this).text(" fait une pause ");
event_attachment.upload.audio_mode.on_stop(SoundCtrl);
} else {
$(_this).text(" en jouant ");
event_attachment.upload.audio_mode.on_play(SoundCtrl);
}
}
},
"replace_file" : function(e, action, row) {
$("#editfiles_"+row).focus().trigger('click');
},
"render" : function(data, type, full, meta) {
var file = (typeof data == "object")?URL.createObjectURL(data):app.get_vars().events.attachment.events+full.file_preview;
var afile_type;
// console.log(typeof(full.file_preview));
if (typeof(full.file_preview) == 'string') {
afile_type = full.file_preview.split('.').pop();
} else {
afile_type = full.file_preview.name.split('.').pop();
}
if( full.file_setup.mime_type.match('mp4.*') || afile_type == 'mp4'){
return '';
}
else if( full.file_setup.mime_type.match('mp3.*') || afile_type == 'mp3'){
return '';
}
else
return '';
},
/* RULES
- 1 or 2 files are allowed with combinations [image & mp3], [image], [video]
- search for MP3/Video file to add autoplay[on/off] settings
- search for MP3 only, add a settings[on/off] if the user wants to use the default image or not
if not then he will be required to upload one image
*/
"validate" : {
/**
* Inform user that the image should have atleast 610 = width and 431 = heigth
* @param {*} file = file upload information
*/
"isValidSize" : function(files){
var dimensions = $("#ModalInformationSizeHeader").attr("data-valid-image-size").split("_");
var file = (typeof files == "object")?URL.createObjectURL(files):app.get_vars().events.attachment.events+full.file_preview;
var img = document.createElement('img');
img.src = file;
ufile_type = files.name.split('.').pop();
switch (ufile_type) {
case 'png':
case 'jpg':
case 'jpeg':
case 'gif':
img.addEventListener('load', function() {
if( dimensions.length > 0 && this.naturalWidth < (parseInt(dimensions[0])) && this.naturalHeight < (parseInt(dimensions[1]))) {
$("#width").html(this.naturalWidth);
$("#height").html(this.naturalHeight);
$('#isValidRationModal').modal({
show: 'false'
});
}
});
break;
}
},
/*check whether there is file of a given attachment_type */
"disable_browse_file" : function(attachment_type) {
var eventFiles = $('#eventfiles');
var browse_file_attachment = $('#browse_file_attachment');
if(browse_file_attachment.length > 0){
if(typeof events.get_vars().event_file_attachment_list != "undefined"){
var data = (events.get_vars().event_file_attachment_list)[0].data(),
file_type = [];
if(data.length >0) {
$.map(data, function(value){
if(value.attachment_type == attachment_type){
file_type.push(value.file_setup.mime_type); //extract all files with a given attachment_type
}
});
var fLength = file_type.length;
const wType= events.get_vars().workshop_session
if(attachment_type == 1 && (fLength==2 || (wType=="ENLIGNE" && fLength==1))) { //todo
browse_file_attachment.attr("disabled", "disabled");
eventFiles.removeClass("filechooser").prop("disabled", true);
return; //only one image is allowed for attachment_type 1
} else {
if(fLength == 1){
if(file_type[0].indexOf("video")!= -1){
browse_file_attachment.attr("disabled", "disabled");
eventFiles.removeClass("filechooser").prop("disabled", true);
return; // only one file is required for video
}
} else if(fLength == 2) {
browse_file_attachment.attr("disabled", "disabled");
eventFiles.removeClass("filechooser").prop("disabled", true);
return; //disable button when already reached the max number of allowed files
}
}
}
}
}
browse_file_attachment.removeAttr("disabled");
eventFiles.addClass("filechooser").prop("disabled", false);
return;
},
//this works for editing files. its a long process haha
"restricted" : function(attachment_type, file_type, file_name, uploadedFiles, row){
row = (row!=null && typeof row!= "undefined")?row:-1;
var table_data = event_attachment.upload.validate.delete_cloned_row(row, attachment_type),
table_data_len = table_data.length,
data = (table_data_len > 0)?table_data:((row>=0)?[]:uploadedFiles),
file_types = [], eventFiles = $('#eventfiles'),
duplicate_file = false;
$.map(data, function(value, key){
var atype = "", name="", mime_type = "";
if(table_data_len > 0){ //datatable
atype = parseInt(value.attachment_type);
name = (value.file_setup.file_name).toLowerCase();
mime_type = value.file_setup.mime_type;
} else { //uploadedFiles
atype = parseInt(value.atype);
name = value.name;
mime_type = value.type;
}
if(atype == parseInt(attachment_type)){
file_types.push(mime_type); //extract all files with a given attachment_type
}
if(file_name.toLowerCase() == (name).toLowerCase()){
duplicate_file = true;
return false;
}
});
if(duplicate_file){
app._notify("warning", "Uploading a possible duplicate file!");
return true;
}
var fLength = file_types.length;
if(attachment_type == 1 && fLength==2){
app._notify("warning", "Only two files is required for Joindre photo Event");
return true; //only one image is allowed for attachment_type 1
} else {
if(fLength == 2){
if(file_types[0].indexOf("video")!= -1){
app._notify("warning", "Only one file is required for Joindre photo Event detail of type mp4");
return true; // only one file is required for video
} else if(file_types[0].indexOf("audio") != -1){
/*
COMBINATIONS OF AUDIO AND IMAGE IS ALLOWED!!!
WE DO NOT ALLOW [audio and video] and [audio and another audio file].
ONLY ONE AUDIO FILE is allowed aqd the other one must be an IMAGE only if provided!!!
*/
if(file_type.indexOf("audio") != -1 || file_type.indexOf("video") != -1){
app._notify("warning", "Only one mp3/mp4 file is allowed for Joindre photo Event detail");
return true; // only one file is required for video
}
} else if(file_types[0].indexOf("image") != -1){
if(file_type.indexOf("image") != -1){
app._notify("warning", "Only one image must be on this attachment type.");
return true; // only one file is required for video
} else if(file_type.indexOf("video") != -1){
app._notify("warning", "Video is not allowed to be added with image on this attachment type.");
return true; // only one file is required for video
}
}
} else if(fLength == 2) {
app._notify("warning", "Only one or two files are required for Joindre photo Event detail");
return true; //disable button when already reached the max number of allowed files
}
}
//we will continue processing files if no conflict occurs
return false;
},
"file_type" : function(file, attachment_type){
var mp4 = (file.type.match(/video/g)||[]).length;
var mp3 = (file.type.match(/audio/g)||[]).length;
var images = (file.type.match(/image/g)||[]).length;
var attachment_type = parseInt(attachment_type);
if( mp4 || mp3 || images ) {
if( mp3 && attachment_type < 2 ) {
app._notify("warning", "mp3 uploading available only for Joindre photo Event detail");
} else if( mp4 && attachment_type < 2 ) {
app._notify("warning", "mp4 uploading available only for Joindre photo Event detail");
} else {
return true;
}
} else {
app._notify("warning", "Allowed types only image.* and mp3.* and mp4.*");
}
return false;
},
"total_uploadFiles_exceeded" : function(uploadedFiles, totalUploadFiles, attachment_type){
if(totalUploadFiles > 2 && attachment_type == 1){
//check upload size
var file_size = Math.round(parseInt(uploadedFiles[0].size) / (1024*1024));
if(file_size > 50){
app._notify("warning", "File size must not exceed 50mb.");
return true;
} else {
app._notify("warning", "Only one file is required for Joindre photo Event");
return true;
}
} else if(attachment_type == 2){
if(totalUploadFiles > 2) {
app._notify("warning", "Only one or two files are required for Joindre photo Event detail");
return true;
} else {
//check upload contents
if(totalUploadFiles == 1){
var file_size = Math.round(parseInt(uploadedFiles[0].size) / (1024*1024));
if(file_size > 50){
app._notify("warning", "File size must not exceed 50MB.");
return true;
}
} else if(totalUploadFiles == 2) {
var file_size1 = Math.round(parseInt(uploadedFiles[0].size) / (1024*1024));
var file_size2 = Math.round(parseInt(uploadedFiles[1].size) / (1024*1024));
var file_types = uploadedFiles[0].type+", "+uploadedFiles[1].type;
if(file_size1 > 50 || file_size2 > 50){
app._notify("warning", "File size must not exceed 50MB.");
return true;
} else if((file_types.match(/audio/g)||[]).length >1) {
app._notify("warning", "Only one mp3 file is required for Joindre photo Event detail");
return true;
} else if((file_types.match(/video/g)||[]).length >1) {
app._notify("warning", "Only one mp4 file is required for Joindre photo Event detail");
return true;
} else if((file_types.match(/image/g)||[]).length >1) {
app._notify("warning", "Only one image file is required for Joindre photo Event detail");
return true;
} else if((file_types.match(/video/g)||[]).length >0 && (file_types.match(/audio/g)||[]).length >0) {
app._notify("warning", "Only one mp3 or mp4 file is required for Joindre photo Event detail");
return true;
} else if((file_types.match(/video/g)||[]).length >0 && (file_types.match(/image/g)||[]).length >0) {
app._notify("warning", "MP4 file cannot added with an image for Joindre photo Event detail");
return true;
}
}
}
}
return false;
},
/*This is basically the process of deleting a row when user wants to replace a file by editing, we need to
exclude the row to be replaced about in order to get a proper validation message
*/
"delete_cloned_row" : function(row, attachment_type){
var table_data = $("#event_file_attachment_list").DataTable().data();
if(row>=0){
var tobe_deleted_row = $("#event_file_attachment_list").DataTable().row(parseInt(row)).data();
$.map(table_data, function(value, key){
if(typeof value!= "undefined"){
if(tobe_deleted_row.attachment_id == value.attachment_id && parseInt(attachment_type) == parseInt(value.attachment_type)){
table_data.splice(key, 1);
return false;
}
}
});
}
return table_data;
},
"check_file_attachment" : function(){ //this is for validating event information before sending
//only attachment type 1 is required
var table_data = $("#event_file_attachment_list").DataTable().data();
const wType = events.get_vars().workshop_session
if((table_data.length > 1) || ((wType=="ENLIGNE" || wType=="DISTANCE") && table_data.length==1)){
var found = false;
$.map(table_data, function(value, key){
if(typeof value!= "undefined"){
if(parseInt(value.attachment_type) == 1){
found = true;
return false;
}
}
});
return found;
}
return false;
},
"check_video_attachment": function(){
return event_attachment.get_trailer()
}
}
},
"add_trailer": function(videoId){
$.ajax({
url: app.get_vars().baseurl+"events/event_video/get_video_details?video_id="+videoId,
type: "GET",
success: function(result) {
const videoDetails = JSON.parse(result)
$('#trailer').val('')
if(videoDetails.status && videoDetails.status === 200) {
event_attachment.append_trailer(videoDetails.body.embed.html)
event_attachment.current_trailer = JSON.stringify(videoDetails.body.embed.html)
} else {
event_attachment.current_trailer = null
$('#trailer_video').empty()
app._notify('error', videoDetails.body.error);
}
$('#add_trailer').removeAttr('disabled', true);
}
});
},
"get_trailer":function(){
return $('#trailer_video').find('iframe')[0]
},
"current_trailer":null,
"append_trailer": function(video){
$('#trailer_video').append(video)
}
};// end of return
})(jQuery, this);
$(function() {
/* restrict file uploads by attachment type */
$("#event-file-attachment").on("change", function(e){
var attachment_type = 1//parseInt($(e.target).val());
//disable browse file
event_attachment.upload.validate.disable_browse_file(attachment_type);
if(attachment_type == 1){
$("#eventfiles").prop("multiple", false).prop("accept", "image/*");
} else {
$("#eventfiles").prop("multiple", true).prop("accept", "image/*,video/*, audio/*");
}
});
$('#add_trailer').on('click', function(){
let videoInput = $('#trailer')
if(videoInput.val() === '') {
videoInput.focus()
} else {
$('#add_trailer').attr('disabled', true);
event_attachment.add_trailer(videoInput.val())
}
})
$('#remove_trailer').on('click', function(){
$('#trailer_video').empty()
event_attachment.current_trailer = null
})
});