OTRS API Reference JavaScript

Source: Core.Agent.AppointmentCalendar.js

  1. // --
  2. // Copyright (C) 2001-2020 OTRS AG, https://otrs.com/
  3. // --
  4. // This software comes with ABSOLUTELY NO WARRANTY. For details, see
  5. // the enclosed file COPYING for license information (GPL). If you
  6. // did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
  7. // --
  9. /*global Clipboard */
  11. "use strict";
  13. var Core = Core || {};
  14. Core.Agent = Core.Agent || {};
  16. /**
  17.  * @namespace Core.Agent.AppointmentCalendar
  18.  * @memberof Core.Agent
  19.  * @author OTRS AG
  20.  * @description
  21.  *      This namespace contains the appointment calendar functions.
  22.  */
  23. Core.Agent.AppointmentCalendar = (function (TargetNS) {
  25.     // Appointment days cache and ready flag
  26.     var AppointmentDaysCache,
  27.         AppointmentDaysCacheRefreshed = false,
  28.         AJAXCounter = 0,
  29.         CurrentView,
  30.         CalendarSources = {};
  32.     /**
  33.      * @name Init
  34.      * @memberof Core.Agent.AppointmentCalendar
  35.      * @description
  36.      *      Initializes the appointment calendar control.
  37.      */
  38.     TargetNS.Init = function () {
  39.         var CalendarConfig = Core.Config.Get('CalendarConfig'),
  40.             ResourceConfig,
  41.             $CalendarObj = $('#calendar'),
  42.             $DatepickerObj,
  43.             ClipboardJS,
  44.             CurrentAppointment = [];
  46.         if (Core.Config.Get('Action') == 'AgentAppointmentAgendaOverview') {
  47.             TargetNS.AgentAppointmentAgendaOverview();
  48.             return;
  49.         }
  51.         if (!CalendarConfig) {
  52.             return;
  53.         }
  55.         $DatepickerObj = $('<div />')
  56.             .prop('id', 'Datepicker')
  57.             .addClass('Hidden')
  58.             .insertAfter($CalendarObj),
  60.         ClipboardJS = new Clipboard('.CopyToClipboard');
  62.         if (Core.Config.Get('TeamID')) {
  63.             ResourceConfig = {
  64.                 url: Core.Config.Get('CGIHandle'),
  65.                 type: 'POST',
  66.                 data: {
  67.                     ChallengeToken: $('#ChallengeToken').val(),
  68.                     Action: 'AgentAppointmentTeamList',
  69.                     Subaction: 'ListResources',
  70.                     TeamID: Core.Config.Get('TeamID')
  71.                 }
  72.             };
  73.         }
  75.         // Initialize calendar
  76.         $CalendarObj.fullCalendar({
  77.             header: {
  78.                 left: 'month,agendaWeek,agendaDay timelineMonth,timelineWeek,timelineDay',
  79.                 center: 'title',
  80.                 right: 'jump,today prev,next'
  81.             },
  82.             customButtons: {
  83.                 jump: {
  84.                     text: Core.Language.Translate('Jump'),
  85.                     click: function() {
  86.                         ShowDatepicker($CalendarObj, $DatepickerObj, $(this));
  87.                     }
  88.                 }
  89.             },
  90.             defaultView: Core.Config.Get('DefaultView'),
  91.             allDayText: Core.Language.Translate('All-day'),
  92.             isRTL: Core.Config.Get('IsRTLLanguage'),
  93.             columnFormat: 'ddd, D MMM',
  94.             timeFormat: 'HH:mm',
  95.             slotLabelFormat: 'HH:mm',
  96.             titleFormat: 'D MMM YYYY',
  97.             weekNumbers: true,
  98.             weekNumberTitle: '#',
  99.             weekNumberCalculation: 'ISO',
  100.             eventLimit: true,
  101.             eventLimitText: Core.Language.Translate('more'),
  102.             height: 600,
  103.             editable: true,
  104.             selectable: true,
  105.             firstDay: Core.Config.Get('CalendarWeekDayStart'),
  106.             monthNames: [
  107.                 Core.Language.Translate('January'),
  108.                 Core.Language.Translate('February'),
  109.                 Core.Language.Translate('March'),
  110.                 Core.Language.Translate('April'),
  111.                 Core.Language.Translate('May_long'),
  112.                 Core.Language.Translate('June'),
  113.                 Core.Language.Translate('July'),
  114.                 Core.Language.Translate('August'),
  115.                 Core.Language.Translate('September'),
  116.                 Core.Language.Translate('October'),
  117.                 Core.Language.Translate('November'),
  118.                 Core.Language.Translate('December')
  119.             ],
  120.             monthNamesShort: [
  121.                 Core.Language.Translate('Jan'),
  122.                 Core.Language.Translate('Feb'),
  123.                 Core.Language.Translate('Mar'),
  124.                 Core.Language.Translate('Apr'),
  125.                 Core.Language.Translate('May'),
  126.                 Core.Language.Translate('Jun'),
  127.                 Core.Language.Translate('Jul'),
  128.                 Core.Language.Translate('Aug'),
  129.                 Core.Language.Translate('Sep'),
  130.                 Core.Language.Translate('Oct'),
  131.                 Core.Language.Translate('Nov'),
  132.                 Core.Language.Translate('Dec')
  133.             ],
  134.             dayNames: [
  135.                 Core.Language.Translate('Sunday'),
  136.                 Core.Language.Translate('Monday'),
  137.                 Core.Language.Translate('Tuesday'),
  138.                 Core.Language.Translate('Wednesday'),
  139.                 Core.Language.Translate('Thursday'),
  140.                 Core.Language.Translate('Friday'),
  141.                 Core.Language.Translate('Saturday')
  142.             ],
  143.             dayNamesShort: [
  144.                 Core.Language.Translate('Sun'),
  145.                 Core.Language.Translate('Mon'),
  146.                 Core.Language.Translate('Tue'),
  147.                 Core.Language.Translate('Wed'),
  148.                 Core.Language.Translate('Thu'),
  149.                 Core.Language.Translate('Fri'),
  150.                 Core.Language.Translate('Sat')
  151.             ],
  152.             buttonText: {
  153.                 today: Core.Language.Translate('Today'),
  154.                 month: Core.Language.Translate('Month'),
  155.                 week: Core.Language.Translate('Week'),
  156.                 day: Core.Language.Translate('Day'),
  157.                 timelineMonth: Core.Language.Translate('Timeline Month'),
  158.                 timelineWeek: Core.Language.Translate('Timeline Week'),
  159.                 timelineDay: Core.Language.Translate('Timeline Day'),
  160.                 jump: Core.Language.Translate('Jump'),
  161.                 prevDatepicker: Core.Language.Translate('Previous'),
  162.                 nextDatepicker: Core.Language.Translate('Next')
  163.             },
  164.             schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
  165.             slotDuration: '00:30:00',
  166.             forceEventDuration: true,
  167.             nowIndicator: true,
  168.             timezone: 'local',
  169.             resourceAreaWidth: '21%',
  170.             views: {
  171.                 month: {
  172.                     titleFormat: 'MMMM YYYY',
  173.                     columnFormat: 'dddd'
  174.                 },
  175.                 agendaDay: {
  176.                     titleFormat: 'D MMM YYYY',
  177.                     resources: false
  178.                 },
  179.                 timelineMonth: {
  180.                     slotDuration: '24:00:00',
  181.                     duration: {
  182.                         months: 1
  183.                     },
  184.                     slotLabelFormat: [
  185.                         'D'
  186.                     ]
  187.                 },
  188.                 timelineWeek: {
  189.                     slotDuration: '02:00:00',
  190.                     duration: {
  191.                         week: 1
  192.                     },
  193.                     slotLabelFormat: [
  194.                         'ddd, D MMM',
  195.                         'HH'
  196.                     ]
  197.                 },
  198.                 timelineDay: {
  199.                     slotDuration: '00:30:00',
  200.                     duration: {
  201.                         days: 1
  202.                     },
  203.                     slotLabelFormat: [
  204.                         'ddd, D MMM',
  205.                         'HH:mm'
  206.                     ]
  207.                 }
  208.             },
  209.             loading: function(IsLoading) {
  210.                 if (IsLoading) {
  211.                     $('.CalendarWidget').addClass('Loading');
  212.                 } else {
  213.                     $('.CalendarWidget').removeClass('Loading');
  214.                 }
  215.             },
  216.             viewRender: function(View) {
  218.                 // Check if we are on a timeline view.
  219.                 if (View.name === 'timelineWeek' || View.name === 'timelineDay') {
  221.                     // Add calendar week number to timeline view titles.
  222.                     window.setTimeout(function () {
  223.                         $CalendarObj.find('.fc-toolbar > div > h2').append(
  224.                             $('<span />').addClass('fc-week-number')
  225.                                 .text(View.start.format(' #W'))
  226.                         );
  227.                     }, 0);
  229.                     // Initialize restore settings button.
  230.                     RestoreDefaultSettingsInit();
  231.                 }
  233.                 // Remember view selection
  234.                 if (CurrentView !== undefined && CurrentView !== View.name) {
  235.                     Core.AJAX.FunctionCall(
  236.                         Core.Config.Get('CGIHandle'),
  237.                         {
  238.                             ChallengeToken: $('#ChallengeToken').val(),
  239.                             Action: 'AgentAppointmentEdit',
  240.                             Subaction: 'UpdatePreferences',
  241.                             OverviewScreen: Core.Config.Get('OverviewScreen') ? Core.Config.Get('OverviewScreen') : 'CalendarOverview',
  242.                             DefaultView: View.name
  243.                         },
  244.                         function (Response) {
  245.                             if (!Response.Success) {
  246.                                 Core.Debug.Log('Error updating user preferences!');
  247.                             }
  248.                         }
  249.                     );
  250.                 }
  251.                 CurrentView = View.name;
  252.             },
  253.             select: function(Start, End, JSEvent, View, Resource) {
  254.                 var Data = {
  255.                     Start: Start,
  256.                     End: End,
  257.                     JSEvent: JSEvent,
  258.                     View: View,
  259.                     Resource: Resource
  260.                 };
  261.                 TargetNS.OpenEditDialog(Data);
  262.                 $CalendarObj.fullCalendar('unselect');
  263.             },
  264.             eventClick: function(CalEvent, JSEvent) {
  265.                 var Data = {
  266.                     Start: CalEvent.start,
  267.                     End: CalEvent.end,
  268.                     CalEvent: CalEvent
  269.                 };
  270.                 TargetNS.OpenEditDialog(Data);
  271.                 JSEvent.stopPropagation();
  272.                 return false;
  273.             },
  274.             eventDrop: function(CalEvent, Delta, RevertFunc) {
  275.                 var Data = {
  276.                     CalEvent: CalEvent,
  277.                     PreviousAppointment: CurrentAppointment,
  278.                     Delta: Delta,
  279.                     RevertFunc: RevertFunc
  280.                 };
  281.                 UpdateAppointment(Data);
  282.             },
  283.             eventResize: function(CalEvent, Delta, RevertFunc) {
  284.                 var Data = {
  285.                     CalEvent: CalEvent,
  286.                     PreviousAppointment: CurrentAppointment,
  287.                     Delta: Delta,
  288.                     RevertFunc: RevertFunc
  289.                 };
  290.                 UpdateAppointment(Data);
  291.             },
  292.             eventRender: function(CalEvent, $Element) {
  293.                 var $IconContainer,
  294.                     $Icon;
  296.                 if (CalEvent.allDay
  297.                     || CalEvent.recurring
  298.                     || CalEvent.parentId
  299.                     || CalEvent.notification
  300.                     || CalEvent.ticketAppointmentType) {
  302.                     // Create container and icon element
  303.                     $IconContainer = $('<div />').addClass('Icons');
  304.                     $Icon = $('<i />').addClass('fa');
  306.                     // Mark appointment with appropriate icon(s)
  307.                     if (CalEvent.allDay) {
  308.                         $Icon.clone()
  309.                             .addClass('fa-sun-o')
  310.                             .appendTo($IconContainer);
  311.                     }
  312.                     if (CalEvent.recurring) {
  313.                         $Icon.clone()
  314.                             .addClass('fa-repeat')
  315.                             .appendTo($IconContainer);
  316.                     }
  317.                     if (CalEvent.parentId) {
  318.                         $Icon.clone()
  319.                             .addClass('fa-link')
  320.                             .appendTo($IconContainer);
  321.                     }
  322.                     if (CalEvent.notification) {
  323.                         $Icon.clone()
  324.                             .addClass('fa-bell')
  325.                             .appendTo($IconContainer);
  326.                     }
  327.                     if (CalEvent.ticketAppointmentType) {
  328.                         $Icon.clone()
  329.                             .addClass('fa-char-' + Core.Config.Get('TicketAppointmentConfig')[CalEvent.ticketAppointmentType].Mark)
  330.                             .appendTo($IconContainer);
  331.                     }
  333.                     // Prepend container to the appointment
  334.                     $Element.find('.fc-content')
  335.                         .prepend($IconContainer);
  336.                 }
  337.             },
  338.             eventResizeStart: function(CalEvent) {
  339.                 CurrentAppointment.start = CalEvent.start;
  340.                 CurrentAppointment.end = CalEvent.end;
  341.             },
  342.             eventDragStart: function(CalEvent) {
  343.                 CurrentAppointment.start = CalEvent.start;
  344.                 CurrentAppointment.end = CalEvent.end;
  345.                 CurrentAppointment.resourceIds = CalEvent.resourceIds;
  346.             },
  347.             eventMouseover: function(CalEvent, JSEvent) {
  348.                 var $TooltipObj,
  349.                     PosX = 0,
  350.                     PosY = 0,
  351.                     TooltipHTML = Core.Template.Render('Agent/AppointmentCalendar/AppointmentTooltip', {
  352.                         'PluginList': Core.Config.Get('PluginList'),
  353.                         'CalEvent': CalEvent,
  354.                         'TooltipTemplateResource': Core.Config.Get('TooltipTemplateResource') || 0,
  355.                         'TicketAppointmentConfig': Core.Config.Get('TicketAppointmentConfig')
  356.                     }),
  357.                     DocumentVisibleLeft = $(document).scrollLeft() + $(window).width(),
  358.                     DocumentVisibleTop = $(document).scrollTop() + $(window).height(),
  359.                     LastXPosition,
  360.                     LastYPosition;
  362.                 if (!JSEvent) {
  363.                     JSEvent = window.event;
  364.                 }
  365.                 if (JSEvent.pageX || JSEvent.pageY) {
  366.                     PosX = JSEvent.pageX;
  367.                     PosY = JSEvent.pageY;
  368.                 } else if (JSEvent.clientX || JSEvent.clientY) {
  369.                     PosX = JSEvent.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
  370.                     PosY = JSEvent.clientY + document.body.scrollTop + document.documentElement.scrollTop;
  371.                 }
  373.                 // Increase positions so the tooltip do not overlap with mouse pointer
  374.                 PosX += 10;
  375.                 PosY += 10;
  377.                 if (TooltipHTML.length > 0) {
  379.                     // Create tooltip object
  380.                     $TooltipObj = $(TooltipHTML)
  381.                         .offset({
  382.                             top: PosY,
  383.                             left: PosX
  384.                         })
  385.                         .appendTo('body');
  387.                     // Re-calculate top position if needed
  388.                     LastYPosition = PosY + $TooltipObj.height();
  389.                     if (LastYPosition > DocumentVisibleTop) {
  390.                         PosY = PosY - $TooltipObj.height();
  391.                         $TooltipObj.css('top', PosY + 'px');
  392.                     }
  394.                     // Re-calculate left position if needed
  395.                     LastXPosition = PosX + $TooltipObj.width();
  396.                     if (LastXPosition > DocumentVisibleLeft) {
  397.                         PosX = PosX - $TooltipObj.width() - 30;
  398.                         $TooltipObj.css('left', PosX + 'px');
  399.                     }
  401.                     // Show the tooltip
  402.                     $TooltipObj.fadeIn('fast');
  403.                 }
  404.             },
  405.             eventMouseout: function() {
  406.                 $('.AppointmentTooltip').fadeOut("fast").remove();
  407.             },
  408.             eventAfterAllRender: function () {
  410.                 // If the first day in timelineMonth view is not Saturday or Sunday, the first div.fc-bgevent should be removed.
  411.                 // There is a bug from fullcalendar and it can be solved here. See bug#14764.
  412.                 if (!$('.fc-timelineMonth-view .fc-slats td.fc-widget-content:eq(0)').hasClass('fc-sat')
  413.                     && !$('.fc-timelineMonth-view .fc-slats td.fc-widget-content:eq(0)').hasClass('fc-sun')) {
  414.                     $('.fc-timelineMonth-view .fc-bgevent-container .fc-bgevent:eq(0)').remove();
  415.                 }
  416.             },
  417.             events: Core.Config.Get('WorkingHoursConfig'),
  418.             resources: ResourceConfig,
  419.             resourceColumns: [
  420.                 {
  421.                     labelText: Core.Language.Translate('Name'),
  422.                     field: 'title'
  423.                 }
  424.             ],
  425.             resourceLabelText: Core.Language.Translate('Resources')
  426.         });
  428.         // Initialize datepicker
  429.         $DatepickerObj.datepicker({
  430.             showOn: 'button',
  431.             buttonText: Core.Language.Translate('Jump'),
  432.             constrainInput: true,
  433.             prevText: Core.Language.Translate('Previous'),
  434.             nextText: Core.Language.Translate('Next'),
  435.             firstDay: Core.Config.Get('CalendarWeekDayStart'),
  436.             showMonthAfterYear: 0,
  437.             monthNames: [
  438.                 Core.Language.Translate('January'),
  439.                 Core.Language.Translate('February'),
  440.                 Core.Language.Translate('March'),
  441.                 Core.Language.Translate('April'),
  442.                 Core.Language.Translate('May_long'),
  443.                 Core.Language.Translate('June'),
  444.                 Core.Language.Translate('July'),
  445.                 Core.Language.Translate('August'),
  446.                 Core.Language.Translate('September'),
  447.                 Core.Language.Translate('October'),
  448.                 Core.Language.Translate('November'),
  449.                 Core.Language.Translate('December')
  450.             ],
  451.             monthNamesShort: [
  452.                 Core.Language.Translate('Jan'),
  453.                 Core.Language.Translate('Feb'),
  454.                 Core.Language.Translate('Mar'),
  455.                 Core.Language.Translate('Apr'),
  456.                 Core.Language.Translate('May'),
  457.                 Core.Language.Translate('Jun'),
  458.                 Core.Language.Translate('Jul'),
  459.                 Core.Language.Translate('Aug'),
  460.                 Core.Language.Translate('Sep'),
  461.                 Core.Language.Translate('Oct'),
  462.                 Core.Language.Translate('Nov'),
  463.                 Core.Language.Translate('Dec')
  464.             ],
  465.             dayNames: [
  466.                 Core.Language.Translate('Sunday'),
  467.                 Core.Language.Translate('Monday'),
  468.                 Core.Language.Translate('Tuesday'),
  469.                 Core.Language.Translate('Wednesday'),
  470.                 Core.Language.Translate('Thursday'),
  471.                 Core.Language.Translate('Friday'),
  472.                 Core.Language.Translate('Saturday')
  473.             ],
  474.             dayNamesShort: [
  475.                 Core.Language.Translate('Sun'),
  476.                 Core.Language.Translate('Mon'),
  477.                 Core.Language.Translate('Tue'),
  478.                 Core.Language.Translate('Wed'),
  479.                 Core.Language.Translate('Thu'),
  480.                 Core.Language.Translate('Fri'),
  481.                 Core.Language.Translate('Sat')
  482.             ],
  483.             dayNamesMin: [
  484.                 Core.Language.Translate('Su'),
  485.                 Core.Language.Translate('Mo'),
  486.                 Core.Language.Translate('Tu'),
  487.                 Core.Language.Translate('We'),
  488.                 Core.Language.Translate('Th'),
  489.                 Core.Language.Translate('Fr'),
  490.                 Core.Language.Translate('Sa')
  491.             ],
  492.             isRTL: Core.Config.Get('IsRTLLanguage'),
  493.             onSelect: function(DateText) {
  494.                 $CalendarObj.fullCalendar('gotoDate', new Date(DateText));
  495.                 $('#DatepickerOverlay').remove();
  496.                 $DatepickerObj.hide();
  497.             },
  498.             beforeShowDay: function(DateObject) {
  499.                 if (AppointmentDaysCacheRefreshed) {
  500.                     return CheckDate(DateObject);
  501.                 } else {
  502.                     return [true];
  503.                 }
  504.             },
  505.             onChangeMonthYear: function(Year, Month) {
  506.                 AppointmentDays($DatepickerObj, Year, Month);
  507.             }
  508.         });
  510.         $.each(CalendarConfig, function (Index, Calendar) {
  511.             CalendarSources[Calendar.CalendarID] = {
  512.                 url: Core.Config.Get('CGIHandle'),
  513.                 type: 'POST',
  514.                 data: {
  515.                     ChallengeToken: $("#ChallengeToken").val(),
  516.                     Action: 'AgentAppointmentList',
  517.                     Subaction: 'ListAppointments',
  518.                     CalendarID: Calendar.CalendarID,
  519.                     ResourceID: Core.Config.Get('ResourceID'),
  520.                     TeamID: Core.Config.Get('TeamID')
  521.                 },
  522.                 color: Calendar.Color,
  523.                 textColor: Calendar.TextColor,
  524.                 borderColor: 'rgba(0, 0, 0, 0.2)',
  525.                 startParam: 'StartTime',
  526.                 endParam: 'EndTime',
  528.                 // Workaround for removeEventSource.
  529.                 googleCalendarId: Calendar.CalendarID,
  531.                 eventDataTransform: function(AppointmentData) {
  532.                     var TicketAppointmentConfig = Core.Config.Get('TicketAppointmentConfig');
  534.                     return {
  535.                         id: AppointmentData.AppointmentID,
  536.                         parentId: AppointmentData.ParentID,
  537.                         start: AppointmentData.StartTime,
  538.                         startDate: AppointmentData.StartDate,
  539.                         end: AppointmentData.EndTime,
  540.                         endDate: AppointmentData.EndDate,
  541.                         title: AppointmentData.Title,
  542.                         description: AppointmentData.Description,
  543.                         location: AppointmentData.Location,
  544.                         calendarId: AppointmentData.CalendarID,
  545.                         allDay: parseInt(AppointmentData.AllDay, 10) ? true : false,
  546.                         recurring: parseInt(AppointmentData.Recurring, 10) ? true : false,
  547.                         teamIds: AppointmentData.TeamID,
  548.                         teamNames: AppointmentData.TeamNames,
  549.                         resourceIds: AppointmentData.ResourceID,
  550.                         resourceNames: AppointmentData.ResourceNames,
  551.                         pluginData: AppointmentData.PluginData,
  552.                         calendarName: Calendar.CalendarName,
  553.                         calendarColor: Calendar.Color,
  554.                         notification: AppointmentData.NotificationDate.length ? true : false,
  555.                         notificationDate: AppointmentData.NotificationDate,
  556.                         ticketAppointmentType: AppointmentData.TicketAppointmentStartDate,
  557.                         startEditable: typeof AppointmentData.TicketAppointmentStartDate === 'undefined' ? true :
  558.                             typeof TicketAppointmentConfig[AppointmentData.TicketAppointmentStartDate].NoDrag !== 'undefined' ? false : true,
  559.                         durationEditable: typeof AppointmentData.TicketAppointmentEndDate === 'undefined' ? true :
  560.                             typeof TicketAppointmentConfig[AppointmentData.TicketAppointmentStartDate].NoDrag !== 'undefined' ? true : false
  561.                     };
  562.                 }
  563.             };
  564.         });
  566.         $('.CalendarSwitch input[type="checkbox"]').each(function () {
  567.             CalendarSwitchInit($(this));
  568.         });
  570.         // Auto open appointment create screen.
  571.         if (Core.Config.Get('AppointmentCreate')) {
  572.             TargetNS.OpenEditDialog({
  573.                 Start: Core.Config.Get('AppointmentCreate').Start ? $.fullCalendar.moment(Core.Config.Get('AppointmentCreate').Start) : $.fullCalendar.moment().add(1, 'hours').startOf('hour'),
  574.                 End: Core.Config.Get('AppointmentCreate').End ? $.fullCalendar.moment(Core.Config.Get('AppointmentCreate').End) : $.fullCalendar.moment().add(2, 'hours').startOf('hour'),
  575.                 PluginKey: Core.Config.Get('AppointmentCreate').PluginKey ? Core.Config.Get('AppointmentCreate').PluginKey : null,
  576.                 Search: Core.Config.Get('AppointmentCreate').Search ? Core.Config.Get('AppointmentCreate').Search : null,
  577.                 ObjectID: Core.Config.Get('AppointmentCreate').ObjectID ? Core.Config.Get('AppointmentCreate').ObjectID : null
  578.             });
  579.         }
  581.         // Auto open appointment edit screen
  582.         else if (Core.Config.Get('AppointmentID')) {
  583.             TargetNS.OpenEditDialog({ CalEvent: { id: Core.Config.Get('AppointmentID') } });
  584.         }
  586.         $('#AppointmentCreateButton')
  587.             .off('click.AppointmentCalendar')
  588.             .on('click.AppointmentCalendar', function () {
  589.                 TargetNS.OpenEditDialog({
  590.                     Start: $.fullCalendar.moment().add(1, 'hours').startOf('hour'),
  591.                     End: $.fullCalendar.moment().add(2, 'hours').startOf('hour')
  592.                 });
  594.                 return false;
  595.             });
  597.         CalendarSettingsInit();
  599.         ResourceSettingsInit();
  601.         $('#Team').on('change', function() {
  602.             $('#ChangeTeamForm').submit();
  603.         });
  605.         Core.UI.Table.InitTableFilter($('#FilterCalendars'), $('#Calendars'));
  607.         ClipboardJS.on('success', function (Event) {
  608.             $(Event.trigger).hide()
  609.                 .fadeIn();
  610.             Event.clearSelection();
  611.         });
  613.         ClipboardJS.on('error', function(Event) {
  614.             Core.Form.ErrorTooltips.InitTooltip($(Event.trigger), Core.Language.Translate('Press Ctrl+C (Cmd+C) to copy to clipboard'));
  615.             $(Event.trigger).focus();
  616.         });
  617.     };
  619.     /**
  620.      * @private
  621.      * @name ShowDatepicker
  622.      * @memberof Core.Agent.AppointmentCalendar
  623.      * @param {jQueryObject} $CalendarObj - Calendar control object.
  624.      * @param {jQueryObject} $DatepickerObj - Datepicker control object.
  625.      * @param {jQueryObject} $JumpButton - Datepicker button object.
  626.      * @description
  627.      *      Show date picker control.
  628.      */
  629.     function ShowDatepicker($CalendarObj, $DatepickerObj, $JumpButton) {
  630.         var CurrentDate = $CalendarObj.fullCalendar('getDate'),
  631.             Year = CurrentDate.format('YYYY'),
  632.             Month = CurrentDate.format('M');
  634.         $('<div />').prop('id', 'DatepickerOverlay')
  635.             .appendTo($('body'))
  636.             .on('click.AppointmentCalendar', function () {
  637.                 $(this).remove();
  638.                 $DatepickerObj.hide();
  639.             });
  641.         AppointmentDays($DatepickerObj, Year, Month);
  643.         $DatepickerObj.datepicker('setDate', CurrentDate.toDate())
  644.             .css({
  645.                 left: parseInt($JumpButton.offset().left - $DatepickerObj.outerWidth() + $JumpButton.outerWidth(), 10),
  646.                 top: parseInt($JumpButton.offset().top - $DatepickerObj.outerHeight() + $JumpButton.outerHeight(), 10)
  647.             }).fadeIn('fast');
  648.     }
  650.     /**
  651.      * @private
  652.      * @name CheckDate
  653.      * @memberof Core.Agent.AppointmentCalendar
  654.      * @function
  655.      * @param {DateObject} DateObject - A JS date object to check.
  656.      * @returns {Array} First element is always true, second element contains the name of a CSS
  657.      *                  class, third element a description for the date.
  658.      * @description
  659.      *      Check if date has an appointment.
  660.      */
  661.     function CheckDate(DateObject) {
  662.         var DateMoment = $.fullCalendar.moment(DateObject),
  663.             DayAppointments = AppointmentDaysCache[DateMoment.format('YYYY-MM-DD')],
  664.             DayClass = DayAppointments ? 'Highlight' : '',
  665.             DayDescription = DayAppointments ? DayAppointments.toString() : '';
  667.         return [true, DayClass, DayDescription];
  668.     }
  670.     /**
  671.      * @private
  672.      * @name AppointmentDays
  673.      * @memberof Core.Agent.AppointmentCalendar
  674.      * @param {jQueryObject} $DatepickerObj - Datepicker control object.
  675.      * @param {Integer} Year - Selected year.
  676.      * @param {Integer} Month - Selected month (1-12).
  677.      * @description
  678.      *      Caches the list of appointment days for later use.
  679.      */
  680.     function AppointmentDays($DatepickerObj, Year, Month) {
  681.         var StartTime = $.fullCalendar.moment(Year + '-' + Month, 'YYYY-M').startOf('month'),
  682.             EndTime = $.fullCalendar.moment(Year + '-' + Month, 'YYYY-M').add(1, 'months').startOf('month'),
  683.             Data = {
  684.                 ChallengeToken: $('#ChallengeToken').val(),
  685.                 Action: 'AgentAppointmentList',
  686.                 Subaction: 'AppointmentDays',
  687.                 StartTime: StartTime.format('YYYY-MM-DD'),
  688.                 EndTime: EndTime.format('YYYY-MM-DD')
  689.             };
  691.         $DatepickerObj.addClass('AJAXLoading');
  692.         AppointmentDaysCacheRefreshed = false;
  694.         Core.AJAX.FunctionCall(
  695.             Core.Config.Get('CGIHandle'),
  696.             Data,
  697.             function (Response) {
  698.                 if (Response) {
  699.                     AppointmentDaysCache = Response;
  700.                     AppointmentDaysCacheRefreshed = true;
  701.                     $DatepickerObj.removeClass('AJAXLoading');
  703.                     // Refresh the date picker because this call is asynchronous
  704.                     $DatepickerObj.datepicker('refresh');
  705.                 }
  706.             }
  707.         );
  708.     }
  710.     /**
  711.      * @public
  712.      * @name ShowWaitingDialog
  713.      * @memberof Core.Agent.AppointmentCalendar
  714.      * @description
  715.      *      Shows waiting dialog.
  716.      */
  717.     TargetNS.ShowWaitingDialog = function () {
  718.         Core.UI.Dialog.ShowContentDialog('<div class="Spacing Center"><span class="AJAXLoader" title="' + Core.Language.Translate('Loading...') + '"></span></div>', Core.Language.Translate('Loading...'), '10px', 'Center', true);
  719.     }
  721.     /**
  722.      * @public
  723.      * @name OpenEditDialog
  724.      * @memberof Core.Agent.AppointmentCalendar
  725.      * @param {Object} AppointmentData - Hash with appointment data.
  726.      * @param {Moment} AppointmentData.Start - Moment object with start date/time.
  727.      * @param {Moment} AppointmentData.End - Moment object with end date/time.
  728.      * @param {Object} AppointmentData.CalEvent - Calendar event object (FullCalendar).
  729.      * @param {Object} AppointmentData.Resource - Calendar resource object (FullCalendar).
  730.      * @description
  731.      *      This method opens the appointment dialog after selecting a time period or an appointment.
  732.      */
  733.     TargetNS.OpenEditDialog = function (AppointmentData) {
  734.         var Data = {
  735.             ChallengeToken: $('#ChallengeToken').val(),
  736.             Action: 'AgentAppointmentEdit',
  737.             Subaction: 'EditMask',
  738.             AppointmentID: AppointmentData.CalEvent ? AppointmentData.CalEvent.id : null,
  739.             StartYear: !AppointmentData.CalEvent ? AppointmentData.Start.year() : null,
  740.             StartMonth: !AppointmentData.CalEvent ? AppointmentData.Start.month() + 1 : null,
  741.             StartDay: !AppointmentData.CalEvent ? AppointmentData.Start.date() : null,
  742.             StartHour: !AppointmentData.CalEvent ? AppointmentData.Start.hour() : null,
  743.             StartMinute: !AppointmentData.CalEvent ? AppointmentData.Start.minute() : null,
  744.             EndYear: !AppointmentData.CalEvent ? AppointmentData.End.year() : null,
  745.             EndMonth: !AppointmentData.CalEvent ? AppointmentData.End.month() + 1 : null,
  746.             EndDay: !AppointmentData.CalEvent ? AppointmentData.End.date() : null,
  747.             EndHour: !AppointmentData.CalEvent ? AppointmentData.End.hour() : null,
  748.             EndMinute: !AppointmentData.CalEvent ? AppointmentData.End.minute() : null,
  749.             AllDay: !AppointmentData.CalEvent ? (AppointmentData.End.hasTime() ? '0' : '1') : null,
  750.             TeamID: AppointmentData.Resource ? [ AppointmentData.Resource.TeamID ] : null,
  751.             ResourceID: AppointmentData.Resource ? [ AppointmentData.Resource.id ] : null,
  752.             PluginKey: AppointmentData.PluginKey ? AppointmentData.PluginKey : null,
  753.             Search: AppointmentData.Search ? AppointmentData.Search : null,
  754.             ObjectID: AppointmentData.ObjectID ? AppointmentData.ObjectID : null
  755.         };
  757.         // Make end time for all day appointments inclusive
  758.         if (Data.AllDay && Data.AllDay === '1') {
  759.             AppointmentData.End.subtract(1, 'day');
  760.             Data.EndYear = AppointmentData.End.year();
  761.             Data.EndMonth = AppointmentData.End.month() + 1;
  762.             Data.EndDay = AppointmentData.End.date();
  763.             Data.EndHour = AppointmentData.End.hour();
  764.             Data.EndMinute = AppointmentData.End.minute();
  765.         }
  767.         function EditDialog() {
  768.             TargetNS.ShowWaitingDialog();
  769.             Core.AJAX.FunctionCall(
  770.                 Core.Config.Get('CGIHandle'),
  771.                 Data,
  772.                 function (HTML) {
  773.                     Core.UI.Dialog.ShowContentDialog(HTML, Core.Language.Translate('Appointment'), '10px', 'Center', true, undefined, true);
  774.                     Core.UI.InputFields.Activate($('.Dialog:visible'));
  776.                     TargetNS.AgentAppointmentEdit();
  777.                 }, 'html'
  778.             );
  779.         }
  781.         // Repeating event
  782.         if (AppointmentData.CalEvent && AppointmentData.CalEvent.parentId) {
  783.             Core.UI.Dialog.ShowDialog({
  784.                 Title: Core.Language.Translate('This is a repeating appointment'),
  785.                 HTML: Core.Language.Translate('Would you like to edit just this occurrence or all occurrences?'),
  786.                 Modal: true,
  787.                 CloseOnClickOutside: true,
  788.                 CloseOnEscape: true,
  789.                 PositionTop: '20%',
  790.                 PositionLeft: 'Center',
  791.                 Buttons: [
  792.                     {
  793.                         Label: Core.Language.Translate('All occurrences'),
  794.                         Class: 'Primary CallForAction',
  795.                         Function: function() {
  796.                             Data.AppointmentID = AppointmentData.CalEvent.parentId;
  797.                             EditDialog();
  798.                         }
  799.                     },
  800.                     {
  801.                         Label: Core.Language.Translate('Just this occurrence'),
  802.                         Class: 'CallForAction',
  803.                         Function: EditDialog
  804.                     },
  805.                     {
  806.                         Type: 'Close',
  807.                         Label: Core.Language.Translate('Close this dialog')
  808.                     }
  809.                 ]
  810.             });
  811.         } else {
  812.             EditDialog();
  813.         }
  814.     }
  816.     /**
  817.      * @private
  818.      * @name UpdateAppointment
  819.      * @memberof Core.Agent.AppointmentCalendar
  820.      * @param {Object} AppointmentData - Hash with appointment data.
  821.      * @param {Object} AppointmentData.CalEvent - Calendar event object (FullCalendar).
  822.      * @description
  823.      *      This method updates the appointment with supplied data.
  824.      */
  825.     function UpdateAppointment(AppointmentData) {
  826.         var Data = {
  827.             ChallengeToken: $('#ChallengeToken').val(),
  828.             Action: 'AgentAppointmentEdit',
  829.             Subaction: 'EditAppointment',
  830.             AppointmentID: AppointmentData.CalEvent.id,
  831.             StartYear: AppointmentData.CalEvent.start.year(),
  832.             StartMonth: AppointmentData.CalEvent.start.month() + 1,
  833.             StartDay: AppointmentData.CalEvent.start.date(),
  834.             StartHour: AppointmentData.CalEvent.start.hour(),
  835.             StartMinute: AppointmentData.CalEvent.start.minute(),
  836.             EndYear: AppointmentData.CalEvent.end.year(),
  837.             EndMonth: AppointmentData.CalEvent.end.month() + 1,
  838.             EndDay: AppointmentData.CalEvent.end.date(),
  839.             EndHour: AppointmentData.CalEvent.end.hour(),
  840.             EndMinute: AppointmentData.CalEvent.end.minute(),
  841.             AllDay: AppointmentData.CalEvent.end.hasTime() ? '0' : '1',
  842.             Recurring: AppointmentData.CalEvent.recurring ? '1' : '0',
  843.             TeamID: AppointmentData.CalEvent.teamIds ? AppointmentData.CalEvent.teamIds : undefined,
  844.             ResourceID: AppointmentData.CalEvent.resourceIds ? AppointmentData.CalEvent.resourceIds :
  845.                 AppointmentData.CalEvent.resourceId ? [ AppointmentData.CalEvent.resourceId ] : undefined
  846.         };
  848.         // Assigned resource didn't change
  849.         if (
  850.             AppointmentData.CalEvent.resourceId
  851.             && AppointmentData.PreviousAppointment.resourceIds
  852.             && $.inArray(
  853.                 AppointmentData.CalEvent.resourceId,
  854.                 AppointmentData.PreviousAppointment.resourceIds
  855.             ) !== -1
  856.         ) {
  857.             Data.ResourceID = AppointmentData.PreviousAppointment.resourceIds;
  858.         }
  860.         function Update() {
  861.             Core.UI.Dialog.CloseDialog($('.Dialog:visible'));
  862.             Core.AJAX.FunctionCall(
  863.                 Core.Config.Get('CGIHandle'),
  864.                 Data,
  865.                 function (Response) {
  866.                     if (Response.Success) {
  867.                         $('#calendar').fullCalendar('refetchEvents');
  868.                     } else {
  869.                         AppointmentData.RevertFunc();
  870.                     }
  872.                     // Close the dialog
  873.                     Core.UI.Dialog.CloseDialog($('.Dialog:visible'));
  874.                 }
  875.             );
  876.         }
  878.         // Make end time for all day appointments inclusive
  879.         if (AppointmentData.CalEvent.allDay) {
  880.             AppointmentData.CalEvent.end.subtract(1, 'day');
  881.             Data.EndYear = AppointmentData.CalEvent.end.year();
  882.             Data.EndMonth = AppointmentData.CalEvent.end.month() + 1;
  883.             Data.EndDay = AppointmentData.CalEvent.end.date();
  884.             Data.EndHour = AppointmentData.CalEvent.end.hour();
  885.             Data.EndMinute = AppointmentData.CalEvent.end.minute();
  886.         }
  888.         // Repeating event
  889.         if (AppointmentData.CalEvent.parentId) {
  890.             Core.UI.Dialog.ShowDialog({
  891.                 Title: Core.Language.Translate('This is a repeating appointment'),
  892.                 HTML: Core.Language.Translate('Would you like to edit just this occurrence or all occurrences?'),
  893.                 Modal: true,
  894.                 CloseOnClickOutside: true,
  895.                 CloseOnEscape: true,
  896.                 PositionTop: '20%',
  897.                 PositionLeft: 'Center',
  898.                 Buttons: [
  899.                     {
  900.                         Label: Core.Language.Translate('All occurrences'),
  901.                         Class: 'Primary CallForAction',
  902.                         Function: function() {
  903.                             Data.AppointmentID = AppointmentData.CalEvent.parentId;
  904.                             Data.Recurring = '1';
  905.                             Data.UpdateDelta = AppointmentData.Delta.asSeconds();
  906.                             if (
  907.                                 AppointmentData.CalEvent.start.diff(AppointmentData.PreviousAppointment.start, 'seconds')
  908.                                 === Data.UpdateDelta
  909.                                 &&
  910.                                 AppointmentData.CalEvent.end.diff(AppointmentData.PreviousAppointment.end, 'seconds')
  911.                                 === Data.UpdateDelta
  912.                             ) {
  913.                                 Data.UpdateType = 'Both';
  914.                             }
  915.                             else if (
  916.                                 AppointmentData.PreviousAppointment.start.diff(AppointmentData.CalEvent.start, 'seconds')
  917.                                 === Data.UpdateDelta
  918.                             ) {
  919.                                 Data.UpdateType = 'StartTime';
  920.                                 Data.UpdateDelta = Data.UpdateDelta * -1;
  921.                             }
  922.                             else if (
  923.                                 AppointmentData.CalEvent.end.diff(AppointmentData.PreviousAppointment.end, 'seconds')
  924.                                 === Data.UpdateDelta
  925.                             ) {
  926.                                 Data.UpdateType = 'EndTime';
  927.                             }
  928.                             Update();
  929.                         }
  930.                     },
  931.                     {
  932.                         Label: Core.Language.Translate('Just this occurrence'),
  933.                         Class: 'CallForAction',
  934.                         Function: function() {
  935.                             AppointmentData.CalEvent.parentId = null;
  936.                             Update();
  937.                         }
  938.                     },
  939.                     {
  940.                         Type: 'Close',
  941.                         Label: Core.Language.Translate('Close this dialog'),
  942.                         Function: function() {
  943.                             Core.UI.Dialog.CloseDialog($('.Dialog:visible'));
  944.                             AppointmentData.RevertFunc();
  945.                         }
  946.                     }
  947.                 ]
  948.             });
  949.         } else {
  950.             Update();
  951.         }
  952.     }
  954.     /**
  955.      * @private
  956.      * @name CalendarSwitchInit
  957.      * @memberof Core.Agent.AppointmentCalendar
  958.      * @param {jQueryObject} $CalendarSwitch - calendar checkbox element.
  959.      * @description
  960.      *      This method initializes calendar checkbox behavior and loads multiple calendars to the
  961.      *      FullCalendar control.
  962.      */
  963.     function CalendarSwitchInit($CalendarSwitch) {
  965.         // Initialize enabled sources
  966.         if ($CalendarSwitch.prop('checked')) {
  967.             $('#calendar').fullCalendar('addEventSource', CalendarSources[$CalendarSwitch.data('id')]);
  968.         }
  970.         // Register change event handler
  971.         $CalendarSwitch.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  972.             if ($('.CalendarSwitch input:checked').length > Core.Config.Get('CalendarLimit')) {
  973.                 $CalendarSwitch.prop('checked', false);
  974.                 Core.UI.Dialog.ShowAlert(Core.Language.Translate('Too many active calendars'), Core.Language.Translate('Please either turn some off first or increase the limit in configuration.'));
  975.             } else {
  976.                 CalendarSwitchSource($CalendarSwitch);
  977.             }
  978.         });
  979.     }
  981.     /**
  982.      * @private
  983.      * @name CalendarSwitchSource
  984.      * @memberof Core.Agent.AppointmentCalendar
  985.      * @param {jQueryObject} $CalendarSwitch - calendar checkbox element.
  986.      * @description
  987.      *      This method enables/disables calendar source in FullCalendar control and stores
  988.      *      selection to user preferences.
  989.      */
  990.     function CalendarSwitchSource($CalendarSwitch) {
  991.         var CalendarSelection = [];
  993.         // Show/hide the calendar appointments
  994.         if ($CalendarSwitch.prop('checked')) {
  995.             $('#calendar').fullCalendar('addEventSource', CalendarSources[$CalendarSwitch.data('id')]);
  996.         } else {
  997.             $('#calendar').fullCalendar('removeEventSource', CalendarSources[$CalendarSwitch.data('id')]);
  998.         }
  1000.         // Get all checked calendars
  1001.         $.each($('.CalendarSwitch input:checked'), function (Index, Element) {
  1002.             CalendarSelection.push($(Element).data('id'));
  1003.         });
  1005.         // Store selection in user preferences
  1006.         Core.AJAX.FunctionCall(
  1007.             Core.Config.Get('CGIHandle'),
  1008.             {
  1009.                 ChallengeToken: $('#ChallengeToken').val(),
  1010.                 Action: 'AgentAppointmentEdit',
  1011.                 Subaction: 'UpdatePreferences',
  1012.                 OverviewScreen: Core.Config.Get('OverviewScreen') ? Core.Config.Get('OverviewScreen') : 'CalendarOverview',
  1013.                 CalendarSelection: JSON.stringify(CalendarSelection)
  1014.             },
  1015.             function (Response) {
  1016.                 if (!Response.Success) {
  1017.                     Core.Debug.Log('Error updating user preferences!');
  1018.                 }
  1019.             }
  1020.         );
  1021.     }
  1023.     /**
  1024.      * @name LocationLinkInit
  1025.      * @memberof Core.Agent.AppointmentCalendar
  1026.      * @param {jQueryObject} $LocationObj - location field.
  1027.      * @param {jQueryObject} $LocationLinks - location links.
  1028.      * @description
  1029.      *      This method initializes location link behavior.
  1030.      */
  1031.     TargetNS.LocationLinkInit = function ($LocationObj, $LocationLinks) {
  1032.         var LocationValue = $LocationObj.val() || $LocationObj.text();
  1034.         $LocationLinks.each(function (Index, Element) {
  1035.             var $LinkObj = $(Element),
  1036.                 BaseURL  = $LinkObj.data('baseUrl');
  1038.             // Update link URL and show it if location is set
  1039.             if (LocationValue.length > 0 && LocationValue !== '-') {
  1040.                 $LinkObj.attr('href', BaseURL + encodeURIComponent(LocationValue))
  1041.                     .fadeIn('fast');
  1042.             }
  1044.             // Otherwise, hide the link
  1045.             else {
  1046.                 $LinkObj.fadeOut('fast');
  1047.             }
  1048.         });
  1050.         // Register key up event handler
  1051.         $LocationObj.off('keyup.AppointmentCalendar').on('keyup.AppointmentCalendar', function() {
  1052.             TargetNS.LocationLinkInit($LocationObj, $LocationLinks);
  1053.         });
  1054.     }
  1056.     /**
  1057.      * @name AllDayInit
  1058.      * @memberof Core.Agent.AppointmentCalendar
  1059.      * @param {jQueryObject} $AllDay - all day checkbox element.
  1060.      * @description
  1061.      *      This method initializes all day checkbox behavior.
  1062.      */
  1063.     TargetNS.AllDayInit = function ($AllDay) {
  1064.         if ($('#StartMonth:disabled').length > 0) {
  1065.             return;
  1066.         }
  1068.         // Show/hide the start hour/minute and complete end time
  1069.         if ($AllDay.prop('checked')) {
  1070.             $('#StartHour,#StartMinute,#EndHour,#EndMinute').val('0')
  1071.                 .prop('disabled', true)
  1072.                 .prop('readonly', true);
  1073.         } else {
  1074.             $('#StartHour,#StartMinute,#EndHour,#EndMinute')
  1075.                 .prop('disabled', false)
  1076.                 .prop('readonly', false);
  1077.         }
  1079.         // Register change event handler
  1080.         $AllDay.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  1081.             TargetNS.AllDayInit($AllDay);
  1082.         });
  1083.     }
  1085.     /**
  1086.      * @name RecurringInit
  1087.      * @memberof Core.Agent.AppointmentCalendar
  1088.      * @param {Object} Fields - Array with references to recurring fields.
  1089.      * @param {jQueryObject} Fields.$Recurring - field with recurring flag.
  1090.      * @param {jQueryObject} Fields.$RecurrenceType - drop down with recurrence type
  1091.      * @param {jQueryObject} Fields.$RecurrenceCustomType - Recurrence pattern
  1092.      * @param {jQueryObject} Fields.$RecurrenceCustomTypeStringDiv - Custom type drop-down
  1093.      * @param {jQueryObject} Fields.$RecurrenceIntervalText - interval text
  1094.      * @param {jQueryObject} Fields.$RecurrenceCustomWeeklyDiv - contains week days table
  1095.      * @param {jQueryObject} Fields.$RecurrenceCustomMonthlyDiv - contains month days table
  1096.      * @param {jQueryObject} Fields.$RecurrenceCustomYearlyDiv - contains months table
  1097.      * @param {jQueryObject} Fields.$RecurrenceLimitDiv - layer with recurrence limit fields.
  1098.      * @param {jQueryObject} Fields.$RecurrenceLimit - drop down with recurrence limit field.
  1099.      * @param {jQueryObject} Fields.$RecurrenceCountDiv - layer with reccurence count field.
  1100.      * @param {jQueryObject} Fields.$RecurrenceUntilDiv - layer with reccurence until fields.
  1101.      * @param {jQueryObject} Fields.$RecurrenceUntilDay - select field for reccurence until day.
  1102.      * @description
  1103.      *      This method initializes recurrence fields behavior.
  1104.      */
  1105.     TargetNS.RecurringInit = function (Fields) {
  1107.         function RecInit(Fields) {
  1108.             var Days = [],
  1109.                 MonthDays = [],
  1110.                 Months = [],
  1111.                 Index;
  1113.             if ($('input#Days').length) {
  1114.                 Days = $('input#Days').val().split(',');
  1115.             }
  1116.             if ($('input#MonthDays').length) {
  1117.                 MonthDays = $('input#MonthDays').val().split(',');
  1118.             }
  1119.             if ($('input#MonthDays').length) {
  1120.                 Months = $('input#Months').val().split(',');
  1121.             }
  1123.             for (Index = 0; Index < Days.length; Index++) {
  1124.                 if (Days[Index] != "") {
  1125.                     $("#RecurrenceCustomWeeklyDiv button[value=" + Days[Index] + "]")
  1126.                         .addClass("fc-state-active");
  1127.                 }
  1128.             }
  1130.             for (Index = 0; Index < MonthDays.length; Index++) {
  1131.                 if (MonthDays[Index] != "") {
  1132.                     $("#RecurrenceCustomMonthlyDiv button[value=" + MonthDays[Index] + "]")
  1133.                         .addClass("fc-state-active");
  1134.                 }
  1135.             }
  1137.             for (Index = 0; Index < Months.length; Index++) {
  1138.                 if (Months[Index] != "") {
  1139.                     $("#RecurrenceCustomYearlyDiv button[value=" + Months[Index] + "]")
  1140.                         .addClass("fc-state-active");
  1141.                 }
  1142.             }
  1144.             if (Fields.$RecurrenceType.val() == 0) {
  1145.                 Fields.$Recurring.val(0);
  1146.                 Fields.$RecurrenceCustomTypeStringDiv.hide();
  1147.                 Fields.$RecurrenceCustomWeeklyDiv.hide();
  1148.                 Fields.$RecurrenceCustomMonthlyDiv.hide();
  1149.                 Fields.$RecurrenceCustomYearlyDiv.hide();
  1151.                 Fields.$RecurrenceLimitDiv.hide();
  1152.                 Fields.$RecurrenceCountDiv.hide();
  1153.                 Fields.$RecurrenceUntilDiv.hide();
  1155.                 // Skip validation of RecurrenceUntil fields
  1156.                 Fields.$RecurrenceUntilDay.addClass('ValidationIgnore');
  1157.             }
  1158.             else if (Fields.$RecurrenceType.val() == 'Custom') {
  1159.                 Fields.$Recurring.val(1);
  1160.                 Fields.$RecurrenceCustomTypeStringDiv.show();
  1162.                 if (Fields.$RecurrenceCustomType.val()=="CustomDaily") {
  1163.                     Fields.$RecurrenceCustomWeeklyDiv.hide();
  1164.                     Fields.$RecurrenceCustomMonthlyDiv.hide();
  1165.                     Fields.$RecurrenceCustomYearlyDiv.hide();
  1166.                     Fields.$RecurrenceIntervalText.find('span')
  1167.                         .hide()
  1168.                         .end()
  1169.                         .find('.TextDay')
  1170.                         .show();
  1171.                 }
  1172.                 else if (Fields.$RecurrenceCustomType.val()=="CustomWeekly") {
  1173.                     Fields.$RecurrenceCustomWeeklyDiv.show();
  1175.                     Fields.$RecurrenceCustomMonthlyDiv.hide();
  1176.                     Fields.$RecurrenceCustomYearlyDiv.hide();
  1177.                     Fields.$RecurrenceIntervalText.find('span')
  1178.                         .hide()
  1179.                         .end()
  1180.                         .find('.TextWeek')
  1181.                         .show();
  1182.                 }
  1183.                 else if (Fields.$RecurrenceCustomType.val()=="CustomMonthly") {
  1184.                     Fields.$RecurrenceCustomMonthlyDiv.show();
  1186.                     Fields.$RecurrenceCustomWeeklyDiv.hide();
  1187.                     Fields.$RecurrenceCustomYearlyDiv.hide();
  1188.                     Fields.$RecurrenceIntervalText.find('span')
  1189.                         .hide()
  1190.                         .end()
  1191.                         .find('.TextMonth')
  1192.                         .show();
  1193.                 }
  1194.                 else if (Fields.$RecurrenceCustomType.val()=="CustomYearly") {
  1195.                     Fields.$RecurrenceCustomYearlyDiv.show();
  1197.                     Fields.$RecurrenceCustomWeeklyDiv.hide();
  1198.                     Fields.$RecurrenceCustomMonthlyDiv.hide();
  1199.                     Fields.$RecurrenceIntervalText.find('span')
  1200.                         .hide()
  1201.                         .end()
  1202.                         .find('.TextYear')
  1203.                         .show();
  1204.                 }
  1206.                 Fields.$RecurrenceLimitDiv.show();
  1207.                 Fields.$RecurrenceLimit.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  1208.                     if ($(this).val() == 1) {
  1209.                         Fields.$RecurrenceCountDiv.hide();
  1210.                         Fields.$RecurrenceUntilDiv.show();
  1212.                         // Resume validation of RecurrenceUntil fields
  1213.                         Fields.$RecurrenceUntilDay.removeClass('ValidationIgnore');
  1214.                     } else {
  1215.                         Fields.$RecurrenceUntilDiv.hide();
  1216.                         Fields.$RecurrenceCountDiv.show();
  1218.                         // Skip validation of RecurrenceUntil fields
  1219.                         Fields.$RecurrenceUntilDay.addClass('ValidationIgnore');
  1220.                     }
  1221.                 }).trigger('change.AppointmentCalendar');
  1223.                 Core.UI.InputFields.Activate(Fields.$RecurrenceCustomTypeStringDiv);
  1224.                 Core.UI.InputFields.Activate(Fields.$RecurrenceLimitDiv);
  1225.             }
  1226.             else {
  1227.                 Fields.$Recurring.val(1);
  1228.                 Fields.$RecurrenceLimitDiv.show();
  1230.                 Fields.$RecurrenceCustomTypeStringDiv.hide();
  1231.                 Fields.$RecurrenceCustomWeeklyDiv.hide();
  1232.                 Fields.$RecurrenceCustomMonthlyDiv.hide();
  1233.                 Fields.$RecurrenceCustomYearlyDiv.hide();
  1235.                 Fields.$RecurrenceLimit.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  1236.                     if ($(this).val() == 1) {
  1237.                         Fields.$RecurrenceCountDiv.hide();
  1238.                         Fields.$RecurrenceUntilDiv.show();
  1240.                         // Resume validation of RecurrenceUntil fields
  1241.                         Fields.$RecurrenceUntilDay.removeClass('ValidationIgnore');
  1242.                     } else {
  1243.                         Fields.$RecurrenceUntilDiv.hide();
  1244.                         Fields.$RecurrenceCountDiv.show();
  1246.                         // Skip validation of RecurrenceUntil fields
  1247.                         Fields.$RecurrenceUntilDay.addClass('ValidationIgnore');
  1248.                     }
  1249.                 }).trigger('change.AppointmentCalendar');
  1250.                 Core.UI.InputFields.Activate(Fields.$RecurrenceLimitDiv);
  1251.             }
  1253.             Fields.$RecurrenceCustomType.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  1254.                 TargetNS.RecurringInit(Fields);
  1255.             });
  1256.         }
  1258.         Fields.$RecurrenceType.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  1259.             RecInit(Fields);
  1260.         }).trigger('change.AppointmentCalendar');
  1261.     }
  1263.     /**
  1264.      * @name NotificationInit
  1265.      * @memberof Core.Agent.AppointmentCalendar
  1266.      * @param {Object} Fields - Array with references to reminder fields.
  1267.      * @param {jQueryObject} Fields.$Notification - drop down with system notification selection.
  1268.      * @param {jQueryObject} Fields.$NotificationCustomStringDiv - custom selection of system notification date
  1269.      * @description
  1270.      *      This method initializes the reminder section behavior.
  1271.      */
  1272.     TargetNS.NotificationInit = function (Fields) {
  1273.         var NotificationCustomStringDiv = Fields.$NotificationCustomStringDiv.attr('id');
  1275.         if (Fields.$NotificationTemplate.val() !== 'Custom') {
  1277.             // hide the custom fields
  1278.             Fields.$NotificationCustomStringDiv.hide();
  1279.         }
  1280.         else {
  1282.             // custom field is needed
  1283.             Fields.$NotificationCustomStringDiv.show();
  1285.             // initialize modern fields on custom selection
  1286.             Core.UI.InputFields.InitSelect($('select.Modernize'));
  1287.         }
  1289.         // disable enable the different custom fields
  1290.         if (Fields.$NotificationCustomRelativeInput.prop('checked')) {
  1292.             // enable relative date fields
  1293.             Fields.$NotificationCustomRelativeInput.val(1);
  1294.             Fields.$NotificationCustomRelativeUnitCount.prop('disabled', false).prop('readonly', false);
  1295.             Fields.$NotificationCustomRelativeUnit.prop('disabled', false);
  1296.             Fields.$NotificationCustomRelativePointOfTime.prop('disabled', false);
  1298.             // disable the custom date time fields
  1299.             Fields.$NotificationCustomDateTimeInput.val('');
  1300.             Fields.$NotificationCustomDateTimeDay.prop('disabled', true);
  1301.             Fields.$NotificationCustomDateTimeMonth.prop('disabled', true);
  1302.             Fields.$NotificationCustomDateTimeYear.prop('disabled', true);
  1303.             Fields.$NotificationCustomDateTimeHour.prop('disabled', true);
  1304.             Fields.$NotificationCustomDateTimeMinute.prop('disabled', true);
  1305.         }
  1306.         else {
  1308.             // enable the custom date time input
  1309.             Fields.$NotificationCustomDateTimeInput.val(1);
  1310.             Fields.$NotificationCustomDateTimeInput.prop('checked', true);
  1311.             Fields.$NotificationCustomDateTimeDay.prop('disabled', false);
  1312.             Fields.$NotificationCustomDateTimeMonth.prop('disabled', false);
  1313.             Fields.$NotificationCustomDateTimeYear.prop('disabled', false);
  1314.             Fields.$NotificationCustomDateTimeHour.prop('disabled', false);
  1315.             Fields.$NotificationCustomDateTimeMinute.prop('disabled', false);
  1317.             // disable relative date fields
  1318.             Fields.$NotificationCustomRelativeInput.val('');
  1319.             Fields.$NotificationCustomRelativeInput.prop('checked', false);
  1320.             Fields.$NotificationCustomRelativeUnitCount.prop('disabled', true).prop('readonly', true);
  1321.             Fields.$NotificationCustomRelativeUnit.prop('disabled', true);
  1322.             Fields.$NotificationCustomRelativePointOfTime.prop('disabled', true);
  1323.         }
  1325.         // TODO: Workaround for InputFields bug in the framework (disabled attribute not checked after initialization)
  1326.         Core.UI.InputFields.Deactivate('#' + Core.App.EscapeSelector(NotificationCustomStringDiv));
  1327.         Core.UI.InputFields.Activate('#' + Core.App.EscapeSelector(NotificationCustomStringDiv));
  1329.         // Register change event handler
  1330.         Fields.$NotificationTemplate.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  1331.             TargetNS.NotificationInit(Fields);
  1332.         });
  1334.         Fields.$NotificationCustomRelativeInput.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  1336.             // handle radio buttons
  1337.             Fields.$NotificationCustomRelativeInput.prop('checked', true);
  1338.             Fields.$NotificationCustomDateTimeInput.prop('checked', false);
  1340.             // process changes
  1341.             TargetNS.NotificationInit(Fields);
  1342.         });
  1344.         Fields.$NotificationCustomDateTimeInput.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function() {
  1346.             // handle radio buttons
  1347.             Fields.$NotificationCustomDateTimeInput.prop('checked', true);
  1348.             Fields.$NotificationCustomRelativeInput.prop('checked', false);
  1350.             // process changes
  1351.             TargetNS.NotificationInit(Fields);
  1352.         });
  1353.     }
  1355.     /**
  1356.      * @name TeamInit
  1357.      * @memberof Core.Agent.AppointmentCalendar
  1358.      * @param {jQueryObject} $TeamIDObj - field with list of teams.
  1359.      * @param {jQueryObject} $ResourceIDObj - field with list of resources.
  1360.      * @param {jQueryObject} $TeamValueObj - field with read only values for team.
  1361.      * @param {jQueryObject} $ResourceValueObj - field with read only values for resources.
  1362.      * @description
  1363.      *      This method initializes team fields behavior.
  1364.      */
  1365.     TargetNS.TeamInit = function ($TeamIDObj, $ResourceIDObj, $TeamValueObj, $ResourceValueObj) {
  1366.         $TeamIDObj.off('change.AppointmentCalendar').on('change.AppointmentCalendar', function () {
  1367.             var Data = {
  1368.                 ChallengeToken: $('#ChallengeToken').val(),
  1369.                 Action: 'AgentAppointmentEdit',
  1370.                 Subaction: 'TeamUserList',
  1371.                 TeamID: $TeamIDObj.val()
  1372.             };
  1374.             ToggleAJAXLoader($ResourceIDObj, true);
  1376.             Core.AJAX.FunctionCall(
  1377.                 Core.Config.Get('CGIHandle'),
  1378.                 Data,
  1379.                 function (Response) {
  1380.                     var SelectedID = $ResourceIDObj.val();
  1381.                     if (Response.TeamUserList) {
  1382.                         $ResourceIDObj.empty();
  1383.                         $.each(Response.TeamUserList, function (Index, Value) {
  1384.                             var NewOption = new Option(Value, Index);
  1386.                             // Overwrite option text, because of wrong html quoting of text content.
  1387.                             // (This is needed for IE.)
  1388.                             NewOption.innerHTML = Core.App.EscapeHTML(Value);
  1390.                             // Restore selection
  1391.                             if (SelectedID && SelectedID.indexOf(Index) > -1) {
  1392.                                 NewOption.selected = true;
  1393.                             }
  1395.                             $ResourceIDObj.append(NewOption);
  1396.                         });
  1398.                         // Trigger custom redraw event for InputFields
  1399.                         $ResourceIDObj.trigger('redraw.InputField');
  1400.                     }
  1401.                     ToggleAJAXLoader($ResourceIDObj, false);
  1402.                 }
  1403.             );
  1404.         });
  1406.         function CollapseValues($ValueObj, Values) {
  1407.             $ValueObj.html('');
  1408.             $.each(Values, function (Index, Value) {
  1409.                 var Count = Values.length,
  1410.                     TooltipIndex = $('.Dialog').css('z-index');
  1412.                 if (Index < 2) {
  1413.                     $ValueObj.html($ValueObj.html() + Value + '<br>');
  1414.                 } else {
  1415.                     Values.splice(-Count, 2);
  1416.                     $('<a />').attr('href', '#')
  1417.                         .addClass('DialogTooltipLink')
  1418.                         .text(Core.Language.Translate('+%s more', Count-2))
  1419.                         .off('click.AppointmentCalendar')
  1420.                         .on('click.AppointmentCalendar', function (Event) {
  1421.                             var $TooltipObj,
  1422.                                 PosX = 0,
  1423.                                 PosY = 0,
  1424.                                 TooltipHTML = '<p>' + Values.join('<br>') + '</p>',
  1425.                                 DocumentVisibleLeft = $(document).scrollLeft() + $(window).width(),
  1426.                                 DocumentVisibleTop = $(document).scrollTop() + $(window).height(),
  1427.                                 LastXPosition,
  1428.                                 LastYPosition;
  1430.                             // Close existing tooltips
  1431.                             $('.DialogTooltip').remove();
  1433.                             if (Event.pageX || Event.pageY) {
  1434.                                 PosX = Event.pageX;
  1435.                                 PosY = Event.pageY;
  1436.                             } else if (Event.clientX || Event.clientY) {
  1437.                                 PosX = Event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
  1438.                                 PosY = Event.clientY + document.body.scrollTop + document.documentElement.scrollTop;
  1439.                             }
  1441.                             // Increase positions so the tooltip do not overlap with mouse pointer
  1442.                             PosX += 10;
  1443.                             PosY += 5;
  1445.                             if (typeof TooltipIndex !== 'undefined') {
  1446.                                 TooltipIndex = parseInt(TooltipIndex, 10) + 500;
  1447.                             }
  1448.                             else{
  1449.                                 TooltipIndex = 4000;
  1450.                             }
  1452.                             // Create tooltip object
  1453.                             $TooltipObj = $('<div/>').addClass('AppointmentTooltip DialogTooltip Hidden')
  1454.                                 .offset({
  1455.                                     top: PosY,
  1456.                                     left: PosX
  1457.                                 })
  1458.                                 .html(TooltipHTML)
  1459.                                 .css('z-index', TooltipIndex)
  1460.                                 .css('width', 'auto')
  1461.                                 .off('click.AppointmentCalendar')
  1462.                                 .on('click.AppointmentCalendar', function (Event) {
  1463.                                     Event.stopPropagation();
  1464.                                 })
  1465.                                 .appendTo('body');
  1467.                             // Re-calculate top position if needed
  1468.                             LastYPosition = PosY + $TooltipObj.height();
  1469.                             if (LastYPosition > DocumentVisibleTop) {
  1470.                                 PosY = PosY - $TooltipObj.height();
  1471.                                 $TooltipObj.css('top', PosY + 'px');
  1472.                             }
  1474.                             // Re-calculate left position if needed
  1475.                             LastXPosition = PosX + $TooltipObj.width();
  1476.                             if (LastXPosition > DocumentVisibleLeft) {
  1477.                                 PosX = PosX - $TooltipObj.width() - 30;
  1478.                                 $TooltipObj.css('left', PosX + 'px');
  1479.                             }
  1481.                             // Show the tooltip
  1482.                             $TooltipObj.fadeIn('fast');
  1484.                             // Close tooltip on any outside click
  1485.                             $(document).off('click.AppointmentCalendar')
  1486.                                 .on('click.AppointmentCalendar', function (Event) {
  1487.                                     $('.Close').on('click', function(){
  1488.                                         $('.DialogTooltip').remove();
  1489.                                     });
  1490.                                     if (!$(Event.target).closest('.DialogTooltipLink').length) {
  1491.                                         $('.DialogTooltip').remove();
  1492.                                         $(document).off('click.AppointmentCalendar');
  1493.                                     }
  1494.                                 });
  1495.                         })
  1496.                         .appendTo($ValueObj);
  1497.                     return false;
  1498.                 }
  1499.             });
  1500.         }
  1502.         // Collapse read only values
  1503.         if ($TeamValueObj.length) {
  1504.             CollapseValues($TeamValueObj, $TeamValueObj.html().split('<br>'));
  1505.         }
  1506.         if ($ResourceValueObj.length) {
  1507.             CollapseValues($ResourceValueObj, $ResourceValueObj.html().split('<br>'));
  1508.         }
  1509.     }
  1511.     /**
  1512.      * @private
  1513.      * @name CalendarSettingsInit
  1514.      * @memberof Core.Agent.AppointmentCalendar
  1515.      * @description
  1516.      *      This method initializes calendar settings behavior.
  1517.      */
  1518.     function CalendarSettingsInit() {
  1519.         var $CalendarSettingsObj = $('#CalendarSettingsButton'),
  1520.             CalendarSettingsDialogHTML;
  1522.         if (!$CalendarSettingsObj.length) {
  1523.             return;
  1524.         }
  1526.         CalendarSettingsDialogHTML = Core.Template.Render('Agent/AppointmentCalendar/CalendarSettingsDialog', {
  1527.             'ShownAppointmentsStrg': Core.Config.Get('ShownAppointmentsStrg')
  1528.         });
  1530.         // Calendar settings button
  1531.         $CalendarSettingsObj.off('click.AppointmentCalendar').on('click.AppointmentCalendar', function (Event) {
  1532.             Core.UI.Dialog.ShowContentDialog(CalendarSettingsDialogHTML, Core.Language.Translate('Settings'), '10px', 'Center', true,
  1533.                 [
  1534.                     {
  1535.                         Label: Core.Language.Translate('Save'),
  1536.                         Class: 'Primary',
  1537.                         Function: function () {
  1538.                             var $ShownAppointments = $('#ShownAppointments'),
  1539.                                 Data = {
  1540.                                     ChallengeToken: $('#ChallengeToken').val(),
  1541.                                     Action: 'AgentAppointmentEdit',
  1542.                                     Subaction: 'UpdatePreferences',
  1543.                                     OverviewScreen: Core.Config.Get('OverviewScreen') ? Core.Config.Get('OverviewScreen') : 'CalendarOverview',
  1544.                                     ShownAppointments: $ShownAppointments.val()
  1545.                                 };
  1547.                             Core.Agent.AppointmentCalendar.ShowWaitingDialog();
  1549.                             Core.AJAX.FunctionCall(
  1550.                                 Core.Config.Get('CGIHandle'),
  1551.                                 Data,
  1552.                                 function (Response) {
  1553.                                     if (!Response.Success) {
  1554.                                         Core.Debug.Log('Error updating user preferences!');
  1555.                                     }
  1556.                                     window.location.href = Core.Config.Get('Baselink') + 'Action=AgentAppointment' + (Core.Config.Get('OverviewScreen') ? Core.Config.Get('OverviewScreen') : 'CalendarOverview');
  1557.                                 }
  1558.                             );
  1559.                         }
  1560.                     }
  1561.                 ], true);
  1563.             Event.preventDefault();
  1564.             Event.stopPropagation();
  1566.             return false;
  1567.         });
  1569.         // Show settings dialog immediately
  1570.         if (Core.Config.Get('CalendarSettingsShow')) {
  1571.             $CalendarSettingsObj.trigger('click.AppointmentCalendar');
  1572.         }
  1573.     }
  1575.     /**
  1576.      * @private
  1577.      * @name ResourceSettingsInit
  1578.      * @memberof Core.Agent.AppointmentCalendar
  1579.      * @description
  1580.      *      This method initializes resource settings behavior.
  1581.      */
  1582.     function ResourceSettingsInit() {
  1583.         var $ResourceSettingsObj = $('#ResourceSettingsButton'),
  1584.             ResourceSettingsDialogHTML;
  1586.         if (!$ResourceSettingsObj.length) {
  1587.             return;
  1588.         }
  1590.         ResourceSettingsDialogHTML = Core.Template.Render('Agent/AppointmentCalendar/ResourceSettingsDialog', Core.Config.Get('ShownResourceSettings'));
  1592.         // Resource settings button
  1593.         $ResourceSettingsObj.off('click.AppointmentCalendar').on('click.AppointmentCalendar', function (Event) {
  1594.             Core.UI.Dialog.ShowContentDialog(ResourceSettingsDialogHTML, Core.Language.Translate('Settings'), '10px', 'Center', true,
  1595.                 [
  1596.                     {
  1597.                         Label: Core.Language.Translate('Save'),
  1598.                         Class: 'Primary',
  1599.                         Function: function () {
  1600.                             var $ListContainer = $('.AllocationListContainer').find('.AssignedFields'),
  1601.                                 ShownResources = [],
  1602.                                 Data = {
  1603.                                     ChallengeToken: $('#ChallengeToken').val(),
  1604.                                     Action: 'AgentAppointmentEdit',
  1605.                                     Subaction: 'UpdatePreferences',
  1606.                                     OverviewScreen: Core.Config.Get('OverviewScreen') ? Core.Config.Get('OverviewScreen') : 'ResourceOverview',
  1607.                                     TeamID: $('#Team').val()
  1608.                                 };
  1610.                             if (isJQueryObject($ListContainer) && $ListContainer.length) {
  1611.                                 $.each($ListContainer.find('li'), function() {
  1612.                                     ShownResources.push($(this).attr('data-fieldname'));
  1613.                                 });
  1614.                             }
  1615.                             Data.ShownResources = JSON.stringify(ShownResources);
  1617.                             Core.Agent.AppointmentCalendar.ShowWaitingDialog();
  1619.                             Core.AJAX.FunctionCall(
  1620.                                 Core.Config.Get('CGIHandle'),
  1621.                                 Data,
  1622.                                 function (Response) {
  1623.                                     if (!Response.Success) {
  1624.                                         Core.Debug.Log('Error updating user preferences!');
  1625.                                     }
  1626.                                     location.reload();
  1627.                                 }
  1628.                             );
  1629.                         }
  1630.                     }
  1631.                 ], true);
  1633.             Event.preventDefault();
  1634.             Event.stopPropagation();
  1636.             Core.Agent.TableFilters.SetAllocationList();
  1638.             return false;
  1639.         });
  1641.         // Initialize restore settings button.
  1642.         RestoreDefaultSettingsInit();
  1643.     }
  1645.     /**
  1646.      * @private
  1647.      * @name ResourceSettingsInit
  1648.      * @memberof Core.Agent.AppointmentCalendar
  1649.      * @description
  1650.      *      Adds restore default settings button (trash can) to view and initializes its behavior.
  1651.      */
  1652.     function RestoreDefaultSettingsInit() {
  1653.         var $RestoreSettingsObj;
  1655.         // Skip if button is not needed or we already have one.
  1656.         if (
  1657.             !Core.Config.Get('RestoreDefaultSettings')
  1658.             || $('#RestoreDefaultSettings').length > 0
  1659.             )
  1660.         {
  1661.             return;
  1662.         }
  1664.         // Create the button.
  1665.         $RestoreSettingsObj = $('<a />').attr('id', 'RestoreDefaultSettings')
  1666.             .attr('href', '#')
  1667.             .attr('title', Core.Language.Translate('Restore default settings'))
  1668.             .append($('<i />').addClass('fa fa-trash'));
  1670.         // Add it to the column header.
  1671.         $('tr.fc-super + tr .fc-cell-content').append($RestoreSettingsObj);
  1673.         // Register click handler.
  1674.         $RestoreSettingsObj.off('click.AppointmentCalendar').on('click.AppointmentCalendar', function (Event) {
  1675.             Core.AJAX.FunctionCall(
  1676.                 Core.Config.Get('CGIHandle'),
  1677.                 {
  1678.                     ChallengeToken: $('#ChallengeToken').val(),
  1679.                     Action: 'AgentAppointmentEdit',
  1680.                     Subaction: 'UpdatePreferences',
  1681.                     OverviewScreen: Core.Config.Get('OverviewScreen') ? Core.Config.Get('OverviewScreen') : 'ResourceOverview',
  1682.                     RestoreDefaultSettings: 'ShownResources',
  1683.                     TeamID: $('#Team').val()
  1684.                 },
  1685.                 function (Response) {
  1686.                     if (!Response.Success) {
  1687.                         Core.Debug.Log('Error updating user preferences!');
  1688.                     }
  1689.                     location.reload();
  1690.                 }
  1691.             );
  1693.             Event.preventDefault();
  1694.             Event.stopPropagation();
  1696.             return false;
  1697.         });
  1698.     }
  1700.     /**
  1701.      * @private
  1702.      * @name ToggleAJAXLoader
  1703.      * @memberof Core.Agent.AppointmentCalendar
  1704.      * @function
  1705.      * @param {jQueryObject} $Element - Object reference of the field which is updated
  1706.      * @param {Boolean} Show - Show or hide the AJAX loader image
  1707.      * @description
  1708.      *      Shows and hides an ajax loader for every element which is updates via ajax.
  1709.      */
  1710.     function ToggleAJAXLoader($Element, Show) {
  1711.         var $Loader = $('#AJAXLoader' + $Element.attr('id')),
  1712.             LoaderHTML = '<span id="AJAXLoader' + $Element.attr('id') + '" class="AJAXLoader"></span>';
  1714.         // Element not present
  1715.         if (!$Element.length) {
  1716.             return;
  1717.         }
  1719.         // Show or hide the loader
  1720.         if (Show) {
  1721.             if (!$Loader.length) {
  1722.                 $Element.after(LoaderHTML);
  1723.             } else {
  1724.                 $Loader.show();
  1725.             }
  1726.         } else {
  1727.             if ($Loader.length) {
  1728.                 $Loader.hide();
  1729.             }
  1730.         }
  1731.     }
  1733.     /**
  1734.      * @name PluginInit
  1735.      * @memberof Core.Agent.AppointmentCalendar
  1736.      * @param {jQueryObject} $PluginFields - fields with different plugin searches.
  1737.      * @description
  1738.      *      This method initializes plugin fields behavior.
  1739.      */
  1740.     TargetNS.PluginInit = function ($PluginFields) {
  1742.         function InitRemoveButtons() {
  1743.             $('.RemoveButton').off('click.AppointmentCalendar').on('click.AppointmentCalendar', function () {
  1744.                 var $RemoveObj = $(this),
  1745.                     PluginKey = $RemoveObj.data('pluginKey'),
  1746.                     $PluginDataObj = $('#Plugin_' + Core.App.EscapeSelector(PluginKey)),
  1747.                     PluginData = JSON.parse($PluginDataObj.val()),
  1748.                     LinkID = $RemoveObj.data('linkId').toString(),
  1749.                     $Parent = $RemoveObj.parent();
  1751.                 PluginData.splice(PluginData.indexOf(LinkID), 1);
  1752.                 $PluginDataObj.val(JSON.stringify(PluginData));
  1754.                 $Parent.remove();
  1756.                 return false;
  1757.             });
  1758.         }
  1760.         function AddLink(PluginKey, PluginURL, LinkID, LinkName) {
  1761.             var $PluginContainerObj = $('#PluginContainer_' + Core.App.EscapeSelector(PluginKey)),
  1762.                 $PluginDataObj = $('#Plugin_' + Core.App.EscapeSelector(PluginKey)),
  1763.                 PluginData = JSON.parse($PluginDataObj.val()),
  1764.                 $ExistingLinks = $PluginContainerObj.find('.Link_' + Core.App.EscapeSelector(LinkID)),
  1765.                 $LinkContainerObj = $('<div />'),
  1766.                 $URLObj = $('<a />'),
  1767.                 $RemoveObj = $('<a />'),
  1768.                 LinkURL = PluginURL.replace('%s', LinkID);
  1770.             if ($ExistingLinks.length > 0) {
  1771.                 return;
  1772.             }
  1774.             PluginData.push(LinkID);
  1775.             $PluginDataObj.val(JSON.stringify(PluginData));
  1777.             $LinkContainerObj.addClass('Link_' + Core.App.EscapeSelector(LinkID));
  1779.             $URLObj.attr('href', LinkURL)
  1780.                 .attr('target', '_blank')
  1781.                 .text(LinkName)
  1782.                 .appendTo($LinkContainerObj);
  1784.             $RemoveObj.attr('href', '#')
  1785.                 .addClass('RemoveButton')
  1786.                 .data('pluginKey', PluginKey)
  1787.                 .data('linkId', LinkID)
  1788.                 .append(
  1789.                     $('<i />').addClass('fa fa-minus-square-o')
  1790.                 )
  1791.                 .appendTo($LinkContainerObj);
  1793.             $LinkContainerObj.appendTo($PluginContainerObj);
  1794.             InitRemoveButtons();
  1795.         }
  1797.         $PluginFields.each(function () {
  1798.             var $Element = $(this),
  1799.                 PluginKey = $Element.data('pluginKey'),
  1800.                 PluginURL = $Element.data('pluginUrl');
  1802.             // Skip already initialized fields
  1803.             if ($Element.hasClass('ui-autocomplete-input')) {
  1804.                 return true;
  1805.             }
  1807.             Core.UI.Autocomplete.Init($Element, function (Request, Response) {
  1808.                     var URL = Core.Config.Get('CGIHandle'),
  1809.                         CurrentAJAXNumber = ++AJAXCounter,
  1810.                         Data = {
  1811.                             ChallengeToken: $('#ChallengeToken').val(),
  1812.                             Action: 'AgentAppointmentPluginSearch',
  1813.                             PluginKey: PluginKey,
  1814.                             Term: Request.term + '*',
  1815.                             MaxResults: 20
  1816.                         };
  1818.                     $Element.data('AutoCompleteXHR', Core.AJAX.FunctionCall(URL, Data, function (Result) {
  1819.                         var Data = [];
  1821.                         // Check if the result is from the latest ajax request
  1822.                         if (AJAXCounter !== CurrentAJAXNumber) {
  1823.                             return false;
  1824.                         }
  1826.                         $.each(Result, function () {
  1827.                             Data.push({
  1828.                                 label: this.Value,
  1829.                                 key:  this.Key,
  1830.                                 value: this.Value
  1831.                             });
  1832.                         });
  1833.                         Response(Data);
  1834.                     }));
  1835.             }, function (Event, UI) {
  1836.                 Event.stopPropagation();
  1837.                 $Element.val('').trigger('select.Autocomplete');
  1838.                 AddLink(PluginKey, PluginURL, UI.item.key, UI.item.label);
  1840.                 return false;
  1841.             }, PluginKey);
  1842.         });
  1844.         InitRemoveButtons();
  1845.     }
  1847.     /**
  1848.      * @name EditAppointment
  1849.      * @param {Object} Data - Hash with call and appointment data.
  1850.      * @param {Integer} Data.AppointmentID - Appointment ID.
  1851.      * @param {Integer} Data.Action - Edit action.
  1852.      * @param {Integer} Data.Subaction - Edit subaction.
  1853.      * @param {Integer} Data.Title - Appointment title.
  1854.      * @param {Integer} Data.Description - Appointment description.
  1855.      * @param {Integer} Data.Location - Appointment location.
  1856.      * @param {Integer} Data.StartYear - Appointment start year.
  1857.      * @param {Integer} Data.StartMonth - Appointment start month.
  1858.      * @param {Integer} Data.StartDay - Appointment start day.
  1859.      * @param {Integer} Data.StartHour - Appointment start hour.
  1860.      * @param {Integer} Data.StartMinute - Appointment start minute.
  1861.      * @param {Integer} Data.EndYear - Appointment end year.
  1862.      * @param {Integer} Data.EndMonth - Appointment end month.
  1863.      * @param {Integer} Data.EndDay - Appointment end day.
  1864.      * @param {Integer} Data.EndHour - Appointment end hour.
  1865.      * @param {Integer} Data.EndMinute - Appointment end minute.
  1866.      * @param {Integer} Data.AllDay - Is appointment an all-day appointment (0|1)?
  1867.      * @description
  1868.      *      This method submits an edit appointment call to the backend and refreshes the view.
  1869.       */
  1870.     TargetNS.EditAppointment = function (Data) {
  1871.         if (Core.Config.Get('Action') === 'AgentAppointmentAgendaOverview') {
  1872.             $('.OverviewControl').addClass('Loading');
  1873.         }
  1875.         Core.AJAX.FunctionCall(
  1876.             Core.Config.Get('CGIHandle'),
  1877.             Data,
  1878.             function (Response) {
  1879.                 if (Response.Success) {
  1880.                     $('#calendar').fullCalendar('refetchEvents');
  1882.                     // Close the dialog
  1883.                     Core.UI.Dialog.CloseDialog($('.Dialog:visible'));
  1885.                     // Reload page if necessary
  1886.                     if (Core.Config.Get('Action') === 'AgentAppointmentAgendaOverview') {
  1887.                         window.location.reload();
  1888.                     }
  1889.                 }
  1890.                 else {
  1891.                     if (Response.Error) {
  1892.                         alert(Response.Error);
  1893.                     }
  1894.                 }
  1895.             }
  1896.         );
  1897.     };
  1899.     /**
  1900.      * @name AgentAppointmentAgendaOverview
  1901.      * @memberof Core.Agent.AppointmentCalendar
  1902.      * @description
  1903.      *      This method initializes functionalities for AgentAppointmentAgentOverview screen.
  1904.      */
  1905.     TargetNS.AgentAppointmentAgendaOverview = function () {
  1906.         var Config = Core.Config.Get('AppointmentAgendaOverview');
  1908.         $('#AppointmentCreateButton').off('click').on('click', function () {
  1909.             Core.Agent.AppointmentCalendar.OpenEditDialog({
  1910.                 Start: $.fullCalendar.moment(Config.Start).add(1, 'hours').startOf('hour'),
  1911.                 End: $.fullCalendar.moment(Config.Start).add(2, 'hours').startOf('hour')
  1912.             });
  1914.             return false;
  1915.         });
  1916.         $('.MasterAction').bind('click', function () {
  1917.             var $MasterActionLink = $(this).find('.MasterActionLink'),
  1918.                 AppointmentID = $MasterActionLink.data('appointmentId');
  1920.             Core.Agent.AppointmentCalendar.OpenEditDialog({
  1921.                 CalEvent: {
  1922.                     id: AppointmentID
  1923.                 }
  1924.             });
  1926.             return false;
  1927.         });
  1928.     }
  1930.     /**
  1931.      * @name AgentAppointmentAgendaOverview
  1932.      * @memberof Core.Agent.AppointmentCalendar
  1933.      * @description
  1934.      *      This method initializes functionalities for AgentAppointmentEdit screen.
  1935.      */
  1936.     TargetNS.AgentAppointmentEdit = function () {
  1937.         Core.Form.Validate.Init();
  1938.         TargetNS.LocationLinkInit($('#Location'), $('.LocationLink'));
  1939.         TargetNS.AllDayInit($('#AllDay'));
  1940.         TargetNS.RecurringInit({
  1941.             $Recurring: $('#Recurring'),
  1942.             $RecurrenceType: $('#RecurrenceType'),
  1943.             $RecurrenceCustomType: $('#RecurrenceCustomType'),
  1944.             $RecurrenceCustomTypeStringDiv: $('#RecurrenceCustomTypeStringDiv'),
  1945.             $RecurrenceIntervalText: $('#RecurrenceIntervalText'),
  1946.             $RecurrenceCustomWeeklyDiv: $('#RecurrenceCustomWeeklyDiv'),
  1947.             $RecurrenceCustomMonthlyDiv: $('#RecurrenceCustomMonthlyDiv'),
  1948.             $RecurrenceCustomYearlyDiv: $('#RecurrenceCustomYearlyDiv'),
  1949.             $RecurrenceLimitDiv: $('#RecurrenceLimitDiv'),
  1950.             $RecurrenceLimit: $('#RecurrenceLimit'),
  1951.             $RecurrenceUntilDiv: $('#RecurrenceUntilDiv'),
  1952.             $RecurrenceUntilDay: $('#RecurrenceUntilDay'),
  1953.             $RecurrenceCountDiv: $('#RecurrenceCountDiv')
  1954.         });
  1955.         TargetNS.NotificationInit({
  1956.             $NotificationTemplate: $('#NotificationTemplate'),
  1957.             $NotificationCustomStringDiv: $('#NotificationCustomStringDiv'),
  1958.             $NotificationCustomRelativeInput: $('#NotificationCustomRelativeInput'),
  1959.             $NotificationCustomRelativeUnitCount: $('#NotificationCustomRelativeUnitCount'),
  1960.             $NotificationCustomRelativeUnit: $('#NotificationCustomRelativeUnit'),
  1961.             $NotificationCustomRelativePointOfTime: $('#NotificationCustomRelativePointOfTime'),
  1962.             $NotificationCustomDateTimeInput: $('#NotificationCustomDateTimeInput'),
  1963.             $NotificationCustomDateTimeDay: $('#NotificationCustomDateTimeDay'),
  1964.             $NotificationCustomDateTimeMonth: $('#NotificationCustomDateTimeMonth'),
  1965.             $NotificationCustomDateTimeYear: $('#NotificationCustomDateTimeYear'),
  1966.             $NotificationCustomDateTimeHour: $('#NotificationCustomDateTimeHour'),
  1967.             $NotificationCustomDateTimeMinute: $('#NotificationCustomDateTimeMinute')
  1968.         });
  1969.         TargetNS.TeamInit($('#TeamID'), $('#ResourceID'), $('label[for="TeamID"] + div.Field p.ReadOnlyValue'), $('label[for="ResourceID"] + div.Field p.ReadOnlyValue'));
  1971.         if (Core.Config.Get('CalendarPermissionLevel') > 1) {
  1972.             TargetNS.PluginInit($('.PluginField'), $('#ChallengeToken').val());
  1973.         }
  1975.         Core.Form.Validate.SetSubmitFunction($('#EditAppointmentForm'), function (Form) {
  1976.             var Data = new Object(),
  1977.                 Days = new Array(),
  1978.                 MonthDays = new Array(),
  1979.                 Months = new Array();
  1981.             // serialize days
  1982.             $("#RecurrenceCustomWeeklyDiv button.fc-state-active").each(function(){
  1983.                 Days.push($(this).val());
  1984.             });
  1985.             $("input#Days").val(Days.join());
  1987.             // serialize month days
  1988.             $("#RecurrenceCustomMonthlyDiv button.fc-state-active").each(function(){
  1989.                 MonthDays.push($(this).val());
  1990.             });
  1991.             $("input#MonthDays").val(MonthDays.join());
  1993.             // serialize months
  1994.             $("#RecurrenceCustomYearlyDiv button.fc-state-active").each(function(){
  1995.                 Months.push($(this).val());
  1996.             });
  1997.             $("input#Months").val(Months.join());
  1999.             $(Form).find('input,textarea,select').each(function (Index, Element) {
  2000.                 if (Element.type == 'checkbox') {
  2001.                     Data[Element.id] = $(Element).prop('checked') ? '1' : '0';
  2002.                 } else {
  2003.                     Data[Element.id] = $(Element).val();
  2004.                 }
  2005.             });
  2007.             TargetNS.ShowWaitingDialog();
  2008.             TargetNS.EditAppointment(Data);
  2009.         });
  2011.         $(".ButtonTable button").on("click", function() {
  2012.             $(this).toggleClass("fc-state-active");
  2013.         });
  2015.         // Duplicate appointment
  2016.         $('#EditFormCopy').on('click', function() {
  2017.             // Reset AppointmentID, remove Copy & Delete buttons
  2018.             $("#EditAppointmentForm input#AppointmentID").val("");
  2019.             $('#EditAppointmentForm').submit();
  2020.         });
  2022.         // Save the appointment
  2023.         $('#EditFormSubmit').on('click', function() {
  2024.             $('#EditAppointmentForm').submit();
  2025.         });
  2027.         // Delete the appointment
  2028.         if (Core.Config.Get('EditAppointmentID')) {
  2029.             $('#EditFormDelete').on('click', function() {
  2030.                 if (window.confirm(Core.Language.Translate('Are you sure you want to delete this appointment? This operation cannot be undone.'))) {
  2031.                     Core.Agent.AppointmentCalendar.ShowWaitingDialog();
  2032.                     Core.Agent.AppointmentCalendar.EditAppointment({
  2033.                         AppointmentID: Core.Config.Get('EditAppointmentID'),
  2034.                         Action: 'AgentAppointmentEdit',
  2035.                         Subaction: 'DeleteAppointment'
  2036.                     });
  2037.                 }
  2038.             });
  2039.         }
  2041.         // Edit parent appointment
  2042.         if (Core.Config.Get('EditParentID')) {
  2043.             $('#EditParent').on('click', function() {
  2044.                 var Data = {
  2045.                     ChallengeToken: $("#ChallengeToken").val(),
  2046.                     Action: 'AgentAppointmentEdit',
  2047.                     Subaction: 'EditMask',
  2048.                     AppointmentID: Core.Config.Get('EditParentID')
  2049.                 };
  2051.                 Core.Agent.AppointmentCalendar.ShowWaitingDialog();
  2052.                 Core.AJAX.FunctionCall(
  2053.                     Core.Config.Get('CGIHandle'),
  2054.                     Data,
  2055.                     function (HTML) {
  2056.                         Core.UI.Dialog.ShowContentDialog(HTML, Core.Language.Translate('Appointment'), '10px', 'Center', true, undefined, true);
  2057.                         Core.UI.InputFields.Activate($('.Dialog:visible'));
  2058.                         TargetNS.AgentAppointmentEdit();
  2059.                     }, 'html'
  2060.                 );
  2061.             });
  2062.         }
  2064.         // Close the dialog
  2065.         $('#EditFormCancel').on('click', function() {
  2066.             Core.UI.Dialog.CloseDialog($('.Dialog:visible'));
  2067.         });
  2069.         // Initialize datepicker buttons.
  2070.         if (Core.Config.Get('CalendarPermissionLevel') > 2) {
  2071.             $.each(['Start', 'End', 'RecurrenceUntil', 'NotificationCustomDateTime'], function (Index, Prefix) {
  2072.                 Core.UI.Datepicker.Init({
  2073.                     Day: $('#' + Core.App.EscapeSelector(Prefix) + 'Day'),
  2074.                     Month: $('#' + Core.App.EscapeSelector(Prefix) + 'Month'),
  2075.                     Year: $('#' + Core.App.EscapeSelector(Prefix) + 'Year'),
  2076.                     Hour: $('#' + Core.App.EscapeSelector(Prefix) + 'Hour'),
  2077.                     Minute: $('#' + Core.App.EscapeSelector(Prefix) + 'Minute'),
  2078.                     WeekDayStart: Core.Config.Get('CalendarWeekDayStart')
  2079.                 });
  2080.             });
  2081.         }
  2082.     }
  2084.     Core.Init.RegisterNamespace(TargetNS, 'APP_MODULE');
  2086.     return TargetNS;
  2087. }(Core.Agent.AppointmentCalendar || {}));

^ Use Elevator