pandorafms/pandora_console/include/javascript/pandora_fullcalendar.js

/* globals $, FullCalendar, uniqId, confirmDialog*/
// eslint-disable-next-line no-unused-vars
function fullCalendarPandora(calendarEl, options, settings, initialEvents) {
  var calendar = new FullCalendar.Calendar(calendarEl, {
    contentHeight: options.contentHeight,
    headerToolbar: options.headerToolbar,
    buttonText: options.buttonText,
    dayHeaderFormat: options.dayHeaderFormat,
    initialView: options.initialView,
    navLinks: options.navLinks,
    selectable: options.selectable,
    selectMirror: options.selectMirror,
    slotDuration: options.slotDuration,
    slotLabelInterval: options.slotLabelInterval,
    snapDuration: options.snapDuration,
    slotMinTime: options.slotMinTime,
    slotMaxTime: options.slotMaxTime,
    scrollTime: options.scrollTime,
    locale: options.locale,
    firstDay: options.firstDay,
    eventTimeFormat: options.eventTimeFormat,
    eventColor: options.eventColor,
    editable: options.editable,
    dayMaxEvents: options.dayMaxEvents,
    dayPopoverFormat: options.dayPopoverFormat,
    defaultAllDay: options.defaultAllDay,
    displayEventTime: options.displayEventTime,
    displayEventEnd: options.displayEventEnd,
    selectOverlap: options.selectOverlap,
    eventOverlap: options.eventOverlap,
    allDaySlot: options.allDaySlot,
    droppable: options.droppable,
    events: initialEvents,
    select:
      options.select != undefined && typeof options.select === "function"
        ? function(info) {
            options.select(info, calendar);
          }
        : false,
    selectAllow:
      options.selectAllow != undefined &&
      typeof options.selectAllow === "function"
        ? function(info) {
            return options.selectAllow(info);
          }
        : false,
    eventAllow:
      options.eventAllow != undefined &&
      typeof options.eventAllow === "function"
        ? function(dropInfo, draggedEvent) {
            return options.eventAllow(dropInfo, draggedEvent);
          }
        : false,
    eventDrop:
      options.eventDrop != undefined && typeof options.eventDrop === "function"
        ? function(info) {
            options.eventDrop(info, calendar);
          }
        : false,
    eventDragStop:
      options.eventDragStop != undefined &&
      typeof options.eventDragStop === "function"
        ? function(info) {
            options.eventDragStop(info, calendar);
          }
        : false,
    eventResize:
      options.eventResize != undefined &&
      typeof options.eventResize === "function"
        ? function(info) {
            options.eventResize(info, calendar);
          }
        : false,
    eventMouseEnter:
      options.eventMouseEnter != undefined &&
      typeof options.eventMouseEnter === "function"
        ? function(info) {
            options.eventMouseEnter(info, settings.tooltipText);
          }
        : false,
    eventMouseLeave:
      options.eventMouseLeave != undefined &&
      typeof options.eventMouseLeave === "function"
        ? function(info) {
            options.eventMouseLeave(info);
          }
        : false,
    eventClick:
      options.eventClick != undefined &&
      typeof options.eventClick === "function"
        ? function(info) {
            options.eventClick(info, calendar, settings);
          }
        : false
  });

  return calendar;
}

// Specific functions Alerts templates && Correlated events.
// eslint-disable-next-line no-unused-vars
function select_alert_template(info, calendar) {
  var nextDay = info.start.getDay() === 6 ? 0 : info.start.getDay() + 1;
  if (
    (info.start.getDay() == info.end.getDay() && info.start < info.end) ||
    (nextDay == info.end.getDay() && time_format(info.end) == "00:00:00")
  ) {
    recalculate_events(calendar, {}, info.start, info.end, true);
  }
  calendar.unselect();
  save_data_input(calendar);
}

// eslint-disable-next-line no-unused-vars
function selectAllow_alert_template(info) {
  var nextDay = info.start.getDay() === 6 ? 0 : info.start.getDay() + 1;
  if (
    info.start.getDay() == info.end.getDay() ||
    (nextDay == info.end.getDay() && time_format(info.end) == "00:00:00")
  ) {
    return true;
  }
  return false;
}

// eslint-disable-next-line no-unused-vars
function eventAllow_alert_template(dropInfo, draggedEvent) {
  if (dropInfo.allDay != true) {
    var nextDay =
      draggedEvent.start.getDay() === 6 ? 0 : draggedEvent.start.getDay() + 1;
    if (
      (draggedEvent.start.getDay() == dropInfo.start.getDay() &&
        dropInfo.start.getDay() == dropInfo.end.getDay()) ||
      (nextDay == dropInfo.end.getDay() &&
        time_format(dropInfo.end) == "00:00:00")
    ) {
      return true;
    }
  }
  return false;
}

// eslint-disable-next-line no-unused-vars
function eventDrop_alert_template(info, calendar) {
  if (info.event.allDay != true) {
    var nextDay =
      info.event.start.getDay() === 6 ? 0 : info.event.start.getDay() + 1;
    if (
      info.event.start.getDay() == info.event.end.getDay() ||
      (nextDay == info.event.end.getDay() &&
        time_format(info.event.end) == "00:00:00")
    ) {
      recalculate_events(
        calendar,
        info.event,
        info.event.start,
        info.event.end,
        false
      );
      save_data_input(calendar);
    }
  }
}

// eslint-disable-next-line no-unused-vars
function eventDragStop_alert_template(info, calendar) {
  var trashEl = $("#calendar_map");
  var ofs = trashEl.offset();

  var x1 = ofs.left;
  var x2 = ofs.left + trashEl.outerWidth(true);
  var y1 = ofs.top;
  var y2 = ofs.top + trashEl.outerHeight(true);

  if (
    x1 >= info.jsEvent.pageX ||
    x2 <= info.jsEvent.pageX ||
    y1 >= info.jsEvent.pageY ||
    y2 <= info.jsEvent.pageY
  ) {
    // Remove event.
    info.event.remove();
    save_data_input(calendar);
  }
}

// eslint-disable-next-line no-unused-vars
function eventResize_alert_template(info, calendar) {
  var nextDay =
    info.event.start.getDay() === 6 ? 0 : info.event.start.getDay() + 1;
  if (
    info.event.start.getDay() == info.event.end.getDay() ||
    (nextDay == info.event.end.getDay() &&
      time_format(info.event.end) == "00:00:00")
  ) {
    recalculate_events(
      calendar,
      info.event,
      info.event.start,
      info.event.end,
      false
    );
    save_data_input(calendar);
  }
}

// eslint-disable-next-line no-unused-vars
function eventMouseEnter_alert_template(info, tooltipText) {
  var tooltip = '<div class="tooltipevent">';
  tooltip += tooltipText;
  tooltip += "</div>";

  $(tooltip).appendTo(info.el);
}

// eslint-disable-next-line no-unused-vars
function eventMouseLeave_alert_template(info) {
  $(".tooltipevent").remove();
}

// eslint-disable-next-line no-unused-vars
function eventClick_alert_template(info, calendar, settings) {
  var calendar_date_from = new Date(calendar.view.activeStart);
  var calendar_days = [];
  var acum = 1;
  var i = 0;
  // Week date.
  for (var index = 1; index <= 7; index++) {
    // Sunday key 0.
    if (acum === 7) {
      acum = 0;
    }
    var date_acum = new Date(calendar_date_from);
    calendar_days[acum] = date_acum.setDate(calendar_date_from.getDate() + i);
    acum++;
    i++;
  }

  confirmDialog({
    title: settings.alert,
    message: function() {
      var id = "div-" + uniqId();
      var loading = settings.loadingText;
      $.ajax({
        method: "post",
        url: settings.url,
        data: {
          page: "include/ajax/alert_list.ajax",
          resize_event_week: true,
          day_from: info.event.start.getDay(),
          day_to: info.event.end.getDay(),
          time_from: time_format(info.event.start),
          time_to: time_format(info.event.end)
        },
        dataType: "html",
        success: function(data) {
          $("#" + id)
            .empty()
            .append(data);
          $("#text-time_from_event, #text-time_to_event").timepicker({
            timeFormat: settings.timeFormat,
            timeOnlyTitle: settings.timeOnlyTitle,
            timeText: settings.timeText,
            hourText: settings.hourText,
            minuteText: settings.minuteText,
            secondText: settings.secondText,
            currentText: settings.currentText,
            closeText: settings.closeText
          });

          $.datepicker.setDefaults(
            $.datepicker.regional[settings.userLanguage]
          );
        },
        error: function(error) {
          console.error(error);
        }
      });

      return "<div id ='" + id + "'>" + loading + "</div>";
    },
    onAccept: function() {
      var replace_day_from = $("#hidden-day_from").val();
      var replace_time_from = $("#text-time_from_event").val();
      var array_time_from = replace_time_from.split(":");
      var new_date_from = new Date(calendar_days[replace_day_from]);
      new_date_from.setHours(
        array_time_from[0],
        array_time_from[1],
        array_time_from[2]
      );

      var replace_day_to = $("#hidden-day_to").val();
      var replace_time_to = $("#text-time_to_event").val();
      if (replace_time_to === "23:59:59") {
        if (replace_day_to == 6) {
          replace_day_to = 0;
          replace_time_to = "00:00:00";
        } else if (replace_day_to != 0) {
          replace_day_to++;
          replace_time_to = "00:00:00";
        }
      }

      var array_time_to = replace_time_to.split(":");
      var new_date_to = new Date(calendar_days[replace_day_to]);
      new_date_to.setHours(
        array_time_to[0],
        array_time_to[1],
        array_time_to[2]
      );

      if (new_date_from < new_date_to) {
        recalculate_events(
          calendar,
          info.event,
          new_date_from,
          new_date_to,
          false
        );
      } else {
        console.error("You cannot add smaller events");
      }
      save_data_input(calendar);
    },
    newButton: {
      text: settings.removeText,
      class: "",
      onFunction: function() {
        // Remove event.
        info.event.remove();
        save_data_input(calendar);
      }
    }
  });
}

function time_format(date) {
  var d = new Date(date);
  var hours = format_two_digits(d.getHours());
  var minutes = format_two_digits(d.getMinutes());
  var seconds = format_two_digits(d.getSeconds());
  return hours + ":" + minutes + ":" + seconds;
}

function format_two_digits(n) {
  return n < 10 ? "0" + n : n;
}

function recalculate_events(calendar, newEvent, from, to, create) {
  var allEvents = calendar.getEvents();
  allEvents.forEach(function(oldEvent) {
    if (create === false) {
      // Avoid the same event.
      if (newEvent.id === oldEvent.id) {
        return;
      }

      // New event inside complete in old event.
      if (oldEvent.start < from && oldEvent.end > to) {
        // Remove new event.
        newEvent.remove();
        return;
      }

      // New event inside complete in old event.
      if (oldEvent.start > from && oldEvent.end < to) {
        // Remove new event.
        oldEvent.remove();
        return;
      }
    }

    // Inside From.
    if (oldEvent.start > from && oldEvent.start <= to) {
      if (time_format(oldEvent.start) !== "00:00:00") {
        to = oldEvent.end;
        oldEvent.remove();
      }
    }

    // Inside To.
    if (oldEvent.end >= from && oldEvent.end < to) {
      if (time_format(oldEvent.end) !== "00:00:00") {
        from = oldEvent.start;
        oldEvent.remove();
      }
    }
  });

  var title = "";
  if (time_format(from) === "00:00:00" && time_format(to) === "00:00:00") {
    title = "All day";
  }

  if (create === true) {
    calendar.addEvent({
      title: title,
      start: from,
      end: to,
      id: uniqId()
    });
  } else {
    // Update event.
    newEvent.setDates(from, to);
  }
}

function save_data_input(calendar) {
  var allEvents = calendar.getEvents();
  var data = {};
  var day_names = [
    "sunday",
    "monday",
    "tuesday",
    "wednesday",
    "thursday",
    "friday",
    "saturday"
  ];
  allEvents.forEach(function(event) {
    var obj = {
      start: time_format(event.start),
      end: time_format(event.end)
    };
    if (data[day_names[event.start.getDay()]] == undefined) {
      data[day_names[event.start.getDay()]] = [];
    }
    data[day_names[event.start.getDay()]].push(obj);
  });

  if (data && Object.keys(data).length === 0) {
    $(".alert_schedule.textodialogo").show();
  } else {
    $(".alert_schedule").hide();
  }

  $("#hidden-schedule").val(JSON.stringify(data));
}

// eslint-disable-next-line no-unused-vars
function loadEventBBDD(events) {
  if (events == undefined || events === null || events === "") {
    $(".alert_schedule").show();
    return {};
  }

  $(".alert_schedule").hide();

  var current_day = new Date();

  var day_names = [
    "monday",
    "tuesday",
    "wednesday",
    "thursday",
    "friday",
    "saturday",
    "sunday",
    "sun"
  ];

  var keys_days_names = {
    monday: 0,
    tuesday: 1,
    wednesday: 2,
    thursday: 3,
    friday: 4,
    saturday: 5,
    sunday: 6,
    sun: 7
  };

  var dates = [];
  day_names.forEach(function(element, i) {
    dates[element] = getDays(current_day, i);
  });

  var result = [];
  Object.entries(JSON.parse(events)).forEach(function(element) {
    var day_string = element[0];
    var events_day = element[1];
    if (events_day != "" && events_day != null && events_day != undefined) {
      events_day.forEach(function(event) {
        if (event != null) {
          var time_from = event.start.split(":");
          var time_to = event.end.split(":");

          var start = dates[day_string].setHours(
            time_from[0],
            time_from[1],
            time_from[2],
            0
          );

          var end = dates[day_string].setHours(
            time_to[0],
            time_to[1],
            time_to[2],
            0
          );
          if (event.end === "00:00:00") {
            end = dates[day_names[keys_days_names[day_string] + 1]].setHours(
              time_to[0],
              time_to[1],
              time_to[2],
              0
            );
          }

          var title = "";
          if (
            time_format(start) === "00:00:00" &&
            time_format(end) === "00:00:00"
          ) {
            title = "All day";
          }

          result.push({
            title: title,
            start: start,
            end: end,
            id: uniqId()
          });
        }
      });
    }
  });

  return result;
}

function getDays(d, i) {
  d = new Date(d);
  var day = d.getDay(),
    diff = d.getDate() - day + i + (day == 0 ? -6 : 1);
  return new Date(d.setDate(diff));
}