Context Navigation

source: trunk/prototype/modules/calendar/js/init.js @ 5752

Revision 5752, 13.2 KB checked in by acoutinho, 12 years ago (diff)
Ticket #2434 - Correcao na edicao de repeticao com n repeticoes
Property svn:executable set to ``*

Line
1	$(document).ready(function() {
2	refresh_calendars();
3	$tabs = $('#tabs').tabs({
4	add: function( event, ui ) {
5	Calendar.lastView = $tabs.tabs('option' ,'selected');
6	$('#tabs .events-list-win.active').removeClass('active');
7	$tabs.tabs('select', '#' + ui.panel.id);
8	},
9	remove: function( event, ui ) {
10	$tabs.tabs('select', Calendar.lastView);
11	},
12	show: function( event, ui ){
13	delete Calendar.currentViewKey;
14	$('#calendar').fullCalendar('refetchEvents');
15	}
16	})
17	.tabs('option', 'tabTemplate', "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Remove Tab</span></li>" );
18
19	/**
20	* Make a button to close the tab
21	*/
22	$tabs.find( "span.ui-icon-close" ).live( "click", function() {
23	var index = $( "li", $tabs ).index( $( this ).parent() );
24	if($tabs.tabs('option' ,'selected') == index){
25	if($tabs.tabs("length") == 2 && Calendar.lastView != 1)
26	$tabs.tabs( "select", 0);
27	$tabs.tabs( "select", Calendar.lastView);
28	}
29	if($tabs.tabs('option' ,'selected') == 0 \|\| $tabs.tabs('option' ,'selected') == 1)
30	Calendar.lastView = $tabs.tabs('option' ,'selected');
31	if(index != -1)
32	$tabs.tabs( "remove", index );
33
34
35	});
36	$('.button.config-menu').button({
37	icons: {
38	primary: "ui-icon-gear",
39	secondary: "ui-icon-triangle-1-s"
40	},
41	text: false
42	});
43	$('.button.add').button({
44	icons: {
45	secondary: "ui-icon-plus"
46	}
47	})
48
49	var miniCalendar = $('.block-vertical-toolbox .mini-calendar').datepicker({
50	dateFormat: 'yy-m-d',
51	//dateFormat: 'DD, d MM, yy',
52	//inline: true,
53	firstDay: dateCalendar.dayOfWeek[User.preferences.weekStart],
54	onSelect: function(dateText, inst)
55	{
56	$tabs.tabs("select", "#calendar");
57	var toDate = $('.block-vertical-toolbox .mini-calendar').datepicker("getDate").toString('yyyy-MM-dd').split('-');
58	$('#calendar').fullCalendar('gotoDate', toDate[0], parseInt(toDate[1]-1), toDate[2] );
59	$('#calendar').fullCalendar( 'changeView', 'agendaDay' );
60	}
61	})
62	.find('.ui-icon-circle-triangle-e').removeClass('ui-icon-circle-triangle-e').addClass('ui-icon-triangle-1-e').end()
63	.find('.ui-icon-circle-triangle-w').removeClass('ui-icon-circle-triangle-w').addClass('ui-icon-triangle-1-w');
64
65	//Onclick do mês
66	$('.ui-datepicker-title .ui-datepicker-month').live('click',function(){
67	$tabs.tabs("select", "#calendar");
68	$('#calendar').fullCalendar('gotoDate',$(this).siblings('span').html(), Date.getMonthNumberFromName($(this).html() == 'Março' ? 'Mar' : $(this).html()),'01');
69	$('#calendar').fullCalendar( 'changeView', 'month');
70	});
71	//Onclick do ano
72	$('.ui-datepicker-title .ui-datepicker-year').live('click',function(){
73	$tabs.tabs("select", "#calendar");
74	$('#calendar').fullCalendar('gotoDate',$(this).html(), '0', '01');
75	$('.fc-button-year').click();
76	});
77
78	//Onclick em um dia do calendário anual
79	$( ".fc-day-number" ).live( "click", function() {
80
81	var date = $(this).parents('[class*="fc-day-"]').attr('class').match(/fc-day-(\d{4})-(\d{2})-(\d{2})/);
82
83	if (date) date.shift();
84	else return false;
85
86	$('#calendar').fullCalendar('gotoDate',date[0],date[1]-1,date[2]);
87	$('#calendar').fullCalendar( 'changeView', 'agendaDay' );
88	});
89
90	$('.main-search input.search').keydown(function(event){
91	if(event.keyCode == 13) {
92	Encoder.EncodeType = "entity";
93	//$(this).val($(this).val());
94
95	add_events_list($(this).val());
96	$(this).val('');
97	}
98	});
99
100	//efetua pesquisas pelo click na lupa de pesquisa
101	$('.main-search span.ui-icon-search').click(function(event){
102	add_events_list($(this).parent().find('input.search').val());
103	$(this).parent().find('input.search').val();
104	});
105
106	$('.block-horizontal-toolbox .main-config-menu').menu({
107	content: $('.main-config-menu-content').html(),
108	positionOpts: {
109	posX: 'left',
110	posY: 'bottom',
111	offsetX: -140,
112	offsetY: 0,
113	directionH: 'right',
114	directionV: 'down',
115	detectH: true, // do horizontal collision detection
116	detectV: true, // do vertical collision detection
117	linkToFront: false
118	},
119	flyOut: true,
120	showSpeed: 100,
121	crumbDefaultText: '>'
122	});
123
124	$('#trash').droppable({
125	drop: function(event, ui){
126	// calendar.fullCalendar( 'removeEvents', ui.draggable.attr('event-id') );
127	DataLayer.remove( "event", ui.draggable.attr('event-id') );
128	$(this).switchClass('empty','full');
129	},
130	tolerance: "touch"
131	});
132
133	/* initialize the calendar
134	-----------------------------------------------------------------*/
135	$(".button.add.add-event").click(function(event){
136	var startEvent = new Date();
137	if(startEvent.toString('mm') < 30)
138	startEvent.add({minutes: (30 - parseInt(startEvent.toString('mm')))});
139	else
140	startEvent.add({hours: 1, minutes: '-'+startEvent.toString('mm')});
141	var endEvent = function(date){
142	if(!!User.preferences.defaultCalendar){
143	return parseInt(date.getTime()) +
144	( !!Calendar.signatureOf[User.preferences.defaultCalendar].calendar.defaultDuration ?
145	(Calendar.signatureOf[User.preferences.defaultCalendar].calendar.defaultDuration * 60000) :
146	(User.preferences.defaultDuration * 60000)
147	);
148	}else
149	return parseInt(date.getTime()) + (User.preferences.defaultDuration * 60000);
150	};
151
152	eventDetails({
153	startTime: startEvent.getTime(),
154	endTime: endEvent(startEvent)
155	}, true );
156	});
157
158	var calendar = $('#calendar').fullCalendar(DataLayer.merge({
159
160	defaultView: User.preferences.defaultCalView,
161	timeFormat: User.preferences.hourFormat,
162	axisFormat: User.preferences.hourFormat,
163	eventSources: Calendar.sources,
164
165	header: {
166	left: 'prev,next today,basicWeek,basicDay',
167	center: 'title',
168	right: 'agendaDay,agendaWeek,month,year'
169	},
170	firstHour: dateCalendar.getShortestTime(User.preferences.defaultStartHour ? User.preferences.defaultStartHour : '6'),
171	firstDay: dateCalendar.dayOfWeek[User.preferences.weekStart],
172	editable: true,
173	selectable: true,
174	selectHelper: true,
175	droppable: true, // this allows things to be dropped onto the calendar !!!
176	timeFormat: {
177	agenda: 'HH:mm{ - HH:mm}',
178	'': 'HH:mm{ - HH:mm} }'
179	},
180	titleFormat: {
181	month: 'MMMM yyyy',
182	week: "dd[ yyyy] { 'a'[ MMM] dd 'de' MMMM '-' yyyy}",
183	day: 'dddd, dd MMM , yyyy'
184	},
185	columnFormat:{
186	month: 'ddd',
187	week: 'ddd dd/MM',
188	day: 'dddd dd/MM'
189	},
190
191	allDayText: 'Dia todo',
192	buttonText: {
193	today: 'hoje',
194	month: 'mês',
195	week: 'semana',
196	day: 'dia',
197	year: 'ano'
198	},
199	/*
200	eventRender: function( event, element, view ){
201	$(element).attr( 'event-id', event.id );
202	},
203	*/
204	select: function( start, end, allDay, event, view ){
205	if (view.name == "month") {
206	if (User.preferences.defaultStartHour) {
207	_start = User.preferences.defaultStartHour;
208
209	if (_start.length > 4)
210	_start = _start.trim().substring(0,5); // remove o am/pm
211
212	_start = _start.split(":");
213	start.setHours(_start[0]);
214	start.setMinutes(_start[1]);
215	}
216
217	if (User.preferences.defaultEndHour) {
218	_end = User.preferences.defaultEndHour;
219	if (_end.length > 4)
220	_end = _end.trim().substring(0,5); // remove o am/pm
221
222	_end = _end.split(":");
223	end.setHours(_end[0]);
224	end.setMinutes(_end[1]);
225	}
226	} // END if (view.name == "month")
227
228	eventDetails( { 'start': start,
229	'end': end,
230	'allDay': allDay } );
231	},
232
233	eventDrop: function( evt, event, view ){
234	evt.id = evt.id.split('-')[0];
235	if(!evt.disableDragging){
236
237	if(evt.isRepeat){
238	var schedulable = copyAndMoveTo(false , evt.id , false, "3", evt);
239
240	var repeat = mount_exception(evt.id, evt.occurrence);
241	DataLayer.remove('repeat', false);
242	DataLayer.put('repeat', repeat);
243	DataLayer.commit('repeat', false, function(data){
244
245	DataLayer.remove('schedulable', repeat.schedulable, false);
246	DataLayer.put('schedulable', schedulable);
247
248	});
249
250	}else{
251	DataLayer.put( "schedulable:calendar", evt );
252
253	event.editable = false;
254	event.className = "blocked-event";
255	calendar.fullCalendar( 'updateEvent', evt );
256	}
257
258	}else
259	Calendar.rerenderView(true);
260	},
261
262	eventResize: function( evt, event, view ){
263	evt.id = evt.id.split('-')[0];
264	if(!evt.disableDragging){
265	if(evt.isRepeat){
266	var schedulable = copyAndMoveTo(false , evt.id , false, "3", evt);
267
268	//Normaliza a data para o backend
269	schedulable.startTime = new Date(parseInt(schedulable.startTime)).toString('yyyy-MM-dd hh:mm:00');
270	schedulable.endTime = new Date(parseInt(schedulable.endTime)).toString('yyyy-MM-dd hh:mm:00');
271
272	var repeat = mount_exception(evt.id, evt.occurrence);
273
274	DataLayer.remove('repeat', false);
275	DataLayer.put('repeat', repeat);
276	DataLayer.commit('repeat', false, function(data){
277
278	DataLayer.remove('schedulable', repeat.schedulable, false);
279	DataLayer.put('schedulable', schedulable);
280
281	});
282	}else{
283	DataLayer.put( "schedulable:calendar", evt );
284	evt.editable = false;
285	evt.className = "blocked-event";
286	calendar.fullCalendar( 'updateEvent', evt );
287	}
288
289	}else
290	Calendar.rerenderView(true);
291	},
292
293	eventClick: function( evt, event, view ){
294	evt.id = evt.id.split('-')[0];
295	if(evt.selectable){
296	if(evt.isRepeat){
297	$.Zebra_Dialog(evt.title + ' é um evento com repetição.', {
298	'type': 'question',
299	'overlay_opacity': '0.5',
300	'buttons': ['Editar todas ocorrências', 'Editar essa ocorrência'],
301	'onClose': function(clicked) {
302	if(clicked == 'Editar todas ocorrências') {
303	eventDetails( DataLayer.get( "schedulable", evt.id), true);
304	}else{
305	/*
306	* TODO - repeat foi adicionado pois melhorias devem ser feitas no rollback do
307	*DataLayer, repeat somente é usado quando se trata da criação de um evento
308	*pela edição de uma ocorrência.
309	*/
310	var repeat = mount_exception(evt.id, evt.occurrence);
311
312	$('.calendar-copy-move input[name="typeEvent"]').val("3");
313
314	eventDetails(copyAndMoveTo(false , evt.id , false, "3", evt), true, '', false, repeat);
315	}
316	}
317	});
318
319	}else
320	eventDetails( DataLayer.get( "schedulable", evt.id), true);
321
322	}
323	}
324	}, dateCalendar));
325
326	contentMenu();
327
328	$('body').click(function(){
329	$('#context-menu-event').html('');
330	});
331
332	if($(window).height() < $('body').height()){
333	var hei = $('body').height() - $(window).height();
334	hei = $('#divAppbox').height() - hei;
335	$('#divAppbox').css('max-height', hei);
336	$('#divAppbox').css('min-height', hei);
337	$('body').css('overflow-y','hidden');
338	delete hei;
339	}
340
341	$(window).resize(function(){
342	$('#divAppbox').css('max-height', $(window).height() - 104);
343	$('#divAppbox').css('min-height', $(window).height() - 104);
344	$('#divAppbox').css('overflow-x', 'auto');
345	$('#divAppbox').css('overflow-y', 'scroll');
346	});
347	//Todo chamada do metodo que adiciona ao full calendar o botao de listagem de eventos
348	//listEvents();
349	});

Note: See TracBrowser for help on using the repository browser.

Download in other formats: