juggy / sprout-calendar

Calendar for sproutcore client framework

This URL has Read+Write access

sprout-calendar / calendar / week.js
100644 108 lines (85 sloc) 2.614 kb
raw blame history 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108

// ==========================================================================
// SCal.CalendarWeekView
// ==========================================================================
 
require('core');
 
/** @class
 
  (Document Your View Here)
 
  @extends SC.View
  @author AuthorName
  @version 0.1
*/
 
SCal.ONE_WEEK_DAYS = 7;
SCal.ONE_WEEK = SCal.ONE_DAY * SCal.ONE_WEEK_DAYS;
 
SCal.CalendarWeekView = SC.View.extend( SC.Control,
/** @scope SCal.CalendarWeekView.prototype */ {
 
  emptyElement: '<div class="calendar-week"></div>',
 
	/*
	Height and width of one day
	*/
	daySize: 26,
 
	monthWeek: -1,
	/*
	The current month showing
	*/	
	currentMonth: function(){
		return this.get('content').getMonth();
	}.property('content'),
 
	weekStart : function(){
		return this._setDateOnWeekStart(new Date(this.get('content')))
	}.property('content'),
 
	//private
	init : function(){
		sc_super();
		this._dayViewPool= [];
	},
 
	_topWeekObserver : function(){
		this.setClassName('top-week', (this.get('monthWeek') == 0));
	}.observes('monthWeek'),
 
	_standaloneObserver : function(){
		this.setClassName('standalone', (this.get('monthWeek') == -1));
	}.observes('monthWeek'),
 
	_setDateOnWeekStart: function(date){
		date.setTime(date.getTime() - (date.getDay() * SCal.ONE_DAY));
		return date;
	},
	/*
	Used to reframe when daySize changed
	*/
	reframe: function(){
		size = this.get('daySize');
		var f;
		for(i = 0; i < this._dayViewPool.length; i++){
			//reframe the days
			var day = this._dayViewPool[i];
			f = { x: size * i, y: 0, width: size, height: size };
			day.viewFrameWillChange() ;
			day.set('frame', f);
			day.viewFrameDidChange() ;
		}
		//set week width/height
    this.viewFrameWillChange() ;
 
		f = this.get('frame');
		f.width = size * this._dayViewPool.length;
		f.height = size;
		this.set('frame', f);
 
		this.viewFrameDidChange() ;
	}.observes('daySize'),
 
	_updateDays : function() {
		var view;
		var weekStart = this.get('weekStart');
		for(var i = 0; i < SCal.ONE_WEEK_DAYS; i++){
			view =  (this._dayViewPool.length > i) 
								? this._dayViewPool[i]
								: this.invokeDelegateMethod(this.displayDelegate, "createDayViewDelegate");
			this.appendChild(view);
 
			view.set('currentMonth', this.get('currentMonth'));
			view.set('content', new Date(weekStart.getTime() + (i * SCal.ONE_DAY)));
 
			if (this._dayViewPool.length == i) this._dayViewPool.push(view);
		}
 
		this.reframe();
	}.observes('content'),
 
	//Delegate support
	createDayViewDelegate : function(){
		return SCal.CalendarDayView.create({owner: this, displayDelegate: this.displayDelegate });
	}
 
}) ;