2
This software is allowed to use under GPL or you need to obtain Commercial or Enterise License
3
to use it in non-GPL project. Please contact sales@dhtmlx.com for details
6
scheduler.xy.week_agenda_scale_height = 20;
7
scheduler.templates.week_agenda_event_text = function(start_date, end_date, event, date) {
8
return scheduler.templates.event_date(start_date) + " " + event.text;
10
scheduler.date.week_agenda_start = scheduler.date.week_start;
11
scheduler.date.week_agenda_end = function(date) {
12
return scheduler.date.add(date, 7, "day");
14
scheduler.date.add_week_agenda = function(date, inc) {
15
return scheduler.date.add(date, inc * 7, "day");
18
scheduler.attachEvent("onSchedulerReady", function() {
19
var t = scheduler.templates;
20
if (!t.week_agenda_date)
21
t.week_agenda_date = t.week_date;
25
var scale_date_format = scheduler.date.date_to_str("%l, %F %d");
26
scheduler.templates.week_agenda_scale_date = function(date) {
27
return scale_date_format(date);
31
scheduler.attachEvent("onTemplatesReady", function() {
33
scheduler.attachEvent("onSchedulerResize", function() {
34
if (this._mode == "week_agenda") {
35
this.week_agenda_view(true);
41
var old = scheduler.render_data;
42
scheduler.render_data = function(evs) {
43
if (this._mode == "week_agenda") {
44
scheduler.week_agenda_view(true);
46
return old.apply(this, arguments);
49
var getColumnSizes = function() {
52
var twidth = parseInt(scheduler._els['dhx_cal_data'][0].style.width);
53
scheduler._cols.push(Math.floor(twidth / 2));
54
scheduler._cols.push(twidth - scheduler._cols[0] - 1); // To add border between columns
61
var theight = parseInt(scheduler._els['dhx_cal_data'][0].style.height);
62
for (var i = 0; i < 3; i++) {
63
scheduler._colsS[0].push(Math.floor(theight / (3 - scheduler._colsS[0].length)));
64
theight -= scheduler._colsS[0][i];
66
scheduler._colsS[1].push(scheduler._colsS[0][0]);
67
scheduler._colsS[1].push(scheduler._colsS[0][1]);
69
theight = scheduler._colsS[0][scheduler._colsS[0].length - 1];
70
scheduler._colsS[1].push(Math.floor(theight / 2));
71
scheduler._colsS[1].push(theight - scheduler._colsS[1][scheduler._colsS[1].length - 1]);
73
var fillWeekAgendaTab = function() {
75
scheduler._els["dhx_cal_data"][0].innerHTML = '';
76
scheduler._rendered = [];
78
for (var i = 0; i < 2; i++) {
79
var width = scheduler._cols[i];
80
var column_css = 'dhx_wa_column';
82
column_css += ' dhx_wa_column_last';
83
html += "<div class='" + column_css + "' style='width: " + width + "px;'>";
84
for (var k = 0; k < scheduler._colsS[i].length; k++) {
85
var scale_height = scheduler.xy.week_agenda_scale_height - 2;
86
var height = scheduler._colsS[i][k] - scale_height - 2;
87
var day = Math.min(6, k * 2 + i);
88
html += "<div class='dhx_wa_day_cont'><div style='height:" + scale_height + "px; line-height:" + scale_height + "px;' class='dhx_wa_scale_bar'></div><div style='height:" + height + "px;' class='dhx_wa_day_data' day='" + day + "'></div></div>";
92
scheduler._els["dhx_cal_date"][0].innerHTML = scheduler.templates[scheduler._mode + "_date"](scheduler._min_date, scheduler._max_date, scheduler._mode);
93
scheduler._els["dhx_cal_data"][0].innerHTML = html;
94
var all_divs = scheduler._els["dhx_cal_data"][0].getElementsByTagName('div');
96
for (var i = 0; i < all_divs.length; i++) {
97
if (all_divs[i].className == 'dhx_wa_day_cont')
98
day_divs.push(all_divs[i]);
100
scheduler._wa._selected_divs = [];
101
var events = scheduler.get_visible_events(); // list of events to be displayed in current week
102
var tstart = scheduler.date.week_start(scheduler._date);
103
var tend = scheduler.date.add(tstart, 1, "day");
104
for (var i = 0; i < 7; i++) {
105
day_divs[i]._date = tstart;
106
var scale_bar = day_divs[i].childNodes[0];
107
var events_div = day_divs[i].childNodes[1];
108
scale_bar.innerHTML = scheduler.templates.week_agenda_scale_date(tstart);
109
var evs = []; // events which will be displayed in the current day
110
for (var j = 0; j < events.length; j++) {
112
if (tev.start_date < tend && tev.end_date > tstart)
115
evs.sort(function(a, b) {
116
if (a.start_date.valueOf() == b.start_date.valueOf())
117
return a.id > b.id ? 1 : -1;
118
return a.start_date > b.start_date ? 1 : -1;
120
for (var k = 0; k < evs.length; k++) {
122
var ev_div = document.createElement('div');
123
scheduler._rendered.push(ev_div);
124
var ev_class = scheduler.templates.event_class(ev.start_date, ev.end_date, ev);
125
ev_div.className = 'dhx_wa_ev_body' + (ev_class ? (' ' + ev_class) : '');
127
ev_div.style.cssText = ev._text_style;
129
ev_div.style.background = ev.color;
131
ev_div.style.color = ev.textColor;
132
if (scheduler._select_id && ev.id == scheduler._select_id && !(!scheduler.config.week_agenda_select && scheduler.config.week_agenda_select !== undefined)) {
133
ev_div.className += " dhx_cal_event_selected";
134
scheduler._wa._selected_divs.push(ev_div);
139
if (ev.start_date.valueOf() >= tstart.valueOf() && ev.start_date.valueOf() <= tend.valueOf())
141
if (ev.end_date.valueOf() >= tstart.valueOf() && ev.end_date.valueOf() <= tend.valueOf())
144
ev_div.innerHTML = scheduler.templates.week_agenda_event_text(ev.start_date, ev.end_date, ev, tstart, position);
145
ev_div.setAttribute('event_id', ev.id);
146
events_div.appendChild(ev_div);
148
tstart = scheduler.date.add(tstart, 1, "day");
149
tend = scheduler.date.add(tend, 1, "day");
152
scheduler.week_agenda_view = function(mode) {
153
scheduler._min_date = scheduler.date.week_start(scheduler._date);
154
scheduler._max_date = scheduler.date.add(scheduler._min_date, 1, "week");
155
scheduler.set_sizes();
156
if (mode) { // mode enabled
157
scheduler._table_view = scheduler._allow_dnd = true;
159
// hiding default top border from dhx_cal_data
160
scheduler._wa._prev_data_border = scheduler._els['dhx_cal_data'][0].style.borderTop;
161
scheduler._els['dhx_cal_data'][0].style.borderTop = 0;
162
scheduler._els['dhx_cal_data'][0].style.overflowY = 'hidden';
164
// cleaning dhx_cal_date from the previous date
165
scheduler._els['dhx_cal_date'][0].innerHTML = "";
167
// 1 to make navline to be over data
168
scheduler._els['dhx_cal_data'][0].style.top = (parseInt(scheduler._els['dhx_cal_data'][0].style.top) - scheduler.xy.bar_height - 1) + 'px';
169
scheduler._els['dhx_cal_data'][0].style.height = (parseInt(scheduler._els['dhx_cal_data'][0].style.height) + scheduler.xy.bar_height + 1) + 'px';
171
scheduler._els['dhx_cal_header'][0].style.display = 'none';
173
} else { // leaving week_agenda mode
174
scheduler._table_view = scheduler._allow_dnd = false;
176
// restoring default top border to dhx_cal_data
177
if (scheduler._wa._prev_data_border)
178
scheduler._els['dhx_cal_data'][0].style.borderTop = scheduler._wa._prev_data_border;
180
scheduler._els['dhx_cal_data'][0].style.overflowY = 'auto';
181
scheduler._els['dhx_cal_data'][0].style.top = (parseInt(scheduler._els['dhx_cal_data'][0].style.top) + scheduler.xy.bar_height) + 'px';
182
scheduler._els['dhx_cal_data'][0].style.height = (parseInt(scheduler._els['dhx_cal_data'][0].style.height) - scheduler.xy.bar_height) + 'px';
183
scheduler._els['dhx_cal_header'][0].style.display = 'block';
186
scheduler.mouse_week_agenda = function(pos) {
187
var native_event = pos.ev;
188
var src = native_event.srcElement || native_event.target;
189
while (src.parentNode) {
191
var date = src._date;
192
src = src.parentNode;
197
var diff = date.valueOf() - scheduler._min_date.valueOf();
198
pos.y = Math.ceil(( diff / (1000 * 60) ) / this.config.time_step);
199
if (this._drag_mode == 'move') {
200
this._drag_event._dhx_changed = true;
201
this._select_id = this._drag_id;
202
for (var i = 0; i < scheduler._rendered.length; i++) {
203
if (scheduler._drag_id == this._rendered[i].getAttribute('event_id'))
204
var event_div = this._rendered[i];
206
if (!scheduler._wa._dnd) {
207
var div = event_div.cloneNode(true);
209
div.className = event_div.className;
210
div.id = 'dhx_wa_dnd';
211
div.className += ' dhx_wa_dnd';
212
document.body.appendChild(div);
214
var dnd_div = document.getElementById('dhx_wa_dnd');
215
dnd_div.style.top = ((native_event.pageY || native_event.clientY) + 20) + "px";
216
dnd_div.style.left = ((native_event.pageX || native_event.clientX) + 20) + "px";
220
scheduler.attachEvent('onBeforeEventChanged', function(event_object, native_event, is_new) {
221
if (this._mode == 'week_agenda') {
222
if (this._drag_mode == 'move') {
223
var dnd = document.getElementById('dhx_wa_dnd');
224
dnd.parentNode.removeChild(dnd);
225
scheduler._wa._dnd = false;
231
scheduler.attachEvent("onEventSave", function(id, data, is_new_event) {
232
if (is_new_event && this._mode == 'week_agenda')
233
this._select_id = id;
237
scheduler._wa._selected_divs = [];
239
scheduler.attachEvent("onClick", function(event_id, native_event_object) {
240
if (this._mode == 'week_agenda' && !(!scheduler.config.week_agenda_select && scheduler.config.week_agenda_select !== undefined)) {
241
if (scheduler._wa._selected_divs) {
242
for (var i = 0; i < this._wa._selected_divs.length; i++) {
243
var div = this._wa._selected_divs[i];
244
div.className = div.className.replace(/ dhx_cal_event_selected/, '');
247
this.for_rendered(event_id, function(event_div) {
248
event_div.className += " dhx_cal_event_selected";
249
scheduler._wa._selected_divs.push(event_div);
251
scheduler.select(event_id);