128 lines
6.6 KiB
JavaScript
128 lines
6.6 KiB
JavaScript
"use strict";
|
|
(function () {
|
|
'use strict';
|
|
angular.module('changeModule')
|
|
.directive('calendarMonthView', ['$timeout', '$log', '$locale', '$rootScope', 'events',
|
|
function ($timeout, $log, $locale, $rootScope, events) {
|
|
return {
|
|
restrict: 'E',
|
|
templateUrl: 'views/change/calendar-month-view.html',
|
|
require: '^calendar',
|
|
scope: {
|
|
id: '@',
|
|
viewType: '@'
|
|
},
|
|
link: function (scope, element, attrs, calendarCtrl) {
|
|
var calendar = scope[scope.id], localeCulture = $locale.culture;
|
|
//if locale is not supported in DayPilot default to 'en-us'
|
|
localeCulture = !DayPilot.Locale.find(localeCulture) ? 'en-us' : localeCulture;
|
|
scope.model = calendarCtrl.model;
|
|
scope.config = {
|
|
heightSpec: 'Full',
|
|
theme: 'monthview',
|
|
cssClassPrefix: 'monthview',
|
|
weekStarts: 0,
|
|
viewType: scope.viewType,
|
|
weeks: 1,
|
|
sortDirections: ['asc'],
|
|
locale: localeCulture,
|
|
showToolTip: true,
|
|
onBeforeHeaderRender: function (args) {
|
|
args.header.html = moment(args.header.dayOfWeek, "d").format("dddd");
|
|
},
|
|
onTimeRangeSelected: function (args) {
|
|
if (calendar.timeRangeSelectedHandling !== calendarCtrl.handling.select.disabled) {
|
|
calendar.clearSelection();
|
|
scope.model.context.scheduledStartDate = args.start.toDateLocal();
|
|
scope.model.context.scheduledEndDate = args.end.toDateLocal();
|
|
scope.$apply();
|
|
}
|
|
},
|
|
onEventMove: function (args) {
|
|
if (args.e.resource() !== scope.model.currentRequestResourceId) {
|
|
args.preventDefault();
|
|
}
|
|
},
|
|
onEventMoved: function (args) {
|
|
scope.model.context.scheduledStartDate = args.newStart.toDateLocal();
|
|
scope.model.context.scheduledEndDate = args.newEnd.toDateLocal();
|
|
scope.$apply();
|
|
},
|
|
onEventResize: function (args) {
|
|
if (args.e.resource() !== scope.model.currentRequestResourceId) {
|
|
args.preventDefault();
|
|
}
|
|
},
|
|
onEventResized: function (args) {
|
|
scope.model.context.scheduledStartDate = args.newStart.toDateLocal();
|
|
scope.model.context.scheduledEndDate = args.newEnd.toDateLocal();
|
|
scope.$apply();
|
|
},
|
|
onEventClicked: calendarCtrl.onEventClicked
|
|
};
|
|
scope.$watch('model.showWeekends', function () {
|
|
calendar.showWeekend = scope.model.showWeekends;
|
|
updateMonthView();
|
|
});
|
|
scope.$watch('model.context.scheduledStartDate', function () {
|
|
enqueueRescheduleChangeRequest();
|
|
});
|
|
scope.$watch('model.context.scheduledEndDate', function () {
|
|
enqueueRescheduleChangeRequest();
|
|
});
|
|
scope.$watch('model.context', function () {
|
|
calendarCtrl.updateCalendarHandling(calendar);
|
|
}, true);
|
|
scope.$watch('model.collisions', function () {
|
|
displayCollisions();
|
|
}, true);
|
|
scope.$watch('model.calendarTypes', function () {
|
|
displayCollisions();
|
|
}, true);
|
|
var off = $rootScope.$on(events.CHANGE_COLLISION_STATUS_CHANGED, function (event, addressedCollisions) {
|
|
calendarCtrl.applyAddressedCollisions(addressedCollisions);
|
|
displayCollisions();
|
|
});
|
|
scope.$on('$destroy', function () {
|
|
off();
|
|
});
|
|
function displayCollisions() {
|
|
calendarCtrl.displayCollisions({
|
|
calendar: calendar,
|
|
resources: scope.config.resources,
|
|
changeCollisionCss: 'monthview_event_collision',
|
|
changeNonCollisionCss: 'monthview_event_secondary',
|
|
outageCollisionCss: 'monthview_event_outage_collision',
|
|
outageNonCollisionCss: 'monthview_event_outage_secondary',
|
|
businessEventCollisionCss: 'monthview_event_business_event_collision',
|
|
businessEventNonCollisionCss: 'monthview_event_business_event_secondary',
|
|
updateCalendar: updateMonthView
|
|
});
|
|
}
|
|
function enqueueRescheduleChangeRequest() {
|
|
$timeout(function () {
|
|
rescheduleChangeRequest(scope.model.context.scheduledStartDate, scope.model.context.scheduledEndDate);
|
|
});
|
|
}
|
|
function rescheduleChangeRequest(start, end) {
|
|
if (calendarCtrl.rescheduleChangeRequest(calendar, start, end)) {
|
|
updateMonthView();
|
|
}
|
|
}
|
|
function updateMonthView() {
|
|
var start = scope.model.context.scheduledStartDate;
|
|
var end = scope.model.context.scheduledEndDate;
|
|
$log.log("update month view: start=" + start + ", end=" + end);
|
|
if (!start) {
|
|
start = new Date();
|
|
}
|
|
calendar.startDate = new DayPilot.Date(start, true);
|
|
calendar.update();
|
|
}
|
|
updateMonthView();
|
|
}
|
|
};
|
|
}
|
|
]);
|
|
})();
|