let ajaxurl = 'ajax/read'; let tableWrapper = $('#tablePlanning'); let cellHeight = 50; let startHour = 8; let activityList = []; let dayNames = ['Horaires', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Weekend',]; $(document).ready(function () { generateTable(); }); function getDayActivities(day, callback) { let object = { "function": 'get_activities_of_day', 'day': day, }; $.get( ajaxurl, object, callback, ); } function getDataOfElement($elem) { let id = $elem.attr('id'); let day = $elem.parent().attr('id').replace('day_', ''); let data = undefined; for (let i = 0; i < activityList[day].length; i++) { if (activityList[day][i]['ID'] === id) { data = activityList[day][i]; break; } } return data; } function clicked($elem){ let data = getDataOfElement($elem); console.log(data); $.alert({ title: data['full_title'], theme: 'supervan', content: data['description'], }); } function generateTable() { tableWrapper.html(''); // Reset the table generateHours(); for (let i = 1; i <= 6; i++) { // Iterate over the days tableWrapper.append('