0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

allow for vertical scrolling of calendar (pan and zoom)

Browse source
This commit is contained in:
rolux 2011-05-27 11:45:49 +02:00
parent acef6a822a
commit 52310babe8
1 changed files with 27 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
source/Ox.UI/js/Calendar/Ox.Calendar.js
View file

@ -73,6 +73,12 @@ Ox.Calendar = function(options, self) {
key_shift_0: function() {
zoomToSelected();
},
key_shift_down: function() {
scrollTo(1000000, true);
},
key_shift_up: function() {
scrollTo(0, true);
},
key_up: function() {
scrollBy(-1);
}
@ -639,6 +645,14 @@ Ox.Calendar = function(options, self) {
return event;
}
function getSelectedEventElement() {
var $element = null;
if (self.options.selected !== '') {
$element = getEventElementById(self.options.selected);
}
return $element;
}
function getBackgroundElements(zoom) {
// fixme: duplicated
var $elements = [],
@ -760,7 +774,7 @@ Ox.Calendar = function(options, self) {
panTo(new Date(+self.options.date + ms));
}
function panTo(date) {
function panTo(date, line) {
var delta = (date - self.options.date) / 1000 * getPixelsPerSecond(),
// 250 ms for half the width of the visible area
ms = 250 * Math.min(Math.abs(delta) / (self.$content.width() / 2), 1);
@ -779,11 +793,15 @@ Ox.Calendar = function(options, self) {
self.$scrollbar.animate({
marginLeft: -delta / getScrollbarFactor() + 'px'
}, ms);
if (!Ox.isUndefined(line)) {
scrollTo(line * 16 + 8 - self.$container.height() / 2, true);
}
};
function panToSelected() {
if (self.options.selected !== '') {
panTo(getEventCenter(getSelectedEvent()));
var line = getSelectedEventElement().data('line');
panTo(getEventCenter(getSelectedEvent()), line);
}
}
@ -864,8 +882,11 @@ Ox.Calendar = function(options, self) {
// sort events by start, ascending
return a.startTime - b.startTime;
}).forEach(function(event) {
overlaps(event, calendarEvent) &&
getEventElement(event).appendTo($line);
if (overlaps(event, calendarEvent)) {
getEventElement(event)
.data({line: line})
.appendTo($line);
}
});
});
}
@ -977,12 +998,8 @@ Ox.Calendar = function(options, self) {
var event = getSelectedEvent(),
eventDuration = getEventDuration(event),
zoom = getZoom();
if (zoom == self.options.zoom) {
panToSelected();
} else {
self.options.date = getEventCenter(event);
zoomTo(zoom);
}
zoom != self.options.zoom && zoomTo(zoom);
panToSelected();
}
function getZoom() {
var zoom;