source: trunk/prototype/modules/calendar/js/helpers.js @ 8031

Revision 8031, 111.0 KB checked in by angelo, 11 years ago (diff)

Ticket #3398 - Melhoria na exibicao de dados dos eventos criados na agenda

Line 
1function formatBytes(bytes) {
2    if (bytes >= 1000000000) {
3        return (bytes / 1000000000).toFixed(2) + ' GB';
4    }
5    if (bytes >= 1000000) {
6        return (bytes / 1000000).toFixed(2) + ' MB';
7    }
8    if (bytes >= 1000) {
9        return (bytes / 1000).toFixed(2) + ' KB';
10    }
11    return bytes + ' B';
12};
13
14function validDateEvent(){
15       
16        var errors = {
17                'emptyInitData': 'Por favor, informe uma data inicial',
18                'emptyEndData': 'Por favor, informe uma data final',
19                'emptyInitHour': 'Por favor, informe uma hora inicial',
20                'emptyEndHour': 'Por favor, informe uma hora final',
21               
22                'invalidInitData' : 'Data inicial inválida',
23                'invalidEndData' : 'Data final inválida',
24               
25                'equalData' : 'Hora inicial igual a final',
26                'theirData' : 'Data final menor que a inicial',         
27                'theirHour' : 'Hora final menor que a inicial',
28               
29                'emptyOcurrence' : 'Por favor, informe o número de ocorrências',
30                'invalidOcurrence' : 'Por favor, informe um valor válido para a quantidade de ocorrências',
31               
32                'emptyInterval' : 'Por favor, informe o intervalo',
33                'invalidInterval' : 'Por favor informe um valor válido para o intervalo'
34        };
35
36    var start_date = $(".new-event-win.active .start-date").val();
37    var end_date   = $(".new-event-win.active .end-date").val();
38    var start_time = $(".new-event-win.active .start-time").val();
39    var end_time   = $(".new-event-win.active .end-time").val();
40    var isAllDay   = $('.new-event-win.active input[name="allDay"]').is(':checked');
41    var customDate = $(".endRepeat").val() == "customDate";
42    var occurrences = $(".endRepeat").val() == "occurrences";
43    var eventInterval = $('.eventInterval').val();
44   
45    if(start_date == "")
46                return errors['emptyInitData'];
47    else if(end_date == "")
48                return errors['emptyEndData'];
49    else if(!isAllDay && start_time == "")
50                return errors['emptyInitHour'];
51    else if(!isAllDay && end_time == "")
52                return errors['emptyEndHour'];
53       
54    var formatString = User.preferences.dateFormat + " " + User.preferences.hourFormat;
55               
56    var startDate = Date.parseExact( start_date + " " + $.trim(start_time) , formatString );
57    var endDate = Date.parseExact( end_date + " " + $.trim(end_time) , formatString );
58
59    if(startDate == null || startDate.getTime() < 0 )
60                return errors['invalidInitData'];
61    if(endDate == null || endDate.getTime() < 0)
62                return errors['invalidEndData'];
63       
64        if(isAllDay){
65                startDate.clearTime();
66                endDate.clearTime();
67                if(endDate.compareTo(startDate) == -1)
68                        return errors['theirData'];
69        }else{
70                var condition = endDate.compareTo(startDate);
71                if(condition != 1){
72                        if(condition < 0){
73                                startDate.clearTime();
74                                endDate.clearTime();
75                                condition = endDate.compareTo(startDate);                               
76                                return (errors[ condition == 0 ? 'theirHour' : 'theirData'] );
77                        }
78                        else
79                                return errors['equalData'];
80                }
81        }
82   
83    if (customDate)   
84                if ( !($('.new-event-win.active .customDateEnd').val().length) )
85                   return errors['emptyEndData'];
86
87    if (occurrences){
88                if ( !($('.occurrencesEnd').val().length) )
89                   return errors['emptyOcurrence'];
90                else if (parseInt($('.occurrencesEnd').val(),10) <= 0 || parseInt($('.occurrencesEnd').val(),10).toString() == "NaN")
91                   return errors['invalidOcurrence'];
92        }
93
94    if (!($('.new-event-win.active p.input-group.finish_event.repeat-in').hasClass('hidden'))){
95        if (!eventInterval.length)
96            return errors['emptyInterval'];
97        else if (parseInt(eventInterval,10) < 1 || parseInt(eventInterval,10).toString() == "NaN")
98            return errors['invalidInterval'];
99    }   
100    return false;
101}
102
103function printNow(){
104        if($("#calendar").fullCalendar('getView').name == "agendaWeek" || $("#calendar").fullCalendar('getView').name == "basicWeek" || $("#calendar").fullCalendar('getView').name == "year")
105                alert('A tela de impressão será melhor visualizada com a preferência "Paisagem" do seu browser selecionada.');
106               
107        var window_print = window.open('','ExpressoCalendar','width=800,height=600,scrollbars=yes');       
108        window_print.document.open();
109
110        var start = $("#calendar").fullCalendar('getView').visStart.getTime()/1000;
111        var end = $("#calendar").fullCalendar('getView').visEnd.getTime()/1000;
112        var criteria = DataLayer.criteria("schedulable:calendar", {'start':start, 'end':end} );
113
114    var data = DataLayer.encode('schedulable:print', DataLayer.dispatch('modules/calendar/schedules', criteria )  );
115
116        if($("#calendar").fullCalendar('getView').name == "month"){                             
117                window_print.document.write(DataLayer.render('templates/calendar_month_print.ejs', {
118                        'InfoPage' : $("#calendar").fullCalendar('getView').title,
119                        'days' : data
120                } ));
121        }
122        if($("#calendar").fullCalendar('getView').name == "agendaDay" || $("#calendar").fullCalendar('getView').name == "basicDay"){                           
123                window_print.document.write(DataLayer.render('templates/calendar_day_print.ejs', {
124                        'InfoPage' : $("#calendar").fullCalendar('getView').title,
125                        'days' : data
126                } ));
127        }
128        if($("#calendar").fullCalendar('getView').name == "agendaWeek" || $("#calendar").fullCalendar('getView').name == "basicWeek"){
129                window_print.document.write(DataLayer.render('templates/calendar_week_print.ejs', {
130                        'InfoPage' : $("#calendar").fullCalendar('getView').title,
131                        'days' : data
132                }));
133               
134                var aux = 0;
135                setTimeout(function(){$(window_print.document).find(".all-day").each(function(){
136                        if($(this).height() > aux)
137                                aux = $(this).height();
138                });
139                $(window_print.document).find(".all-day").each(function(){
140                        $(this).height(aux);
141                });
142                $(window_print.document).find(".all-day-line .write").height(aux);
143                aux = 0;
144                },20);
145        }
146        if($("#calendar").fullCalendar('getView').name == "year"){     
147                window_print.document.write(DataLayer.render('templates/calendar_year_print.ejs', {
148                        'html' : $('#calendar .fc-content').html(),
149                        'header': $('#calendar').find('.fc-header-center h2').text()
150                } ));
151        }               
152        window_print.document.close();
153        window_print.print();
154}
155
156function printEvents(){
157        //var html = DataLayer.render( path + 'templates/attendee_permissions.ejs', {} );
158        var print = $('.fc-header-right').find('.fc-button.fc-button-year').clone();
159
160        $('.fc-header-right').find('.fc-button-year').toggleClass('fc-corner-right');
161        print.addClass('fc-corner-right');
162        print.addClass('fc-button-print');
163        print.removeClass('fc-button-year');
164        print.removeClass('fc-corner-left');
165        print.removeClass('fc-state-active');
166        print.find('.fc-button-content').html('Imprimir');
167        $('.fc-header-right').append(print);
168        $('.fc-button-print').click(function(){
169            printNow();
170        });
171}
172
173/*
174 * TODO - repeat foi adicionado pois melhorias devem ser feitas no rollback do
175 *DataLayer, repeat somente é usado quando se trata da criação de um evento
176 *pela edição de uma ocorrência.
177 */
178
179function eventDetails( objEvent, decoded, path, isMail, repeat)
180{
181    $('.qtip.qtip-blue').remove();
182
183    attendees = {};
184
185    if(!!objEvent.participants)
186    {
187        $.each(objEvent.participants ,function(index, value) {
188
189            var part = DataLayer.get('participant' , value );
190            var user = DataLayer.get('user' , part.user );
191
192            attendees[part.user] = user.name;
193        });
194    }
195
196    if(path == undefined)
197        path = "";
198       
199       
200    if( !decoded )
201        objEvent = DataLayer.decode("schedulable:calendar", objEvent );
202
203        var dtstamp = objEvent.dtstamp;
204    if(!isMail)
205                objEvent = DataLayer.encode( "schedulable:preview", objEvent );
206        objEvent.creationDate = dateFormat(parseInt(dtstamp),"dd/mm/yyyy");             
207   
208    if(typeof(objEvent.id) == 'undefined'){
209        objEvent.alarms = Calendar.signatureOf[User.preferences.defaultCalendar || Calendar.calendarIds[0]].defaultAlarms || false;
210        objEvent.useAlarmDefault = 1;
211    }
212       
213    /**
214         * canDiscardEventDialog deve ser true se não houver alterações no evento
215         */
216    canDiscardEventDialog = true;
217    /**
218         * zebraDiscardEventDialog é uma flag indicando que uma janela de confirmação (Zebra_Dialog)
219         * já está aberta na tela, uma vez que não é possivel acessar o evento ESC utilizado para fechá-la
220         */
221    zebraDiscardEventDialog = false;
222       
223    /**
224                ACLs do participant
225        */
226    acl_names = {
227        'w': 'acl-white',
228        'i': 'acl-invite-guests',
229        'p': 'acl-participation-required'
230    };
231
232    var dependsDelegate = function(reference, inverse){
233        if(inverse){
234            if(reference.find('input[name="attendee[]"]').val() == blkAddAtendee.find('li.organizer input[name="attendee_organizer"]').val())
235                blkAddAtendee.find('li.organizer input[name="attendee_organizer"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
236        }else{
237            if(blkAddAtendee.find('.me input[name="attendee[]"]').val() == blkAddAtendee.find('li.organizer input[name="attendee_organizer"]').val())
238                blkAddAtendee.find('li.organizer input[name="attendee_organizer"]').val(reference.find('input[name="attendee[]"]').val());
239        }
240       
241    };
242   
243    var removeOthers = function(){
244        var other = blkAddAtendee.find('.delegate.attendee-permissions-change-button');
245        if(other.lenght){
246            dependsDelegate(other.parents('li'), true);
247        }
248        blkAddAtendee.find('.delegate').removeClass('attendee-permissions-change-button');
249        blkAddAtendee.find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change');
250       
251    };
252
253    var callbackAttendee = function(){
254        //Cria qtip de permissões pelo click do checkbox
255        var checked = false;
256        blkAddAtendee.find("li.not-attendee").addClass('hidden');
257       
258        blkAddAtendee.find("li .button").filter(".close.new").button({
259            icons: {
260                primary: "ui-icon-close"
261            },
262            text: false
263        }).click(function () {
264        var participant = DataLayer.get('participant' , $(this).parents('li').find('[type=checkbox]').val());
265        DataLayer.remove('participant', participant.id);
266       
267            if($(this).parent().find('.button.delegate').hasClass('attendee-permissions-change-button')){
268                removeOthers();
269                blkAddAtendee.find('.request-update').addClass('hidden');
270                blkAddAtendee.find('.status option').toggleClass('hidden');
271                               
272                blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
273            }
274                       
275            $(this).parents('li').remove();
276                       
277            if(blkAddAtendee.find(".attendee-list li").length == 1)
278                blkAddAtendee.find("li.not-attendee").removeClass('hidden');
279     delete attendees[participant.user];
280        })
281        .addClass('tiny disable ui-button-disabled ui-state-disabled')
282        .removeClass('new').end()
283       
284        .filter(".delegate.new").button({
285            icons: {
286                primary: "ui-icon-transferthick-e-w"
287            },
288            text: false
289        }).click(function () {
290            var me = $(this).parents('li');
291            if($(this).hasClass('attendee-permissions-change-button')){
292                $(this).removeClass('attendee-permissions-change-button')   
293                    .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
294               
295                me.find('input[name="delegatedFrom[]"]').val('');
296                dependsDelegate(me, true);
297                               
298                blkAddAtendee.find('.request-update').addClass('hidden');
299                blkAddAtendee.find('.status option').toggleClass('hidden');
300
301                blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
302                               
303            }else{
304                removeOthers();
305                       
306                $(this).addClass('attendee-permissions-change-button')   
307                .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
308               
309                me.find('input[name="delegatedFrom[]"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
310               
311                dependsDelegate(me, false);
312                       
313                blkAddAtendee.find('.request-update').removeClass('hidden');
314                if(blkAddAtendee.find('.status option.hidden').length == 1)
315                    blkAddAtendee.find('.status option').toggleClass('hidden');
316                       
317                blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
318            }
319        })
320        .addClass('tiny disable ui-button-disabled ui-state-disabled')
321        .removeClass('new').end()
322               
323        .filter(".edit.new").button({
324            icons: {
325                primary: "ui-icon-key"
326            },
327            text: false
328        }).click(function() {
329                       
330            if(!!!checked)
331                $(this).parents('li').find('[type=checkbox]').attr('checked', (!$(this).parent().find('[type=checkbox]').is(':checked'))).end();
332                       
333            var aclsParticipant =  $(this).parents('li').find('input[name="attendeeAcl[]"]').val();
334            checked = false;
335                       
336            if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
337                blkAddAtendee.find('dd.attendee-list').qtip({
338                    show: {
339                    ready: true,
340            solo: true,
341            when: {
342                    event: 'click'
343                    }
344                },
345                hide: false,
346                content: {
347                text: $('<div></div>').html( DataLayer.render( path + 'templates/attendee_permissions.ejs', {} ) ),
348                title: {
349                text:'Permissões',
350                button: '<a class="button close" href="#">close</a>'
351                }
352                },
353                style: {
354                name: 'blue',
355            tip: {
356                corner: 'leftMiddle'
357                },
358            border: {
359                width: 4,
360            radius: 8
361                },
362            width: {
363                min: 230,
364            max:230
365                }
366            },
367            position: {
368            corner: {
369            target: 'rightMiddle',
370            tooltip: 'leftMiddle'
371            },
372            adjust: {
373            x:0,
374            y:0
375            }
376            }
377            })
378        .qtip("api").onShow = function(arg0) {
379            $('.qtip-active .button.close').button({
380                icons: {
381                    primary: "ui-icon-close"
382                },
383                text: false
384            })
385            .click(function(){
386                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
387            });
388                                       
389            $('.qtip-active .button.save').button().click(function(){
390                                               
391                var acl = '';
392                $('.qtip-active').find('[type=checkbox]:checked').each(function(i, obj) {
393                    acl+= obj.value;
394                });
395
396                blkAddAtendee.find('dd.attendee-list [type=checkbox]:checked').siblings('input[name="attendeeAcl[]"]').each(function(i, obj) {
397                    obj.value = 'r'+acl;
398                }).parents('li').find('.button.edit').addClass('attendee-permissions-change-button')   
399                .find('.ui-icon-key').addClass('attendee-permissions-change');               
400                                               
401                blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
402                                               
403                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
404                                       
405            });
406            $('.qtip-active .button.cancel').button().click(function(){
407                blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
408                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
409            });
410                                       
411            if(aclsParticipant)
412                for(var i = 1; i < aclsParticipant.length; i++){
413                    $('.qtip-active').find('input[name="'+acl_names[aclsParticipant.charAt(i)]+'"]').attr('checked', true);
414                }
415                                                       
416            $('.qtip .button').button();
417                                       
418        };
419        }else{
420            if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
421                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
422            }else{
423                $('.qtip-active .button.save .ui-button-text').html('Aplicar a todos')
424            }
425                       
426        };                     
427    })
428.addClass('tiny disable ui-button-disabled ui-state-disabled')
429.removeClass('new').end()
430               
431.filter(".open-delegate.new").click(function(){
432    if($(this).hasClass('ui-icon-triangle-1-e')){
433        $(this).removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
434        $(this).parents('li').find('.list-delegates').removeClass('hidden');
435    }else{
436        $(this).removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
437        $(this).parents('li').find('.list-delegates').addClass('hidden');
438    }
439               
440}).removeClass('new');
441       
442       
443blkAddAtendee.find("li input[type=checkbox].new").click(function(){
444    if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
445        blkAddAtendee.find('dd.attendee-list').qtip('destroy');
446    }else{
447        checked = true;
448        $(this).parents('li').find('.button.edit').click();
449    }
450}).removeClass('new');
451       
452UI.dialogs.addEvent.find('.attendees-list li').hover(
453    function () {
454        $(this).addClass("hover-attendee");
455        $(this).find('.button').removeClass('disable ui-button-disabled ui-state-disabled').end()
456        .find('.attendee-options').addClass('hover-attendee');
457    },
458    function () {
459        $(this).removeClass("hover-attendee");
460        $(this).find('.button').addClass('disable ui-button-disabled ui-state-disabled').end()
461        .find('.attendee-options').removeClass('hover-attendee');;
462    }
463    );
464       
465               
466}
467
468var html = DataLayer.render( path+'templates/event_add.ejs', {
469    event:objEvent
470});     
471               
472if (!UI.dialogs.addEvent) {
473    UI.dialogs.addEvent = jQuery('#sandbox').append('<div title="Criar Evento" class="new-event-win active"> <div>').find('.new-event-win.active').html(html).dialog({
474        resizable: false,
475        modal:true,
476        autoOpen: false,
477        width:"auto",
478        position: 'center',
479        close: function(event, ui) {
480                /**
481                 * Remove tooltip possivelmente existente
482                 */
483                if ($('.qtip.qtip-blue.qtip-active').length)
484                        $('.qtip.qtip-blue.qtip-active').qtip('destroy');                                               
485                attendees  = {};
486        },
487        beforeClose: function(event, ui) {
488
489            if (!canDiscardEventDialog && !zebraDiscardEventDialog) {
490                zebraDiscardEventDialog = true;
491                window.setTimeout(function() {
492                    $.Zebra_Dialog('Suas alterações no evento não foram salvas. Deseja descartar as alterações?', {
493                        'type':     'question',
494                        'overlay_opacity': '0.5',
495                        'buttons':  ['Descartar alterações', 'Continuar editando'],
496                        'onClose':  function(clicked) {
497                            if(clicked == 'Descartar alterações') {
498                                canDiscardEventDialog = true;
499                                /**
500                                *Remoção dos anexos do eventos caso seja cancelado a edição
501                                */
502                                DataLayer.rollback();
503
504                                var ids = false;
505                                $.each($('.attachment-list input'), function (i, input) {
506                                    DataLayer.put('attachment', {id: ''+input.value});
507                                    DataLayer.remove('attachment', ''+input.value);
508                                        ids = true;
509                                });
510                                if(ids)
511                                        DataLayer.commit();
512                       
513                               
514                                                                               
515                                UI.dialogs.addEvent.dialog('close');
516                            }else{
517                                zebraDiscardEventDialog = false;
518                            }
519                                                                       
520                            /**
521                            * Uma vez aberta uma janela de confirmação (Zebra_Dialog), ao fechá-la
522                            * com ESC, para que o evento ESC não seja propagado para fechamento da
523                            * janela de edição de eventos, deve ser setada uma flag indicando que
524                            * já existe uma janela de confirmação aberta.
525                            */
526                            if (!clicked) {
527                                window.setTimeout(function() {
528                                    zebraDiscardEventDialog = false;
529                                }, 200);
530                            }
531                        }
532                    });
533                                                       
534                }, 300);
535
536            }
537            //DataLayer.rollback();
538            return canDiscardEventDialog;
539        },
540        dragStart: function(event, ui) {
541                if ($('.qtip.qtip-blue.qtip-active').length)
542                        $('.qtip.qtip-blue.qtip-active').qtip('destroy');
543        }
544    });
545                       
546} else {
547    UI.dialogs.addEvent.html(html);
548}
549               
550var tabs = UI.dialogs.addEvent.children('.content').tabs({
551        select: function(event, ui) {
552                if ($('.qtip.qtip-blue.qtip-active').length)
553                        $('.qtip.qtip-blue.qtip-active').qtip('destroy');
554        }       
555        });
556var calendar = DataLayer.get('calendar', objEvent.calendar);
557                               
558if ( (calendar.timezone != objEvent.timezone) && objEvent.id){
559    UI.dialogs.addEvent.find('.calendar-addevent-details-txt-timezone').find('option[value="'+objEvent.timezone+'"]').attr('selected','selected').trigger('change');
560    UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').addClass('hidden');
561    $('.calendar-addevent-details-txt-timezone').removeClass('hidden');
562                       
563}
564
565
566dateSameValue = function(){
567    UI.dialogs.addEvent.find('input.start-date').datepicker({
568        dateFormat: User.preferences.dateFormat.replace(/M/g, 'm').replace(/yyyy/g, 'yy'),
569        onSelect : function (selectedDate){
570            endDate = $(".end-date").val();
571            storeSelectedDate = selectedDate;
572
573            if ( User.preferences.dateFormat == "dd/MM/yyyy" || User.preferences.dateFormat == "dd-MM-yyyy" ) {
574                if ( User.preferences.dateFormat == "dd/MM/yyyy" ) {
575                    selectedDate = selectedDate.split("/");
576                    endDate = endDate.split("/");
577                } else if( User.preferences.dateFormat == "dd-MM-yyyy" ){
578                    selectedDate = selectedDate.split("-");
579                    endDate = endDate.split("-");
580                }
581
582                newDt = new Date(selectedDate[2],selectedDate[1], selectedDate[0]);
583                endDate = new Date(endDate[2],endDate[1], endDate[0]);
584
585            } else if ( User.preferences.dateFormat == "MM/dd/yyyy" ) {
586                selectedDate = selectedDate.split("/");
587                endDate = endDate.split("/");
588
589                newDt = new Date(selectedDate[2],selectedDate[0], selectedDate[1]);
590                endDate = new Date(endDate[2],endDate[0], endDate[1]);
591            }
592
593            if( newDt > endDate )
594                $(".end-date").val(storeSelectedDate);
595        }
596    });
597}
598
599DataLayer.render( path+'templates/event_repeat.ejs', {
600    event:objEvent
601}, function( repeatHtml ){
602
603    UI.dialogs.addEvent.find('#calendar_addevent_details3').html(repeatHtml);
604
605    dateSameValue();
606    $(".date").datepicker({
607                dateFormat: User.preferences.dateFormat.replace(/M/g, 'm').replace(/yyyy/g, 'yy')
608        });
609
610
611    if(objEvent.repeat)
612    {
613        if( objEvent.repeat['id'] )
614        {
615            $("[name='repeatId']:last").val( objEvent.repeat['id'] );
616        }
617
618        if( objEvent.repeat['frequency'] !== 'none' )
619        {
620            if( objEvent.repeat['startTime'] && objEvent.repeat['startTime'] !== "0" )
621            {
622                $("[name='startOptions'] [value='customDate']:last").attr( 'selected', 'selected' );
623                $("[name='start']:last").val(new Date( parseInt(objEvent.repeat['startTime']) ).toString( User.preferences.dateFormat ) );
624            }
625            else
626            {
627                $("[name='start']:last").val($("[name='startDate']:last").val());     
628                $("[name='start']:last").readOnly=true;
629                $("[name='start']:last").datepicker("disable");
630            }
631                             
632            $(".finish_event").removeClass("hidden");
633
634            if(objEvent.repeat['endTime'] && objEvent.repeat['endTime'] !== "0" )
635            {
636                //$("[name='occurrences']").addClass("hidden");
637                $(".customDateEnd").removeClass("hidden");
638                $(".endRepeat option[value='customDate']").attr('selected', 'selected')                                         
639                $(".customDateEnd").val( new Date( parseInt(objEvent.repeat['endTime']) )/*.setTimezoneOffset( Timezone.timezone( objEvent.timezone ) )*/.toString( User.preferences.dateFormat ) ); 
640            }
641            else if (objEvent.repeat['count'] && objEvent.repeat['count'] !== "0" ) {
642                $(".endRepeat option[value='occurrences']").attr('selected', 'selected');                                               
643                $(".occurrencesEnd").removeClass("hidden");
644                $(".occurrencesEnd").val(objEvent.repeat['count']);                                             
645            }
646                             
647            switch ( objEvent.repeat['frequency'] )
648            {
649                case "daily":
650                    $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Dia(s)")
651                    .end().find(".eventInterval").val( objEvent.repeat['interval'] || "1" );
652                    $(".frequency option[value='daily']").attr('selected', 'selected');
653                    break;
654                case "weekly":
655                    $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Semana(s)")
656                    .end().find(".eventInterval").val( objEvent.repeat['interval'] || "1" );
657                   
658                    $(".frequency option[value='weekly']").attr('selected', 'selected');
659                                           
660                    $(".event-repeat-weekly").removeClass("hidden");
661                                           
662                    var day = [];
663                                           
664                    if( objEvent.repeat.byday )
665                        day = objEvent.repeat.byday.split(',');
666                                           
667                    for(i=0; i<day.length; i++)
668                        $(".event-repeat-weekly [value='" + day[i] + "']").attr("checked","checked");
669                                           
670                    break;
671                case "monthly":
672                    $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Mes(s)")
673                    .end().find(".eventInterval").val( objEvent.repeat['interval'] || "1" );
674                   
675                    $(".frequency option[value='monthly']").attr('selected', 'selected')
676                   
677                    $(".event-repeat-monthly:last").removeClass("hidden").find("input[type=radio][name=repeatmonthyType]").click(function(){
678                                if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
679                                    $(".event-repeat-weekly:last").removeClass("hidden");
680                                else
681                                    $(".event-repeat-weekly:last").addClass("hidden");
682                    });
683                   
684                                           
685                        if( objEvent.repeat && objEvent.repeat.bymonthday != ''){
686
687                                $("input[type=radio][name=repeatmonthyType][value=0]").attr('checked', 'checked');
688
689                        }else if(objEvent.repeat){
690
691                                $("input[type=radio][name=repeatmonthyType][value=1]").attr('checked', 'checked');
692
693                                var days = objEvent.repeat.byday.split(',');
694
695                                $.each(days, function(i, e){
696                                        $(".event-repeat-weekly:last").find('input[name="repeatweekly[]"][value="'+e+'"]').attr('checked', 'checked');
697                                });
698
699                        }
700
701
702                    if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
703                                $(".event-repeat-weekly:last").removeClass("hidden");
704                    else
705                                $(".event-repeat-weekly:last").addClass("hidden");
706                    break;
707                case "yearly":
708                    $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Ano(s)")
709                    .end().find(".eventInterval").val( objEvent.repeat['interval'] || "1" );
710                    $(".frequency option[value='yearly']").attr('selected', 'selected')
711                    break;     
712            }
713        }
714    }
715    else {
716        $(".endRepeat option[value='never']").attr('selected', 'selected');
717    }
718
719
720    $(".event-repeat-container:last").find(".repeat-in").find("[name=startOptions]").change(function(){                                       
721
722        if($(this).find("option:selected").val() == "Today"){
723            $("[name='start']:last").val($("[name='startDate']:last").val());
724            $("[name='start']:last").readOnly=true;
725            $("[name='start']:last").datepicker("disable");
726        }
727        else{
728            $("[name='start']:last").readOnly=false;
729            $("[name='start']:last").datepicker("enable");
730        }
731    });
732    $(".event-repeat-container:last").find(".repeat-in").find("[name=endOptions]").change(function(){                                       
733        if($(this).find("option:selected").val() == "never"){
734            $("[name='occurrences']").addClass("hidden");
735            $("[name='end']:last").addClass("hidden");
736        }
737        else if($(this).find("option:selected").val() == "customDate"){
738            $("[name='occurrences']").addClass("hidden");
739            $("[name='end']:last").removeClass("hidden");   
740        }
741        else{
742            $("[name='end']:last").addClass("hidden");
743            $("[name='occurrences']").removeClass("hidden");                                       
744        }
745    });
746                       
747    $("[name='frequency']:last").change(function () {
748        $(".frequency-option").addClass("hidden");
749        if($(this).val() == "none"){
750            $(".repeat-in").addClass("hidden");
751            return;
752        }else{
753            $(".repeat-in").removeClass("hidden");
754            $("[name='start']:last").val($("[name='startDate']:last").val());
755        }
756                 
757                                 
758        switch($(this).val()){
759            case "daily":
760                $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Dia(s)");
761                break;
762            case "weekly":
763                $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Semana(s)");
764                $(".event-repeat-weekly:last").removeClass("hidden");
765                break;
766            case "monthly":
767                $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Mes(s)");
768                $(".event-repeat-monthly:last").removeClass("hidden").find("input[type=radio][name=repeatmonthyType]").click(function(){
769                    if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
770                        $(".event-repeat-weekly:last").removeClass("hidden");
771                    else
772                        $(".event-repeat-weekly:last").addClass("hidden");
773                });
774                if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
775                    $(".event-repeat-weekly:last").removeClass("hidden");
776                else
777                    $(".event-repeat-weekly:last").addClass("hidden");
778                break;
779            default:
780                $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Ano(s)");
781                break;
782        }
783                               
784    });
785});
786
787UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').click(function(e){
788    $(this).addClass('hidden');
789    $('.calendar-addevent-details-txt-timezone').removeClass('hidden');
790    e.preventDefault();
791});
792               
793UI.dialogs.addEvent.find('.button.remove').button({
794    text:false,
795    icons:{
796        primary:'ui-icon-close'
797    }
798}).click(function(el){
799    var id;
800    if( id = $(this).parent().find('input[name="alarmId[]"]').val())
801        DataLayer.remove('alarm', id);
802    $(this).parent().remove().find('li').is(':empty');
803});
804
805var myCalendar = function(){
806        for(var i in Calendar.signatures)
807            if(Calendar.signatures[i].isOwner == "1")
808                return Calendar.signatures[i].calendar.id;
809}
810
811/*Seleciona a agenda padrão para visualização/edição de um evento*/
812if(objEvent.id)
813    UI.dialogs.addEvent.find('option[value="'+objEvent.calendar+'"]').attr('selected','selected').trigger('change');
814
815/*Adicionar alarms padrões, quando alterado a agenda do usuário*/               
816UI.dialogs.addEvent.find('select[name="calendar"]').change(function(){
817    if((typeof($('input[name = "idEvent"]').val()) == 'undefined') || (!!!$('input[name = "idEvent"]').val())) {
818        $('input[name = "isDefaultAlarm[]"]').parent().remove();
819        UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().removeClass('hidden');
820        var calendarSelected = Calendar.signatureOf[$(this).val()];
821        calendarSelected.useAlarmDefault = 1;
822        if(calendarSelected.defaultAlarms != ""){
823            var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {
824                alarm:calendarSelected
825            });
826            jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
827                text:false,
828                icons:{
829                    primary:'ui-icon-close'
830                }
831            }).click(function(el) {
832            $(this).parent().remove().find('li').is(':empty');
833        });
834
835    }else{
836        UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().addClass('hidden');
837    }
838}
839
840    var participant =  UI.dialogs.addEvent.find('dd.me input[name="attendee[]"]').val();
841    var calendar = $(this).val();
842   
843    if( !parseInt(Calendar.signatureOf[calendar].isOwner) ){
844        var signature = Calendar.signatureOf[calendar];
845        var organizer = DataLayer.get('calendarSignature', {
846            filter: ['AND', ['=','calendar',signature.calendar.id], ['=','isOwner','1']],
847            criteria: {
848                deepness: 2
849            }
850        });
851                           
852    if($.isArray(organizer))
853        organizer = organizer[0];
854    DataLayer.put('participant', {
855        id: participant,
856        user: organizer.user.id,
857        mail: organizer.user.mail
858        });
859                           
860    UI.dialogs.addEvent.find('dt.me').html(organizer.user.name);
861    UI.dialogs.addEvent.find('li.organizer input[name="attendee_organizer"]').val(participant);
862    UI.dialogs.addEvent.find('li.organizer label').filter('.name').html(organizer.user.name).end()
863    .filter('.mail').html(organizer.user.mail).attr('title',organizer.user.mail);
864
865}else{
866    UI.dialogs.addEvent.find('dt.me').html(User.me.name);
867    DataLayer.put('participant', {
868        id: participant,
869        user: User.me.id,
870        mail: User.me.mail
871        });
872    UI.dialogs.addEvent.find('li.organizer input[name="attendee_organizer"]').val(participant);
873    UI.dialogs.addEvent.find('li.organizer label').filter('.name').html(User.me.name).end()
874    .filter('.mail').html(User.me.mail).attr('title',User.me.mail);
875}
876
877});
878
879/*Checkbox adicionar alarms padrões*/
880UI.dialogs.addEvent.find('input[name="defaultAlarm"]').click(function(){
881    if($(this).attr("checked")){
882        $('input[name="isDefaultAlarm[]"]').parent().remove();
883        var calendarSelected = Calendar.signatureOf[$('select[name="calendar"]').val()];
884        calendarSelected.useAlarmDefault = 1;
885        if(calendarSelected.defaultAlarms != ""){
886            var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {
887                alarm:calendarSelected
888            });
889            jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
890                text:false,
891                icons:{
892                    primary:'ui-icon-close'
893                }
894            }).click(function(el) {
895            var id;
896            if( id = $(this).parent().find('input[name="alarmId[]"]').val())
897                DataLayer.remove('alarm', id);
898            $(this).parent().remove().find('li').is(':empty')
899        });
900    }
901} else {
902    $('input[name="isDefaultAlarm[]"]').parent().remove();
903}
904});
905/* Checkbox allday */
906UI.dialogs.addEvent.find('input[name="allDay"]').click(function(){
907    $(this).attr("checked") ?
908    UI.dialogs.addEvent.find('.start-time, .end-time').addClass('hidden') :
909    UI.dialogs.addEvent.find('.start-time, .end-time').removeClass('hidden');
910    updateMap(true);
911});
912
913UI.dialogs.addEvent.find('.button').button();
914UI.dialogs.addEvent.find('.button.add').button({
915    icons: {
916        secondary: "ui-icon-plus"
917    }
918});
919
920// ==== validation events ====
921UI.dialogs.addEvent.find(".input-group .h1").Watermark("Evento sem título");
922if(User.preferences.hourFormat.length == 5) {
923    UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99", {
924        completed: function(){
925            updateMap();
926        }
927    });
928} else {
929    $.mask.definitions['{']='[ap]';
930    $.mask.definitions['}']='[m]';
931    UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99 {}", {
932        completed:function(){
933            $(this).val(date.Calendar.defaultToAmPm($(this).val()));
934            $(this).timepicker("refresh");
935            $(this).val($(this).val().replace(/[\.]/gi, ""));
936            updateMap();
937        }
938    });
939}
940UI.dialogs.addEvent.find(".number").numeric();
941User.preferences.dateFormat.indexOf('-') > 0 ?
942UI.dialogs.addEvent.find(".date").mask("99-99-9999", {
943    completed:function(){
944        updateMap();
945    }
946}) :
947UI.dialogs.addEvent.find(".date").mask("99/99/9999", {
948    completed:function(){
949        updateMap();
950    }
951});
952
953UI.dialogs.addEvent.find(".menu-addevent")
954.children(".delete").click(function(){
955    $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
956        'type':     'question',
957        'overlay_opacity': '0.5',
958        'buttons':  ['Sim', 'Não'],
959        'onClose':  function(clicked) {
960            if(clicked == 'Sim'){
961                canDiscardEventDialog = true;
962                /* Remove por filtro */
963                DataLayer.removeFilter('schedulable', {filter: ['AND', ['=', 'id', objEvent.id], ['=', 'calendar', objEvent.calendar], ['=','user',(objEvent.me.user ? objEvent.me.user.id : objEvent.me.id)]]});
964                Calendar.rerenderView(true);
965                /********************/
966                UI.dialogs.addEvent.dialog("close");
967            }
968        }
969    });
970}).end()
971           
972.children(".cancel").click(function(){
973    UI.dialogs.addEvent.dialog("close");
974}).end()
975           
976.children(".save").click(function(){
977    /* Validação */
978    var msg = false;                   
979    if(msg = validDateEvent()){
980        $(".new-event-win.active").find('.messages-validation').removeClass('hidden').find('.message label').html(msg);
981        return false;
982    }
983                       
984    canDiscardEventDialog = true;
985                       
986    var exit = function(event){
987        if(event)
988            DataLayer.remove('schedulable', event, false);
989
990        UI.dialogs.addEvent.children().find('form.form-addevent').submit();
991        UI.dialogs.addEvent.dialog("close");
992    }
993                       
994    if(repeat){
995        DataLayer.remove('repeat', false);
996        DataLayer.put('repeat', repeat);
997        DataLayer.commit('repeat', false, exit(repeat.schedulable));
998    }else
999        exit();
1000}).end()
1001               
1002.children(".export").click(function(){
1003    UI.dialogs.addEvent.children().find(".form-export").submit();
1004});
1005
1006dateSameValue();
1007
1008
1009var setTime = function( selectedDateTime ) {
1010    if ((selectedDateTime.value == '__:__') || (selectedDateTime.value == '__:__ __'))
1011          selectedDateTime.value = "";
1012    if(!(User.preferences.hourFormat.length == 5))
1013        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));                               
1014    updateMap();
1015
1016    if( Date.parse(selectedDateTime) < Date.parse(oldTime) ) return true;
1017
1018    var time = selectedDateTime.split(":");
1019
1020    var hh = time[0];
1021    var mm = time[1].substring(0, 2);
1022   
1023     
1024    dt = new Date();
1025    dt.setHours(hh, mm);
1026    var startHours = dt.getHours();
1027    add = parseInt(User.preferences.defaultDuration) + parseInt($("input.end-time").val().split(":")[1].substring(0,2));
1028    dt.addMinutes(add);
1029   
1030
1031    var minutes = dt.getMinutes().toString();
1032    var hours = dt.getHours();
1033
1034    if (time[1].indexOf("p.m.") != -1 ) {
1035        var startHours = startHours == 12 ? 12 : startHours;
1036        var startHours = startHours == 1 ? 13 : startHours;
1037        var startHours = startHours == 2 ? 14 : startHours;
1038        var startHours = startHours == 3 ? 15 : startHours;
1039        var startHours = startHours == 4 ? 16 : startHours;
1040        var startHours = startHours == 5 ? 17 : startHours;
1041        var startHours = startHours == 6 ? 18 : startHours;
1042        var startHours = startHours == 7 ? 19 : startHours;
1043        var startHours = startHours == 8 ? 20 : startHours;
1044        var startHours = startHours == 9 ? 21 : startHours;
1045        var startHours = startHours == 10 ? 22 : startHours;
1046        var startHours = startHours == 11 ? 23 : startHours;
1047    } else if (time[1].indexOf("a.m.") ) {
1048        var startHours = startHours == 12 ? 00 : startHours;
1049    }
1050    dtFormat = (time[1].indexOf("p.m.") != -1 || time[1].indexOf("a.m.") != -1) ? ((((User.preferences.defaultDuration / 60) + startHours) >= 12 && (startHours + 4) < 24) ? " pm" : " am") : "";
1051       
1052    var newHours = "";
1053    if(dtFormat){
1054        hours = hours == 13 ? 01 : hours;
1055        hours = hours == 14 ? 02 : hours;
1056        hours = hours == 15 ? 03 : hours;
1057        hours = hours == 16 ? 04 : hours;
1058        hours = hours == 17 ? 05 : hours;
1059        hours = hours == 18 ? 06 : hours;
1060        hours = hours == 19 ? 07 : hours;
1061        hours = hours == 20 ? 08 : hours;
1062        hours = hours == 21 ? 09 : hours;
1063        hours = hours == 22 ? 10 : hours;
1064        hours = hours == 23 ? 11 : hours;
1065        hours = hours == 24 ? 12 : hours;
1066    } else {
1067        newHours = hours <= 9 ? "0" : "";
1068    }
1069
1070    minutes = minutes.length == 1 ? "0"+minutes+dtFormat : minutes+dtFormat;
1071    newHours +=  hours.toString() + ":" +minutes;
1072    UI.dialogs.addEvent.find("input.end-time").val(newHours);
1073
1074}
1075
1076$(".start-date").focusout(function(data){
1077    $(".end-date").val($(this).val());
1078});
1079
1080if($("#calendar").fullCalendar('getView').name == "month"){
1081
1082    var oldTime = UI.dialogs.addEvent.find('input.start-time').val();
1083    $(".start-time").focusout(function(data){
1084        setTime( $(this).val() );
1085    });
1086
1087    UI.dialogs.addEvent.find('input.start-time').timepicker({
1088        ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
1089        timeFormat: "hh:mm tt",
1090        onSelect: function( selectedDateTime ){
1091            setTime( selectedDateTime );
1092        }   
1093    });
1094
1095}
1096
1097UI.dialogs.addEvent.find('input.time').timepicker({
1098    closeText: 'Ok',
1099    hourGrid: 4,
1100    minuteGrid: 10,
1101    ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
1102    timeFormat: "hh:mm tt",
1103    onSelect: function (selectedDateTime){
1104        if ((selectedDateTime.value == '__:__') || (selectedDateTime.value == '__:__ __'))
1105                          selectedDateTime.value = "";
1106                if(!(User.preferences.hourFormat.length == 5))
1107                $(this).val(selectedDateTime.replace(/[\.]/gi, ""));                                                           
1108                updateMap();
1109    },
1110    onClose : function (selectedDateTime){
1111        if(!(User.preferences.hourFormat.length == 5))
1112            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1113    },
1114    beforeShow: function (selectedDateTime) {
1115                if ((selectedDateTime.value == '__:__') || (selectedDateTime.value == '__:__ __'))
1116                        selectedDateTime.value = "";
1117    }
1118});
1119//}
1120
1121UI.dialogs.addEvent.find('.button-add-alarms').click(function(){
1122    var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {});
1123
1124    jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
1125        text:false,
1126        icons:{
1127            primary:'ui-icon-close'
1128        }
1129    }).click(function(el) {
1130    $(this).parent().remove().find('li').is(':empty')
1131});
1132// valicacao de campos numericos
1133$('.number').numeric();
1134});
1135           
1136                 
1137UI.dialogs.addEvent.find('.button.suggestion-hours').button({
1138    icons: {
1139        primary: "ui-icon-clock"
1140    },
1141    text: 'Sugerir horário'
1142}).click(function () {
1143    $(this).siblings('input').removeAttr('disabled')
1144    .end().parents().find('input[name="allDay"]').removeAttr('disabled');               
1145});
1146
1147
1148if(!repeat)
1149    if(objEvent.me.id == User.me.id){
1150        objEvent.me.id = DataLayer.put('participant', {
1151            user: objEvent.me.id,
1152            mail: objEvent.me.mail
1153            });
1154        objEvent.organizer.id = objEvent.me.id;
1155    }
1156
1157var attendeeHtml = DataLayer.render( path+'templates/attendee_add.ejs', {
1158    event:objEvent
1159});             
1160       
1161// load template of attendees
1162var blkAddAtendee = UI.dialogs.addEvent.find('#calendar_addevent_details6').append(attendeeHtml);
1163if(objEvent.attendee.length)
1164                callbackAttendee();
1165/**
1166Opções de delegação do participante/organizer
1167*/             
1168blkAddAtendee.find(".button.participant-delegate").button({
1169    icons: {
1170        primary: "ui-icon-transferthick-e-w"
1171    },
1172    text: false
1173}).click(function () {
1174    if($(this).hasClass('attendee-permissions-change-button')){
1175        if(!$(this).hasClass('disable')){
1176            $(this).removeClass('attendee-permissions-change-button')   
1177            .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
1178            blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
1179            blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
1180        }
1181    }else{                                                                     
1182        $(this).addClass('attendee-permissions-change-button')   
1183        .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
1184        blkAddAtendee.find('.block-add-attendee.search dt').html('Delegar participação para');
1185        blkAddAtendee.find('.block-add-attendee.search').removeClass('hidden');
1186        blkAddAtendee.find('.block-add-attendee.search input.search').focus();
1187    }
1188})
1189.addClass('tiny');             
1190                       
1191//show or hidden permissions attendees
1192//blkAddAtendee.find('.block-attendee-list #attendees-users li').click(show_permissions_attendees);
1193
1194UI.dialogs.addEvent.find(".attendee-list-add .add-attendee-input input").Watermark("digite um email para convidar");
1195/*
1196 * Trata a edição de um novo participante adicionado
1197 */
1198var hasNewAttendee = false;
1199                       
1200blkAddAtendee.find('.attendee-list-add .add-attendee-input span').click(function(data){
1201    blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown();
1202});
1203                       
1204blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown(function(event) {
1205    if (event.keyCode == '13' && $(this).val() != '' || (event.keyCode == undefined && $(this).val() != '')) {
1206        Encoder.EncodeType = "entity";
1207        $(this).val(Encoder.htmlEncode($(this).val()));
1208                                       
1209        newAttendeeEmail = false;
1210        newAttendeeName  = false;
1211        skipAddNewLine   = false;
1212
1213        var info = $(this).val();
1214
1215        /**
1216        * email válido?
1217        */
1218        info.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/) ?
1219        newAttendeeEmail = info : newAttendeeName = info;
1220
1221        /**
1222        * 1) busca no banco para saber se o usuário já existe
1223        *               1.1) se existe, atualiza as info na lista de participantes e nao abre o tooltip
1224        *               1.2) se não existe
1225        *                       a) salva como novo usuario externo no banco (apenas com email)
1226        *                       b) exibe tooltip pedindo o nome
1227        *                       c) se o usuário preenche tooltip e salva, atualiza com o nome o usuário recém criado
1228        *                       d) se o usuário cancela o tooltip, fica o usuário salvo apenas com email e sem nome
1229        */
1230
1231        var user = DataLayer.get('user', ["=", "mail", $(this).val()]);
1232        if(!!user && user[0].id)
1233            attendees[user[0].id] = {
1234                name: user[0].name
1235                };
1236                                       
1237        /**
1238        * guarda o último tooltip aberto referente à lista de participantes
1239        */
1240        lastEditAttendeeToolTip = [];
1241
1242        /**
1243        * Valida email e salva um participante externo
1244        */
1245        var saveContact = function() {
1246            Encoder.EncodeType = "entity";
1247
1248            var currentTip = $('.qtip-active');
1249            newAttendeeName  = currentTip.find('input[name="name"]').val();
1250            newAttendeeEmail = currentTip.find('input[name="mail"]').val();
1251
1252            if (!(!!newAttendeeEmail.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/))) {
1253                currentTip.find('.messages').removeClass('hidden').find('.message label').html('Email inválido.');
1254                return false;
1255            }
1256
1257            DataLayer.put('user', {
1258                id:userId,
1259                name:newAttendeeName,
1260                mail:newAttendeeEmail,
1261                isExternal:isExternal
1262            });
1263
1264            lastEditAttendeeToolTip.find('label')
1265            .filter('.name').html(Encoder.htmlEncode(newAttendeeName)).attr('title', Encoder.htmlEncode(newAttendeeName)).end()
1266            .filter('.mail').html(Encoder.htmlEncode(newAttendeeEmail)).attr('title', Encoder.htmlEncode(newAttendeeEmail));
1267
1268            blkAddAtendee.find('.attendee-list-add .add-attendee-input input').val('');
1269            return true;
1270        }
1271                                               
1272        /**
1273                                         * Formata e adequa um tootip abert para edição de um participante na lista
1274                                         */
1275        var onShowToolTip = function(arg0) {
1276            $('.qtip-active .button.close').button({
1277                icons: {
1278                    primary: "ui-icon-close"
1279                },
1280                text: false
1281            });
1282            $('.qtip-active .button').button()
1283            .filter('.save').click(function(event, ui) {
1284                if(saveContact())
1285                    lastEditAttendeeToolTip.qtip("destroy");
1286                else
1287                    return false;
1288            }).end()
1289            .filter('.cancel').click(function(event, ui) {
1290                lastEditAttendeeToolTip.qtip("destroy");
1291            })
1292
1293            /**
1294                                                 * Trata o ENTER no campo da tooltip, equivalente a salvar
1295                                                 * o novo convidado.
1296                                                 */
1297            $('.qtip-active input').keydown(function(event) {
1298                if (event.keyCode == '13') {                                           
1299                    if (saveContact())                                         
1300                        lastEditAttendeeToolTip.qtip("destroy");
1301                       
1302                    lastEditAttendeeToolTip.qtip("destroy");
1303                    event.preventDefault();
1304                }
1305            })
1306            .filter('[name="name"]').Watermark("informe o nome do contato").end()
1307            .filter('[name="mail"]').Watermark("informe o email do contato");
1308        }
1309                                       
1310        /**
1311                                         * Se o email digitado já foi adicionado na lista,
1312                                         * o usuário deve ser avisado e um botão de edição deve ser exibido
1313                                         */
1314        if(blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').length) {
1315            hasNewAttendee  = false;
1316            newAttendeeName = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li').find('label.name').attr('title');
1317
1318            blkAddAtendee.find('.email-validation').removeClass('hidden')
1319            .find('.message label').html("O usuário acima já foi adicionado! <a class=\"small button\">Editar</a>")
1320            .find(".button").button().click(function () {
1321                /**
1322                                                         * Se o usuário optar por editar o participante anteriormente adicionado,
1323                                                         * uma tooltip deve ser aberta para este participante, viabilizando a edição
1324                                                         */
1325                blkAddAtendee.find("ul.attendee-list").scrollTo('label.mail[title="' + newAttendeeEmail + '"]');
1326                /**
1327                                                         * Remove tooltip possivelmente existente
1328                                                         */
1329                if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
1330                    lastEditAttendeeToolTip.qtip('destroy');
1331                                       
1332                lastEditAttendeeToolTip = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li');
1333                lastEditAttendeeToolTip.qtip({
1334                    show: {
1335                        ready: true,
1336                        solo: true,
1337                        when: {
1338                            event: 'click'
1339                        }
1340                    },
1341                hide: false,
1342                content: {
1343                    text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {
1344                        attendee:{
1345                            name:newAttendeeName,
1346                            mail:newAttendeeEmail
1347                        }
1348                    } ) ),
1349                title: {
1350                    text:'Detalhes do participante',
1351                    button: '<a class="button close" href="#">close</a>'
1352                }
1353                },
1354                style: {
1355                    name: 'blue',
1356                    tip: {
1357                        corner: 'leftMiddle'
1358                    },
1359                    border: {
1360                        width: 4,
1361                        radius: 8
1362                    },
1363                    width: {
1364                        min: 230,
1365                        max:230
1366                    }
1367                },
1368            position: {
1369                corner: {
1370                    target: 'rightMiddle',
1371                    tooltip: 'leftMiddle'
1372                },
1373                adjust: {
1374                    x:0,
1375                    y:0
1376                }
1377            }
1378            });
1379        lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
1380    });
1381skipAddNewLine = true;
1382} else {
1383    hasNewAttendee  = true;
1384    blkAddAtendee.find('.email-validation').addClass('hidden');
1385}
1386                                       
1387                                       
1388var isExternal = (!!user && !(!!user.isExternal)) ? 0 : 1;
1389
1390/**
1391                                         * Remove tooltip possivelmente existente
1392                                         */
1393if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
1394    lastEditAttendeeToolTip.qtip('destroy');
1395
1396userId = '';
1397var newAttendeeId = '';
1398
1399if (user){
1400    if (!skipAddNewLine) {
1401        user[0].id =  DataLayer.put('participant', {
1402            user: user[0].id,
1403            isExternal: isExternal,
1404            acl: 'r'
1405        });
1406        user[0].acl = objEvent.acl;
1407        user[0].isDirty = !!!objEvent.id;
1408        user[0].isDelegate = (objEvent.id && (objEvent.me.status == '5'));
1409
1410        blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
1411            DataLayer.render(path+'templates/participants_add_itemlist.ejs', user)
1412            )
1413        .scrollTo('max');
1414        callbackAttendee();
1415    }
1416                                               
1417    $(this).val('');
1418
1419} else if (!skipAddNewLine) {
1420    /**
1421     * a) salva como novo usuario externo no banco (apenas com email) e...
1422     * adiciona novo contato externo à lista de convidados
1423     */
1424
1425    userId = DataLayer.put('user', {
1426        name: newAttendeeName,
1427        mail: newAttendeeEmail,
1428        isExternal: isExternal
1429    });
1430    newAttendeeId = DataLayer.put('participant', {
1431        user: userId,
1432        isExternal: isExternal
1433    });
1434
1435                                                 
1436    blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
1437        DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{
1438            id:newAttendeeId,
1439            name: newAttendeeName,
1440            mail: newAttendeeEmail,
1441            isExternal: 1,
1442            acl: objEvent.acl,
1443            isDirty: !!!objEvent.id,
1444        isDelegate: (objEvent.id && (objEvent.me.status == '5'))
1445            }])
1446        ).scrollTo('max');
1447    callbackAttendee();
1448
1449    /**
1450                                                 * Adiciona tootip para atualização dos dados do contato externo
1451                                                 * recém adicionado.
1452                                                 */
1453    lastEditAttendeeToolTip = blkAddAtendee.find('dd.attendee-list li:last');
1454    lastEditAttendeeToolTip.qtip({
1455        show: {
1456            ready: true,
1457            solo: true,
1458            when: {
1459                event: 'click'
1460            }
1461        },
1462    hide: false,
1463    content: {
1464        text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {
1465            attendee:{
1466                name:newAttendeeName,
1467                mail:newAttendeeEmail
1468            }
1469        } ) ),
1470    title: {
1471        text:'Detalhes do participante',
1472        button: '<a class="button close" href="#">close</a>'
1473    }
1474    },
1475    style: {
1476        name: 'blue',
1477        tip: {
1478            corner: 'leftMiddle'
1479        },
1480        border: {
1481            width: 4,
1482            radius: 8
1483        },
1484        width: {
1485            min: 230,
1486            max:230
1487        }
1488    },
1489position: {
1490    corner: {
1491        target: 'rightMiddle',
1492        tooltip: 'leftMiddle'
1493    },
1494    adjust: {
1495        x:0,
1496        y:0
1497    }
1498}
1499});
1500                       
1501lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
1502
1503$(this).val('');
1504
1505                                               
1506}
1507event.preventDefault();
1508}
1509                               
1510});
1511
1512/**
1513* Trata a busca de usuários para adição de participantes
1514*/
1515blkAddAtendee.find('.add-attendee-search .ui-icon-search').click(function(event) {
1516    blkAddAtendee.find('.add-attendee-search input').keydown();
1517});
1518                       
1519                       
1520blkAddAtendee.find('.add-attendee-search input').keydown(function(event) {
1521
1522    if(event.keyCode == '13' || typeof(event.keyCode) == 'undefined') {                 
1523        var result = DataLayer.get('user', ["*", "name", $(this).val()], true);
1524
1525        /**
1526        * TODO: trocar por template
1527        */
1528        blkAddAtendee.find('ul.search-result-list').empty().css('overflow', 'hidden');
1529        if (!result) {
1530            blkAddAtendee.find('ul.search-result-list').append('<li><label class="empty">Nenhum resultado encontrado.</label></li>');
1531        }
1532
1533        for(i=0; i<result.length; i++)
1534            result[i].enabled = (blkAddAtendee.find('dd.attendee-list ul.attendee-list label.mail[title="' +  result[i].mail + '"]').length) ? false : true;
1535                                                                                       
1536        blkAddAtendee.find('ul.search-result-list').append(DataLayer.render( path+'templates/participants_search_itemlist.ejs', result));
1537
1538        blkAddAtendee.find('ul.search-result-list li').click(function(event, ui){
1539            if ($(event.target).is('input')) {
1540                old_item = $(event.target).parents('li');
1541                newAttendeeId = DataLayer.put('participant', {
1542                    user: old_item.find('.id').html(),
1543                    isExternal: old_item.find('.isExternal').html()
1544                });
1545                                                       
1546                attendees[old_item.find('.id').html()] = old_item.find('.name').html();
1547                                                       
1548                blkAddAtendee.find('dd.attendee-list ul.attendee-list')
1549                .append(DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{
1550                    id: newAttendeeId,
1551                    name: old_item.find('.name').html(),
1552                    mail: old_item.find('.mail').html(),
1553                    isExternal: old_item.find('.isExternal').html(),
1554                    acl: objEvent.acl,
1555                    isDirty: !!!objEvent.id,
1556            isDelegate: (objEvent.id && (objEvent.me.status == '5'))
1557                    }]))
1558                .scrollTo('max');
1559                /**
1560                                                        * Delegação de participação de um participante com permissão apenas de leitura
1561                                                        *
1562                                                        */
1563                if(!objEvent.acl.organization && !objEvent.acl.write && !objEvent.acl.inviteGuests && objEvent.acl.read ){
1564                                                               
1565                    blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
1566                    blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
1567                                                               
1568                    blkAddAtendee.find('.status option').toggleClass('hidden');
1569                    blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
1570                    blkAddAtendee.find('.request-update').removeClass('hidden');
1571
1572                    blkAddAtendee.find('dd.attendee-list ul.attendee-list li .button.close').parents('li').find('input[name="delegatedFrom[]"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
1573                                                               
1574                    blkAddAtendee.find('.me .participant-delegate').addClass('disable ui-button-disabled ui-state-disabled');
1575                    blkAddAtendee.find(".button.close").button({
1576                        icons: {
1577                            primary: "ui-icon-close"
1578                        },
1579                        text: false
1580                    }).click(function () {
1581                                                                       
1582                        $(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
1583                        blkAddAtendee.find('.request-update').addClass('hidden');
1584                        blkAddAtendee.find('.status option').toggleClass('hidden');
1585                        blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');                   
1586                        blkAddAtendee.find('.me .participant-delegate').removeClass('disable ui-button-disabled ui-state-disabled attendee-permissions-change-button')
1587                        .find('.ui-icon-person').removeClass('attendee-permissions-change').end();                     
1588                                                                       
1589                        DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
1590                        $(this).parents('li').remove();
1591                    })
1592                    .addClass('tiny');
1593                }else{
1594                    callbackAttendee();
1595                    old_item.remove();
1596                }
1597            }
1598        });
1599
1600        event.preventDefault();
1601    }
1602});
1603
1604//$('.block-add-attendee .search-result-list').selectable();
1605
1606UI.dialogs.addEvent.find('.row.fileupload-buttonbar .button').filter('.delete').button({
1607    icons: {
1608        primary: "ui-icon-close"
1609    },
1610    text: 'Excluir'
1611}).click(function () {
1612    $.Zebra_Dialog('Tem certeza que deseja excluir todos anexos?', {
1613        'type':     'question',
1614        'overlay_opacity': '0.5',
1615        'buttons':  ['Sim', 'Não'],
1616        'onClose':  function(clicked) {
1617            if(clicked == 'Sim'){
1618               
1619                var ids = [];
1620                $.each($('.attachment-list input'), function (i, input) {
1621                     DataLayer.remove('schedulableToAttachment', {
1622                        filter: ['=', 'id', ''+input.value]
1623                        });
1624                });
1625                $('div.new-event-win .attachment-list input').remove();
1626                $('div.new-event-win .row.fileupload-buttonbar .attachments-list p').remove();
1627                $('div.new-event-win .btn-danger.delete').addClass('hidden');
1628            }
1629        }});
1630}).end()
1631.filter('.close').button({
1632    icons: {
1633        primary: "ui-icon-close"
1634    },
1635    text: false
1636}).click(function () {
1637    DataLayer.remove('schedulableToAttachment', $(this).parents('p').find('input[name="fileId[]"]').val());
1638    $(this).parents('p').remove();
1639}).end()
1640.filter('.downlaod-archive').button({
1641    icons: {
1642        primary: "ui-icon-arrowthickstop-1-s"
1643    },
1644    text: false
1645});
1646
1647extendsFileupload('event', path);
1648       
1649if(objEvent.isShared){
1650               
1651    var acls = Calendar.signatureOf[objEvent.calendar].permission.acl;
1652               
1653    if(!acls.write){
1654        UI.dialogs.addEvent.find(':input').attr('disabled', 'disabled');
1655        UI.dialogs.addEvent.find('.button').hide();
1656    }
1657               
1658    if(acls.remove)
1659        UI.dialogs.addEvent.find('.button.remove').show();
1660   
1661    UI.dialogs.addEvent.find('.button.cancel').show(); 
1662}
1663
1664disponibily(objEvent, path, attendees, 'event');
1665
1666/*Seleciona a agenda padrão para criação de um evento*/
1667if(!objEvent.id){
1668    var selectedCalendar = (objEvent.calendar != undefined) ? objEvent.calendar : (User.preferences.defaultCalendar ? User.preferences.defaultCalendar : myCalendar());
1669    UI.dialogs.addEvent.find('option[value="'+selectedCalendar+'"]').attr('selected','selected').trigger('change');
1670}
1671UI.dialogs.addEvent.find(':input').change(function(event){
1672    if (event.keyCode != '27' && event.keyCode != '13')
1673        canDiscardEventDialog = false;
1674}).keydown(function(event){
1675    if (event.keyCode != '27' && event.keyCode != '13')
1676        canDiscardEventDialog = false;
1677});     
1678
1679UI.dialogs.addEvent.dialog('open');
1680
1681}
1682
1683
1684
1685function add_tab_preferences()
1686{
1687    if(!(document.getElementById('preference_tab')))
1688    {
1689        var tab_title = "Preferencias";
1690        $tabs.tabs( "add", "#preference_tab", tab_title );
1691               
1692        /*
1693                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1694                        tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1695                });
1696                */
1697        DataLayer.render( 'templates/preferences_calendar.ejs', {
1698            preferences:User.preferences,
1699            calendars: Calendar.calendars,
1700        signatureOf : Calendar.signatureOf
1701            }, function( template ){
1702            var tabPrefCalendar = jQuery('#preference_tab').html( template ).find('.preferences-win');
1703               
1704            tabPrefCalendar.find('select[name="defaultCalendar"] option[value="'+User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
1705        tabPrefCalendar.find('select[name="dafaultImportCalendar"] option[value="'+User.preferences.dafaultImportCalendar+'"]').attr('selected','selected').trigger('change');
1706
1707            DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1708                tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1709            });
1710               
1711            tabPrefCalendar.find('.button').button()
1712            .filter('.save').click(function(evt){
1713                tabPrefCalendar.find('form').submit();
1714                $('#calendar').fullCalendar('render');
1715                $('.block-vertical-toolbox .mini-calendar').datepicker( "refresh" );
1716                $tabs.tabs( "remove", "#preference_tab");
1717            }).end().filter('.cancel').click(function(evt){
1718                $tabs.tabs( "remove", "#preference_tab");
1719            });
1720                       
1721            tabPrefCalendar.find('.number').numeric();
1722                       
1723            tabPrefCalendar.find('input.time').timepicker({
1724                closeText: 'Ok',
1725                hourGrid: 4,
1726                minuteGrid: 10,
1727                ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false), //((User.preferences.hourFormat.length > 5) ? true: false),
1728                timeFormat: "hh:mm tt",
1729                onSelect: function (selectedDateTime){
1730                    if(!(User.preferences.hourFormat.length == 5)) {
1731                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1732                    }
1733                },
1734                onClose : function (selectedDateTime){
1735                    if(!(User.preferences.hourFormat.length == 5)) {
1736                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1737                    }
1738                }
1739            });
1740                       
1741            $.mask.definitions['{']='[ap]';
1742            $.mask.definitions['}']='[m]';
1743            tabPrefCalendar.find("input.time").mask( ((User.preferences.hourFormat.length > 5) ? "99:99 {}" : "99:99"), {
1744                completed:function(){
1745                    $(this).val(dateCalendar.defaultToAmPm($(this).val()));
1746                    $(this).timepicker("refresh");
1747                    $(this).val($(this).val().replace(/[\.]/gi, ""));                                   
1748                }
1749            });
1750                                                           
1751            tabPrefCalendar.find("select[name=hourFormat]").change( function() { // evento ao selecionar formato de hora
1752               
1753                tabPrefCalendar.find("input.time").timepicker("destroy");
1754
1755                tabPrefCalendar.find('input.time').timepicker({
1756                    closeText: 'Ok',
1757                    hourGrid: 4,
1758                    minuteGrid: 10,
1759                    ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false),
1760                    timeFormat: "hh:mm tt",
1761                    onSelect: function (selectedDateTime){
1762                        if(!(User.preferences.hourFormat.length == 5)) {
1763                            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1764                        }                                                       
1765                    },
1766                    onClose : function (selectedDateTime){
1767                        if(!(User.preferences.hourFormat.length == 5)) {
1768                            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1769                        }
1770                    }
1771                });
1772                               
1773                var defaultStartHour = tabPrefCalendar.find("input[name=defaultStartHour]").val().trim();
1774                var defaultEndHour = tabPrefCalendar.find("input[name=defaultEndHour]").val().trim();
1775               
1776                tabPrefCalendar.find("input.time").mask( (($("select[name=hourFormat] option:selected").val().trim().length > 5) ? "99:99 {}" : "99:99") );
1777               
1778                if (parseInt($("select[name=hourFormat] option:selected").val().length) > 5) { // am/pm
1779                    tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.defaultToAmPm(defaultStartHour));
1780                    tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.defaultToAmPm(defaultEndHour))
1781                                       
1782                } else { //24h
1783                    tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.AmPmTo24(defaultStartHour));
1784                    tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.AmPmTo24(defaultEndHour));
1785                }
1786            });                 
1787                       
1788                       
1789                       
1790        });             
1791    } else {
1792        $tabs.tabs("select", "#preference_tab");
1793               
1794        return true;
1795    }
1796}
1797
1798
1799function add_tab_configure_calendar(calendar, type)
1800{
1801    $('.qtip.qtip-blue').remove();
1802
1803    var calendars = [];
1804    var signatures = [];
1805    var previewActiveCalendarConf = 0;
1806        var calendarAlarms = [];
1807       
1808        for (var i=0; i<Calendar.signatures.length; i++) {
1809                if(parseInt(Calendar.signatures[i].calendar.type) == type){
1810                   calendars.push(Calendar.signatures[i].calendar);
1811                   signatures.push(Calendar.signatures[i]);
1812                   length = signatures.length - 1;
1813                   signatures[length].numberDefaultAlarm = signatures[length].defaultAlarms != '' ?  signatures[length].defaultAlarms.length: 0;
1814                   if (calendar && calendars[length].id == calendar)
1815                           previewActiveCalendarConf = length;
1816                }
1817   }
1818        var tab_selector = ['configure_tab', 'configure_tab_group'];   
1819    if(!(document.getElementById(tab_selector[type])))
1820    {
1821        $('.positionHelper').css('display', 'none');
1822        $('.cal-list-options-btn').removeClass('fg-menu-open ui-state-active');
1823        if(type == 0){
1824                var tab_title = "Configurações de agendas";
1825        }else{
1826                var tab_title = "Configurações de Grupos";
1827        }
1828        $tabs.tabs( "add", "#"+tab_selector[type], tab_title );
1829               
1830        var dataColorPicker = {
1831            colorsSuggestions: colors_suggestions()
1832        };
1833               
1834               
1835               
1836        var populateAccordionOnActive = function(event, ui) {
1837            var nowActive = (typeof(event) == 'number') ? event : $(event.target).accordion( "option", "active" );
1838            if (nowActive === false)
1839                        return;
1840            dataColorPicker.colorsDefined = {
1841                border: '#'+signatures[nowActive].borderColor,
1842                font:'#'+signatures[nowActive].fontColor,
1843                background:'#'+signatures[nowActive].backgroundColor
1844            };
1845            if (!jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).has('form')) {
1846                return true;
1847            }
1848
1849            DataLayer.render( 'templates/configure_calendars_itemlist.ejs', {
1850                user:User,
1851                type:0,
1852                calendar:calendars[nowActive],
1853                signature:signatures[nowActive]
1854                }, function( form_template ){
1855                var form_content = jQuery('#'+tab_selector[type]+' .accordion-user-calendars .ui-accordion-content').eq(nowActive).html( form_template ).find('form');
1856                form_content.find('.preferences-alarms-list .button').button({
1857                    text:false,
1858                    icons:{
1859                        primary:'ui-icon-close'
1860                    }
1861                });
1862            form_content.find('.button').button();
1863            jQuery('.preferences-alarms-list').find('.button.remove').click(function(el){
1864                        calendarAlarms[calendarAlarms.length] = $(this).parent('li').find('input[name="alarmId[]"]').val();
1865                        $(this).parent().remove();
1866                });
1867       
1868                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1869                    var valueTimeZone = calendars[nowActive].timezone;
1870                    form_content.find('select[name="timezone"]').html(timezones_options).find('option[value="'+valueTimeZone+'"]').attr('selected','selected').trigger('change');
1871                });
1872
1873                form_content.find('.button-add-alarms').click(function(){
1874                    DataLayer.render( 'templates/alarms_add_itemlist.ejs', {type: (parseInt(type) == 1 ? '4' : type) }, function( template ){
1875                        jQuery('.preferences-alarms-list').append(template)
1876                        .find('li:last label:eq(0)').remove().end()
1877                        .find('.number').numeric().end()
1878                        .find('.button.remove').button({
1879                            text:false,
1880                            icons:{
1881                                primary:'ui-icon-close'
1882                            }
1883                        }).click(function(el) {
1884                        $(this).parent().remove();
1885                    });   
1886                    });
1887                });
1888
1889
1890            /**
1891                                 * Set color picker
1892                                 */
1893            DataLayer.render( 'templates/calendar_colorpicker.ejs', dataColorPicker, function( template ){
1894                form_content.find('.calendar-colorpicker').html( template );
1895
1896                var f = $.farbtastic(form_content.find('.colorpicker'), colorpickerPreviewChange);
1897                var selected;
1898                var colorpicker = form_content.find('.calendar-colorpicker');
1899                                       
1900                var colorpickerPreviewChange = function(color) {
1901                    var pickedup = form_content.find('.colorwell-selected').val(color).css('background-color', color);
1902
1903                    var colorpicker = form_content.find('.calendar-colorpicker');
1904
1905                    if (pickedup.is('input[name="backgroundColor"]')) {
1906                        colorpicker.find('.fc-event-skin').css('background-color',color);
1907                    } else if (pickedup.is('input[name="fontColor"]')) {
1908                        colorpicker.find('.fc-event-skin').css('color',color);
1909                    } else if (pickedup.is('input[name="borderColor"]')) {
1910                        colorpicker.find('.fc-event-skin').css('border-color',color);
1911                    }
1912                }
1913                                       
1914                form_content.find('.colorwell').each(function () {
1915                    f.linkTo(this);
1916
1917                    if ($(this).is('input[name="backgroundColor"]')) {
1918                        colorpicker.find('.fc-event-skin').css('background-color', $(this).val());
1919                    } else if ($(this).is('input[name="fontColor"]')) {
1920                        colorpicker.find('.fc-event-skin').css('color', $(this).val());
1921                    } else if ($(this).is('input[name="borderColor"]')) {
1922                        colorpicker.find('.fc-event-skin').css('border-color', $(this).val());
1923                    }
1924                })
1925                .focus(function() {
1926                    if (selected) {
1927                        $(selected).removeClass('colorwell-selected');
1928                    }
1929
1930                    $(selected = this).addClass('colorwell-selected');
1931                    f.linkTo(this, colorpickerPreviewChange);
1932                    f.linkTo(colorpickerPreviewChange);
1933
1934                });
1935
1936                form_content.find('select.color-suggestions').change(function() {
1937                    var colors;
1938
1939                    if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {     
1940                        colorpicker
1941                        .find('input[name="fontColor"]').val(colors.font).focus().end()
1942                        .find('input[name="backgroundColor"]').val(colors.background).focus().end()
1943                        .find('input[name="borderColor"]').val(colors.border).focus().end()
1944
1945                        .find('.fc-event-skin').css({
1946                            'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
1947                            'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
1948                            'color':dataColorPicker.colorsSuggestions[$(this).val()].font
1949                        });
1950                    }
1951                });
1952
1953                /**
1954                                         * Trata a mudança dos valores dos campos de cores.
1955                                         * Se mudar um conjunto de cores sugerido,
1956                                         * este vira um conjunto de cores personalizado.
1957                                         */
1958                form_content.find('.colorwell').change(function (element, ui) {
1959                    if (true) {
1960                        form_content.find('select.color-suggestions')
1961                        .find('option:selected').removeAttr('selected').end()
1962                        .find('option[value="custom"]').attr('selected', 'selected').trigger('change');
1963                    }
1964                });
1965            }); //END set colorpicker
1966
1967            form_content.find('.phone').mask("+99 (99) 9999-9999");
1968            form_content.find('.number').numeric();
1969
1970        }); //END DataLayer.render( 'templates/configure_calendars_itemlist.ejs' ...
1971
1972// === validations preferences ====
1973
1974                       
1975} //END populateAccordionOnActive(event, ui)
1976               
1977
1978DataLayer.render( 'templates/configure_calendars.ejs', {
1979    user:User,
1980        type: type,
1981    calendars:calendars,
1982    signatures:signatures
1983}, function( template ){
1984    var template_content = jQuery('#'+tab_selector[type]).html( template ).find('.configure-calendars-win');
1985    template_content.find('.button').button().filter('.save').click(function(evt){
1986        if(calendarAlarms.length)
1987                DataLayer.removeFilter('calendarSignatureAlarm', {filter: ['IN','id', calendarAlarms]});       
1988        template_content.find('form').submit();
1989        $tabs.tabs( "remove", "#"+tab_selector[type]);
1990        DataLayer.commit( false, false, function( received ){
1991            delete Calendar.currentViewKey;
1992            Calendar.load();
1993            refresh_calendars();
1994        });
1995        if(calendarAlarms.length)
1996                Calendar.load();
1997    }).end().filter('.cancel').click(function(evt){
1998        $tabs.tabs( "remove", "#"+tab_selector[type]);
1999    });
2000
2001    /**
2002                         * Muda a estrutura do template para a aplicação do plugin accordion
2003                         */
2004    template_content.find('.header-menu-container').after('<div class="accordion-user-calendars"></div>').end().find('.accordion-user-calendars')
2005    .append(template_content.children('fieldset'));
2006                       
2007    template_content.find('.accordion-user-calendars').children('fieldset').each(function(index) {
2008        $(this).before($('<h3></h3>').html($(this).children('legend')));
2009    });
2010                       
2011    template_content.find('.accordion-user-calendars').accordion({
2012        autoHeight: false,
2013        collapsible: true,
2014        clearStyle: true,
2015        active: previewActiveCalendarConf,
2016        changestart: populateAccordionOnActive
2017    });
2018    populateAccordionOnActive(previewActiveCalendarConf);
2019});
2020
2021} else {
2022        $('.positionHelper').css('display','none');
2023    $('.cal-list-options-btn').removeClass('fg-menu-open ui-state-active');
2024    $tabs.tabs("select", "#"+tab_selector[type]);
2025    $('.accordion-user-calendars').accordion( "activate" , previewActiveCalendarConf );
2026               
2027    return true;
2028}
2029
2030}
2031
2032function getSelectedCalendars( reverse, type ){
2033    var selector = !!type ? "div.my-groups-task .calendar-view" : "div.my-calendars .calendar-view, div.signed-calendars .calendar-view";
2034    var returns = [];
2035
2036    $.each( $(selector), function(i , c){
2037
2038        if( reverse ? !c.checked : c.checked )
2039            returns.push( c.value );
2040
2041    });
2042
2043    if (!returns.length)
2044            return false;
2045
2046    return returns;
2047}
2048
2049/**
2050 * TODO - transformar em preferência do módulo e criar telas de adição e exclusão de conjunto de cores
2051 */
2052function colors_suggestions(){
2053    return [
2054    {
2055        name:'Padrão',
2056        border:'#3366cc',
2057        font:'#ffffff',
2058        background:'#3366cc'
2059    },
2060
2061    {
2062        name:'Coala',
2063        border:'#123456',
2064        font:'#ffffff',
2065        background:'#385c80'
2066    },
2067
2068    {
2069        name:'Tomate',
2070        border:'#d5130b',
2071        font:'#111111',
2072        background:'#e36d76'
2073    },
2074
2075    {
2076        name:'Limão',
2077        border:'#32ed21',
2078        font:'#1f3f1c',
2079        background:'#b2f1ac'
2080    },
2081
2082    {
2083        name:'Alto contraste',
2084        border:'#000000',
2085        font:'#ffffff',
2086        background:'#222222'
2087    }
2088    ]           
2089}
2090
2091function remove_event(eventId, idCalendar, type){
2092    $.Zebra_Dialog('Tem certeza que deseja excluir?', {
2093        'type':     'question',
2094        'overlay_opacity': '0.5',
2095        'buttons':  ['Sim', 'Não'],
2096        'onClose':  function(clicked) {
2097            if(clicked == 'Sim'){
2098
2099                var schedulable = getSchedulable( eventId, '');
2100                schedulable.calendar = ''+idCalendar;
2101                var schudableDecode = DataLayer.encode( "schedulable:preview", schedulable);
2102                var me = schudableDecode.me.user ? schudableDecode.me.user.id : schudableDecode.me.id;
2103
2104        var filter = {filter: ['AND', ['=','id',eventId], ['=','calendar',idCalendar], ['=','user', me]]};
2105
2106        if(type)
2107            filter.filter.push(['=','type',type]);
2108
2109                DataLayer.removeFilter('schedulable', filter);
2110                Calendar.rerenderView(true);
2111            }
2112        }
2113    });
2114}
2115
2116function mount_exception(eventID, exception){
2117
2118    getSchedulable( eventID.toString() , '');
2119    var schedulable = DataLayer.get('schedulable', eventID.toString() )
2120    var edit = { repeat: (DataLayer.get('repeat', schedulable.repeat)) };
2121
2122    edit.repeat.startTime = new Date(parseInt(edit.repeat.startTime)).toString('yyyy-MM-dd HH:mm:00');
2123    edit.repeat.endTime = parseInt(edit.repeat.count) > 0 ? '0' : new Date(parseInt(edit.repeat.endTime)).toString('yyyy-MM-dd HH:mm:00');
2124   
2125    edit.repeat.exceptions = ( exception );
2126   
2127    return edit.repeat;
2128}
2129
2130function remove_ocurrence(eventId, idRecurrence){
2131    $.Zebra_Dialog('Tem certeza que deseja excluir esta ocorrência?', {
2132        'type':     'question',
2133        'overlay_opacity': '0.5',
2134        'buttons':  ['Sim', 'Não'],
2135        'onClose':  function(clicked) {
2136            if(clicked == 'Sim'){
2137                var repeat = mount_exception(eventId, idRecurrence);
2138                DataLayer.remove('repeat', false);
2139                DataLayer.put('repeat', repeat);
2140                DataLayer.commit(false, false, function(data){
2141                    Calendar.rerenderView(true);
2142                });
2143            }
2144        }
2145    });
2146}
2147
2148
2149function remove_calendar(type){
2150    /* Pode ser assim $('.cal-list-options-btn.ui-state-active').attr('class').replace(/[a-zA-Z-]+/g, ''); */
2151        if(!!parseInt(type))
2152                var title = 'Todas as tarefas deste grupo serão removidas. Deseja prosseguir com a operação?';
2153        else
2154                var title = 'Todos os eventos desta agenda serão removidos. Deseja prosseguir com a operação?';
2155    $.Zebra_Dialog(title, {
2156        'type':     'question',
2157        'overlay_opacity': '0.5',
2158        'buttons':  ['Sim', 'Não'],
2159        'onClose':  function(clicked) {
2160            if(clicked == 'Sim'){
2161                var idCalendar =  $('.cal-list-options-btn.ui-state-active').attr('class').match(/[0-9]+/g);
2162                               
2163                DataLayer.remove('calendarSignature', Calendar.signatureOf[idCalendar[0]].id );
2164                               
2165                if(idCalendar == User.preferences.defaultCalendar)
2166                    DataLayer.remove( 'modulePreference', User.preferenceIds['defaultCalendar']);
2167                       
2168                DataLayer.commit( false, false, function( received ){
2169                    delete Calendar.currentViewKey;
2170                    Calendar.load();
2171                    refresh_calendars(type);
2172                });
2173            }
2174            $('.positionHelper').css('display', 'none');
2175       
2176        }
2177    });
2178}
2179
2180function refresh_calendars(type){
2181
2182    var colorsSuggestions = colors_suggestions();
2183    var buttons_colors = "";
2184    for(var i = 0; i < colorsSuggestions.length; i++){
2185        buttons_colors += "<a class=\"cal-colors-options-btn ui-icon ui-button-icon-primary signed-cal-colors-options-btn-"+i+"\"  style=\"background-color:"+colorsSuggestions[i]['background']+"; border-color:"+colorsSuggestions[i]['border']+"; color:"+colorsSuggestions[i]['font']+"\">&bull;</a>";
2186    }
2187
2188    //DataLayer.render( 'templates/calendar_list.ejs', 'calendar:list', ["IN", "id", Calendar.calendarIds], function( html ){
2189    DataLayer.render( 'templates/calendar_list.ejs', Calendar, function( html ){
2190       
2191        var meu_container = $(".calendars-list").html( html );
2192       
2193        var doMenu = function(){
2194                $('ul.list-calendars .cal-list-options-btn').each(function(){
2195                        $(this).menu({   
2196                        content: $(this).next().html(),
2197                        width: '120',
2198                        positionOpts: {
2199                                posX: 'left', 
2200                                posY: 'bottom',
2201                                offsetX: 0,
2202                                offsetY: 0,
2203                                directionH: 'right',
2204                                directionV: 'down', 
2205                                detectH: true, // do horizontal collision detection   
2206                                detectV: true, // do vertical collision detection
2207                                linkToFront: false
2208                        },
2209                        flyOut: true,
2210                        showSpeed: 100,
2211                        crumbDefaultText: '>'
2212                        });
2213                });
2214        }
2215       
2216        doMenu();
2217        var currentToolTip = null;
2218        $('#divAppbox').on('scroll',function(){
2219                if ($('.cal-list-options-btn.fg-menu-open.ui-state-active')){                   
2220                        var offset = $('.cal-list-options-btn.fg-menu-open.ui-state-active').offset();
2221                        if (offset)
2222                            $('.positionHelper').css('top',offset.top);
2223                }
2224
2225                if ($('.button.config-menu.fg-menu-open')){
2226                        var offset = $('.button.config-menu.fg-menu-open').offset();
2227                        if (offset)
2228                            $('.positionHelper').css('top',offset.top);
2229                }               
2230
2231               
2232                if ($(".new-group.qtip-active").length || $(".new-calendar.qtip-active").length)                       
2233                    $('.qtip-active').css('top',currentToolTip.offset().top - 50);
2234               
2235        });
2236
2237     $('ul.list-calendars .cal-list-options-btn').on('click',function(){doMenu();});
2238       
2239
2240    /***************************************New Calendar***************************************/
2241        meu_container.find(".button.new-calendar").button({
2242            icons: {
2243                primary: "ui-icon-plus"
2244            },
2245            text: false
2246        }).click(function () {
2247                currentToolTip = $(this);
2248        var typeCalendar = !!parseInt($(this).attr('class').match(/[0-9]+/g)) ?
2249            {type: 'new-group', title: 'Novo Grupo', typeValue: 1, prompt: 'Nome do grupo'} :
2250            {type: 'new-calendar', title: 'Nova Agenda', typeValue: 0, prompt: 'Nome da agenda'}
2251               
2252            if(!$('.qtip.qtip-blue.qtip-active.'+typeCalendar.type).length){
2253
2254            $('.qtip.qtip-blue').remove();
2255
2256                $(this).qtip({
2257                                show: {
2258                       ready: true,
2259                   solo: true,
2260                   when: {
2261                          event: 'click'
2262                       }
2263                    },
2264                  hide: false,
2265                  content: {
2266                          text: $('<div></div>').html( DataLayer.render( 'templates/calendar_quick_add.ejs', {} ) ),
2267                          title: {
2268                              text: typeCalendar.title,
2269                              button: '<a class="button close" href="#">close</a>'
2270                          }
2271                        },
2272                  style: {
2273                          name: 'blue',
2274                      tip: {
2275                              corner: 'leftMiddle'
2276                          },
2277                   border: {
2278                           width: 4,
2279                           radius: 8
2280                          },
2281                      width: {
2282                              min: 230,
2283                          max:230
2284                          }
2285                    },
2286               position: {
2287                       corner: {
2288                           target: 'rightMiddle',
2289                           tooltip: 'leftMiddle'
2290                       },
2291                       adjust: {
2292                            x:0,
2293                            y: -12
2294                                               
2295                       }
2296                    }
2297            })
2298                .qtip("api").onShow = function(arg0) {
2299                               
2300                    $('.qtip-active .button.close').button({
2301                          icons: { primary: "ui-icon-close" },
2302                          text: false
2303                    })
2304                    .click(function(){
2305                                $('.qtip.qtip-blue').remove();
2306                    });
2307                   
2308                $('.qtip-active').addClass(typeCalendar.type);
2309
2310                    $('.qtip-active .button.cancel').button().click(function(){
2311                                $('.qtip.qtip-blue').remove();
2312                    });
2313                               
2314
2315                    $('.qtip-active .button.save').button().click(function(){
2316                    if(!typeCalendar.typeValue)
2317                                for(var i = 0; i < Calendar.calendars.length; i++){
2318                                    if(Calendar.calendars[i].location == ( User.me.uid + '/' + $('.qtip-active input').val())){
2319                                        $.Zebra_Dialog('O nome desta agenda já está sendo utilizada em uma Url de outra agenda. Por favor, informe outro nome para agenda.',{
2320                                            'overlay_opacity': '0.5',
2321                                            'type': 'warning'
2322                                        });
2323                                        $('.qtip.qtip-blue').remove();
2324                                        return;
2325                                    }
2326                                }
2327                                       
2328                        var selected;
2329                        var color = $('.cal-colors-options-btn').each(function(index){
2330                            if ($(this).is('.color-selected'))
2331                                 selected = index;
2332                        });
2333                        DataLayer.put( "calendarSignature", {
2334                            user: User.me.id,
2335                            calendar: {
2336                                name: Encoder.htmlEncode($('.qtip-active input').val()),
2337                                timezone: User.preferences.timezone,
2338                        type: typeCalendar.typeValue                   
2339                            },
2340                            isOwner: 1,
2341                            fontColor: colorsSuggestions[selected]['font'].substring(1) ,
2342                            backgroundColor: colorsSuggestions[selected]['background'].substring(1) ,
2343                            borderColor: colorsSuggestions[selected]['border'].substring(1)
2344                        });
2345                        DataLayer.commit( false, false, function( received ){
2346                            delete Calendar.currentViewKey;
2347                            Calendar.load();
2348                            refresh_calendars();
2349                        });
2350                        $('.qtip.qtip-blue').remove();
2351                    });
2352       
2353                    $(".qtip-active input").Watermark(typeCalendar.prompt);
2354                               
2355                    $('.qtip-active').keydown(function(event) {
2356                            if (event.keyCode == '27')
2357                              meu_container.find(".button.new").qtip('destroy');
2358                    });
2359                               
2360                    $('.colors-options').prepend(buttons_colors);
2361                    $('.colors-options .signed-cal-colors-options-btn-0').addClass('color-selected');
2362                                               
2363                    var buttons = $('.cal-colors-options-btn').button();
2364                               
2365                    buttons.click(function(){
2366                        buttons.removeClass('color-selected');
2367                        $(this).addClass('color-selected');
2368                    });
2369                }                               
2370           }
2371    });
2372
2373    $("img.cal-list-img").click(function(evt) {
2374           $(".cal-list-options_1").toggleClass( "hidden" );
2375    });
2376
2377    $(".my-groups-task a.title-my-calendars").click(function() {
2378        $(".my-groups-task ul.my-list-calendars").toggleClass("hidden")
2379        $('.my-groups-task .status-list').toggleClass("ui-icon-triangle-1-s");
2380        $('.my-groups-task .status-list').toggleClass("ui-icon-triangle-1-e");
2381    });
2382
2383    $(".my-calendars a.title-my-calendars").click(function() {
2384        $(".my-calendars ul.my-list-calendars").toggleClass("hidden")
2385        $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-s");
2386        $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-e");
2387    });
2388               
2389    $(".signed-calendars a.title-signed-calendars").click(function() {
2390           $(".signed-calendars ul.signed-list-calendars").toggleClass( "hidden");
2391    });
2392
2393    $("ul li.list-calendars-item").click(function(evt) {
2394       
2395        });   
2396
2397    $("ul li.list-calendars-item .ui-corner-all").click(function(evt) {
2398        //alert('teste');
2399        });   
2400       
2401    meu_container.find(".button.new-calendar-shared").button({
2402        icons: {
2403            primary: "ui-icon-plus"
2404        },
2405        text: false
2406    }).click(function (event) {
2407        show_modal_search_shared();
2408    });
2409               
2410
2411    meu_container.find('.title-signed-calendars').click(function(evt){
2412        var status = $(this).parent().find('.status-list-shared');
2413                       
2414        if(status.hasClass('ui-icon-triangle-1-s'))
2415            status.removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
2416        else
2417            status.removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
2418    });
2419               
2420    $('.calendar-view').click(function(evt){
2421
2422        var checkBox = $(this);
2423        var calendarId = $(this).val();
2424
2425        Calendar.signatureOf[ calendarId ].hidden =  (checkBox.is(':checked') ? 0 : 1 );
2426
2427        DataLayer.put('calendarSignature', {id: Calendar.signatureOf[ calendarId ].id , hidden: Calendar.signatureOf[ calendarId ].hidden }  );
2428        DataLayer.commit();
2429
2430
2431         if($tabs.tabs('option' ,'selected') == 0){
2432
2433             if(Calendar.currentView && !!Calendar.currentView[ calendarId ]){
2434
2435                 Calendar.currentView[ calendarId ].hidden = !checkBox.is(':checked');
2436                 $('#calendar').fullCalendar( 'refetchEvents' );
2437             }
2438
2439         }else{
2440             type = $tabs.tabs('option' ,'selected');
2441             type = type > 2 ? 2 : (type - 1)
2442
2443             pageselectCallback('', 0, false, type);
2444         }
2445    });
2446});
2447}
2448
2449function add_events_list(keyword, type)
2450{
2451    if ($.trim(keyword) == "") return;
2452    var tab_title = "";
2453    if (keyword){
2454                type = 2;
2455                if(keyword.length < 10)
2456                        tab_title = keyword;
2457                else
2458                        tab_title = keyword.substr(0,10) + '..."';
2459    }else{
2460                if(type){
2461                        if(!!parseInt(type))
2462                                tab_title = "Lista de tarefas";
2463                        else
2464                                tab_title = "Lista de eventos";
2465                }
2466    }
2467        var tab_selector = ['tab_events_list_', 'tab_tasks_list_', 'tab_all_list_'];
2468    keyword = ( keyword || '' ).replace( /\s+/g, "_" );
2469       
2470    if(!(document.getElementById(tab_selector[type] + (Base64.encode(keyword)).replace(/[^\w\s]/gi, "") )))     
2471    {
2472        Encoder.EncodeType = "entity";
2473        $tabs.tabs( "add", "#"+tab_selector[type] + (Base64.encode(keyword)).replace(/[^\w\s]/gi, ""), Encoder.htmlEncode(tab_title) );
2474    }
2475    else /* Tab already opened */
2476    {
2477                //$tabs.tabs("option", "selected", 2);
2478        }
2479       
2480    pageselectCallback(keyword, 0, false, type); // load page 1 and insert data on event_list.ejs
2481       
2482    $('.preferences-win.active .button.save, .preferences-win.active .button.cancel, .preferences-win.active .button.import, .preferences-win.active .button.export').button();
2483}
2484
2485function paginatorSearch(currentView){
2486    $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
2487        function(){
2488            $(this).addClass('fc-state-hover');
2489        },
2490        function(){
2491            $(this).removeClass('fc-state-hover');
2492        }).mousedown(function(){
2493        $(this).addClass('fc-state-down');
2494    }).mouseup(function(){
2495        $(this).removeClass('fc-state-down');
2496        $('.events-list.events-list-win.active').removeClass('active');
2497        var paginator = $(this).attr('class');
2498        if(paginator.indexOf('next') > 0){
2499            if(parseInt($(currentView+' [name = results]').val()) > 25)
2500                pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1), false,  2);
2501        }else{
2502            if(parseInt($(currentView+' [name = page_index]').val()) > 0)
2503                pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1), false, 2);
2504        }
2505    });
2506}
2507
2508function mountTitleList(page_index ,view){
2509    switch (view){
2510        case 'agendaDay':
2511        case 'basicDay':
2512            var date = new Date().add({
2513                days: page_index
2514            });
2515            return (dateCalendar.dayNames[date.getDay()])+", "+(date.toString('dd MMM yyyy'));
2516        case 'agendaWeek':
2517            var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2518            dateStart.add({
2519                days: (7 * page_index)
2520                });
2521            var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2522            dateEnd.add({
2523                days: (page_index * 7)+7
2524                });
2525            if(dateStart.toString('MM') != dateEnd.toString('MM'))
2526                return dateStart.toString('dd')+' de '+dateCalendar.monthNamesShort[dateStart.getMonth()]+' a '+dateEnd.toString('dd')+' de '+dateCalendar.monthNames[dateEnd.getMonth()]+' - '+dateEnd.toString('yyyy');
2527            return +dateStart.toString("dd")+" a "+dateEnd.toString("dd")+" de "+dateCalendar.monthNames[dateEnd.getMonth()]+" - "+dateEnd.toString('yyyy');
2528        case 'month':
2529            var date = new Date().add({
2530                months: page_index
2531            })
2532            return dateCalendar.monthNames[date.getMonth()]+" "+date.toString("yyyy");
2533        case 'year':
2534            var date = new Date().add({
2535                years: page_index
2536            });
2537            return date.toString("yyyy");
2538    }
2539}
2540
2541function paginatorList(currentView, view, type){
2542    $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>'+mountTitleList( parseInt($(currentView+' [name = page_index]').val()),view)+'</h2>');
2543    $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
2544    if(view == 'basicDay')
2545        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-agendaDay').addClass('fc-state-active');
2546    else
2547        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-'+view).addClass('fc-state-active');
2548    $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').addClass('list-right');
2549               
2550    $(currentView+' .header-paginator .fc-header-right .fc-button').hover(
2551        function(){
2552            $(this).addClass('fc-state-hover');
2553        },
2554
2555        function(){
2556            $(this).removeClass('fc-state-hover');
2557        }).mousedown(function(){
2558        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
2559        $(this).addClass('fc-state-active');
2560    }).mouseup(function(){
2561        var goView = $(this).attr('class');
2562        if(goView.indexOf('agendaDay') > 0)
2563            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'agendaDay', type);
2564        else if(goView.indexOf('month') > 0)
2565            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'month', type);
2566        else if(goView.indexOf('year') > 0)
2567            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'year', type);
2568        else if(goView.indexOf('agendaWeek') > 0)
2569            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'agendaWeek', type);
2570
2571    });
2572
2573    $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
2574        function(){
2575            $(this).addClass('fc-state-hover');
2576        },
2577        function(){
2578            $(this).removeClass('fc-state-hover');
2579        }).mousedown(function(){
2580        $(this).addClass('fc-state-down');
2581    }).mouseup(function(){
2582        $(this).removeClass('fc-state-down');
2583        var paginator = $(this).attr('class');
2584        if(paginator.indexOf('next') > 0)
2585            pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1), view, type);
2586        else
2587            pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1), view, type);
2588    });
2589}
2590
2591function printEventList(view){
2592        $('.fc-button-print.print-list-events').click(function(){
2593                var window_print = window.open('','ExpressoCalendar','width=800,height=600,scrollbars=yes');
2594                var listEvents = $(view).clone();
2595                listEvents.find('.fc-button').remove();
2596                listEvents.find('.details-event-list').remove();
2597                listEvents.find('.list-events-paginator').remove();
2598                listEvents = listEvents.html();
2599                type = $(this).parents('.ui-tabs-panel').attr("id").split("_")[1];
2600
2601                var data = {
2602                        type : type == "tasks" ? "task-list" : ( type == "events" ? "event-list" : "search"),
2603                        html : listEvents,
2604                        InfoPage : $(this).parents('table.header-paginator').find( '.fc-header-title' ).text()
2605                }
2606                window_print.document.open();           
2607                window_print.document.write(DataLayer.render('templates/calendar_list_print.ejs', data));
2608                window_print.document.close();
2609                window_print.print();
2610        });
2611}
2612
2613function paginatorListEvent(currentView, typeView, view, type){
2614    if(!!$(currentView).find('.fc-calendar').length)
2615        return;
2616    $(currentView+' .events-list.events-list-win.active').prepend($('.fc-header:first').clone());
2617    //Remove contudo nao utilizado
2618    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-today').remove();
2619    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicWeek').remove();
2620    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicDay').removeClass("fc-button-basicDay").addClass('fc-button-agendaDay');                     
2621               
2622    //Adiciona e remove as classes para esta visualizacao
2623    $(currentView+' .events-list.events-list-win.active .fc-header .fc-header-center').addClass('list-events-paginator');
2624    $(currentView+' .events-list.events-list-win.active .fc-header .list-events-paginator').removeClass('fc-header-center');           
2625               
2626    //Adicionar class no header padronizar com a tela principal
2627        $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-print').addClass('print-list-events');               
2628        $(currentView+' .events-list.events-list-win.active .fc-header').addClass('header-paginator');
2629    $(currentView+' .events-list.events-list-win.active .header-paginator').removeClass('fc-header');   
2630       
2631        printEventList(currentView);
2632       
2633    if(typeView == 'search'){
2634        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right span.fc-button:not(.fc-button-print)').remove();
2635        $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>Resultados para: '+$(currentView+' [name = keyword]').val()+'</h2>');
2636        if((parseInt($(currentView+' [name = page_index]').val()) == 0) && (parseInt($(currentView+' [name = results]').val()) <= 25))
2637            return;
2638        paginatorSearch(currentView);
2639    }else
2640        paginatorList(currentView, view, type);
2641}
2642
2643function mountCriteriaList(view, page_index, calerdars_selecteds){
2644    var rangeStart , rangeEnd;
2645    switch (view){
2646        case 'basicDay':
2647        case 'agendaDay':
2648            rangeStart = new Date.today().add({ days: page_index }).getTime();
2649            rangeEnd = rangeStart + 86400000;
2650            break;
2651        case 'agendaWeek':
2652            var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2653            var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2654            dateEnd.setHours(0,0,0);
2655            dateStart.setHours(0,0,0);
2656            rangeStart = dateStart.add({ days: (7 * page_index) }).getTime();
2657            rangeEnd = dateEnd.add({ days: (7 * page_index)+7 }).getTime();
2658            break;
2659        case 'month':
2660            var date = Date.today().add({ months: page_index })
2661            rangeStart = date.moveToFirstDayOfMonth().getTime();
2662            rangeEnd = date.moveToLastDayOfMonth().getTime() + 86400000;
2663            break;
2664        case 'year':
2665            var dateStart = new Date().add({ years: page_index });
2666            var dateEnd = new Date().add({ years: page_index });
2667            dateEnd.setHours(0,0,0);
2668            dateStart.setHours(0,0,0);
2669            if(dateStart.getMonth() != 0)
2670                    dateStart.moveToMonth(0, -1)
2671            if(dateEnd.getMonth() != 11)
2672            dateEnd.moveToMonth(11)
2673
2674        rangeStart = dateStart.moveToFirstDayOfMonth().getTime();
2675        rangeEnd = dateEnd.moveToLastDayOfMonth().getTime() + 86400000;
2676            break; 
2677    }
2678                       
2679    var timezone = {};
2680    for(var i in Calendar.signatureOf)
2681            timezone[i] = Calendar.signatureOf[i].calendar.timezone;
2682       
2683    return  {
2684        rangeStart: rangeStart,
2685        rangeEnd: rangeEnd,
2686            order: 'startTime',
2687            timezones: timezone,
2688        calendar: calerdars_selecteds
2689        };
2690}
2691
2692function pageselectCallback(keyword, page_index, view, type){
2693    $('.qtip.qtip-blue').remove();
2694        var tab_selector = ['tab_events_list_', 'tab_tasks_list_', 'tab_all_list_'];
2695        var tab_title = ['Lista de eventos', 'Lista de tarefas'];
2696        var label_noselect_calendar = ['Por favor selecione ao menos uma agenda.', 'Por favor selecione ao menos um grupo.', 'Por favor selecione ao menos uma agenda ou grupo.'];
2697        var label_nofound_search = ['Não foi encontrado nenhum evento correspondente à sua pesquisa.', 'Não foi encontrado nenhuma tarefa ou atividade correspondente à sua pesquisa.', 'Não foi encontrado nenhum evento ou tarefa ou atividade correspondente à sua pesquisa.'];
2698        var label_nofound = ['Não foram encontrados eventos neste intervalo.', 'Não foram encontradas tarefas ou atividades neste intervalo.', 'Não foram encontrados eventos ou tarefas ou atividades neste intervalo.'];
2699        var selecteds = getSelectedCalendars(false, type);
2700   
2701        if(!selecteds && (keyword != '' && keyword != null)){   
2702        jQuery('#'+tab_selector[type] + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
2703            '<div title="'+tab_title[type]+'" class="events-list events-list-win active empty">' +
2704            '<label>'+label_noselect_calendar[type]+'</label>' +
2705            '</div>'
2706        );
2707    }else{
2708        var criteria = null;
2709        if(keyword == '' || keyword == null){
2710
2711            criteria = mountCriteriaList(!!view ? view : User.preferences.defaultCalView, page_index, selecteds);
2712
2713        }else{
2714
2715            var timezone = {};
2716            for(var i in Calendar.signatureOf)
2717                timezone[i] = Calendar.signatureOf[i].calendar.timezone;
2718
2719            criteria =  {
2720
2721                searchEvent: true,
2722                order: 'startTime',
2723                offset: (25 * page_index),
2724                limit: (((25 * page_index) + 25) + 1),
2725                summary: keyword,
2726                description: keyword,
2727                calendar: selecteds,
2728                timezones: timezone
2729
2730            };
2731        }
2732       
2733        var results = DataLayer.encode('schedulable:list', DataLayer.dispatch('modules/calendar/schedules', criteria));
2734        //var results = DataLayer.get('schedulable:detail', criteria);
2735        keyword = ( keyword || '' ).replace( /\s+/g, "_" );
2736        }
2737// não há resultados   
2738
2739var currentView = '#'+tab_selector[type] + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") || '');
2740
2741if ((((typeof(results) == 'undefined') || (!results.events_list )) && selecteds) &&(keyword != '' && keyword != null)) {
2742    $(currentView).html(
2743                '<div title="'+title+'" class="events-list events-list-win active empty">' +
2744                '<label>'+label_nofound_search[type]+'</label>' +
2745                '</div>'
2746        );
2747// há resultados e Agendas Selecionadas
2748} else{
2749    if(typeof(results) != 'undefined'){
2750                results['page_index'] = page_index;
2751                results['keyword'] = keyword;
2752                results['tab_title'] = tab_title[type];
2753                DataLayer.render( 'templates/event_list.ejs', results, function( html ){
2754                       
2755                        $(currentView).html( html );
2756                        $('.events-list-win .menu-container .button').button();
2757                                                                                                                       
2758                        $(".event-details-item").parent().click(function(event){
2759                        event.stopImmediatePropagation();
2760            var container = $(this).siblings("div.details-event-list");
2761
2762
2763            //lazy data
2764            if( container.hasClass('hidden') ){
2765
2766                //only first click
2767                if(!container.find('fieldset').length){
2768
2769                   $(this).append( '<span style="width: 20px;" class="load-event-detail"><img style="width: 20px;" src="'+DataLayer.dispatchPath+'/modules/calendar/img/loading.gif"></img></span>');
2770
2771                    var schedulable = container.find('input[name="eventid"]').val();
2772                    schedulable = DataLayer.encode('schedulable:detail', [getSchedulable( schedulable, '' )]);
2773
2774                    schedulable = $.isArray( schedulable ) ? schedulable[0] : schedulable;
2775
2776                    container.prepend( DataLayer.render( 'templates/event_detail_list.ejs', {'_event': schedulable}));
2777
2778                    $(this).find('span.load-event-detail').remove();
2779                }
2780            }
2781
2782            container.toggleClass("hidden")
2783                        .find('.button.delete').click(function(event){
2784                                var eventId = $(this).siblings('[name="eventid"]').val();
2785                                var calendarId = $(this).siblings('[name="calendarid"]').val();
2786                                remove_event(eventId, calendarId, 2);
2787                                event.stopImmediatePropagation()
2788                        })
2789                        .end().find('.button.edit').click(function(event){
2790
2791                var schedulable = $(this).siblings('[name="eventid"]').val();
2792                switch($(this).siblings('[name="eventtype"]').val()){
2793
2794                    case '1':
2795                        eventDetails( getSchedulable( schedulable, '' ), true );
2796                    break;
2797                    case '2':
2798                        taskDetails( getSchedulable( schedulable, '' ), true );
2799                    break;
2800                    case '3':
2801                        activityDetails( getSchedulable( schedulable, '' ), true );
2802                    break;
2803                }
2804                                event.stopImmediatePropagation()
2805                        })
2806                        .end().find('.button.print').click(function(event){     
2807                                var window_print = window.open('','ExpressoCalendar','width=800,height=600,scrollbars=yes');
2808                                var html = $(this).parents("td:first").clone();
2809                                html.find(".menu-container.footer-container").remove();
2810                                html.find(".fc-header-title").remove();
2811                                var html = html.html();
2812                                var data = {
2813                                        type : $(this).parents('.details-event-list').hasClass("details-event") ? "event-detail" : "task-detail",
2814                                        html : html,
2815                                        InfoPage : 'Detalhes: '+$(this).parents('tr.start-date').find('td span a').text()
2816                                }
2817                                window_print.document.open();           
2818                                window_print.document.write(DataLayer.render('templates/calendar_list_print.ejs', data));
2819                                window_print.document.close();
2820                                window_print.print();
2821                               
2822                                event.stopImmediatePropagation()
2823                        });
2824
2825                        });
2826                        paginatorListEvent(currentView, (keyword == '' || keyword == null) ? 'list' : 'search',  !!view ? view : User.preferences.defaultCalView, type);
2827                });
2828    }else{
2829                $(currentView).html(
2830                        '<div title="'+title+'" class="events-list events-list-win active empty">' +
2831                        '<input type="hidden" name="page_index" value="'+page_index+'"></inpunt>'+
2832                        '<input type="hidden" name="keyword" value="'+keyword+'"></inpunt>'+
2833                        '<label class="empty-result">'+label_nofound[type]+'</label>' +
2834                        '</div>'
2835                        );
2836                paginatorListEvent(currentView, 'list', !!view ? view : User.preferences.defaultCalView, type);
2837    }
2838}
2839        if(currentView != '#'+tab_selector[type])
2840            $tabs.tabs("select", currentView);
2841}
2842
2843function show_modal_import_export(tab, calendarId, typeView){
2844    $('.qtip.qtip-blue').remove();
2845    DataLayer.render( 'templates/import_export.ejs', {
2846        calendars: typeView == 0 ? Calendar.calendars : Calendar.groups,
2847        owner: User.me.id,
2848        typeView: typeView
2849        }, function( html ){
2850
2851        if (!UI.dialogs.importCalendar) {
2852            UI.dialogs.importCalendar = jQuery('#div-import-export-calendar')
2853            .append('<div title="Importar e Exportar "' + (typeView == 0 ? 'Eventos' : 'Tarefas') + '" class="import-export import-export-win active"> <div>')
2854            .find('.import-export-win.active').html(html).dialog({
2855                resizable: false,
2856                modal:true,
2857                width:500,
2858                position: 'center'
2859            });
2860                       
2861        } else {
2862            UI.dialogs.importCalendar.html(html);
2863        }
2864               
2865        var tabsImportExport = UI.dialogs.importCalendar.find(".tabs-import-export").tabs({
2866            selected: tab
2867        });
2868       
2869        UI.dialogs.importCalendar.find('.button').button();
2870
2871        tabsImportExport.find('option[value="'+calendarId+'"]').attr('selected','selected').trigger('change');
2872               
2873        var form = false;
2874        $('.import-event-form').fileupload({
2875            sequentialUploads: true,
2876            add: function (e, data) {
2877            form = data
2878            var name = form.files[0].name;
2879            $('.import-event-form').find('input[type="file"]').hide();
2880            $('.import-event-form').find('span.file-add').removeClass('hidden');
2881            $('.import-event-form').find('span.file-add').append('<span>'+ name +'</span><a class="button remove-attachment tiny"></a>');
2882            $('.import-event-form').find('.button.remove-attachment').button({
2883                icons: {
2884                primary: "ui-icon-close"
2885                },
2886                text: false
2887            }).click(function (event){
2888                $('.import-event-form').find('input[type="file"]').show();
2889                $('.import-event-form').find('span.file-add').addClass('hidden').html('');
2890                form = false;
2891            });
2892
2893            },
2894        submit:function(e, data){
2895
2896            $('div.import-export').find('a.button').button('option', 'disabled', true)
2897            $('.import-event-form').find('span.file-add').append('<img src="../prototype/modules/calendar/img/ajax-loader.gif">');
2898
2899        },
2900            done: function(e, data){
2901            var msg = '';
2902            var type = '';
2903
2904            if(!!data.result && data.result == '[][""]' || data.result.indexOf('Error') >= 0 ){
2905                msg = 'Erro ao realizar a importação, por favor verifique o arquivo .ics';
2906                type = 'warning';
2907
2908                $('div.import-export').find('a.button').button('option', 'disabled', false)
2909                $('.import-event-form').find('span.file-add img ').remove();
2910
2911            }else{
2912
2913                if(data.result.indexOf('schedulable') >= 0){
2914                    msg = 'Importação realizada com sucesso!';
2915                    type = 'confirmation';
2916                    Calendar.rerenderView(true);
2917                }else{
2918                    var res = JSON.parse(data.result);
2919                    var asData = false;
2920
2921                    for(var i = 0; i < res.length; i++)
2922                        if(res[i].length > 0)
2923                            asData = true;
2924
2925                    if(asData){
2926                        msg = 'Importação realizada com sucesso!';
2927                        type = 'confirmation';
2928                        Calendar.rerenderView(true);
2929                    }else{
2930                        msg = 'Não foram encontrados novos eventos na importação!';
2931                        type = 'information';
2932                    }
2933                }
2934
2935                UI.dialogs.importCalendar.dialog("close");
2936            }
2937
2938            $.Zebra_Dialog(msg, {
2939                'type':     type,
2940                'overlay_opacity': '0.5',
2941                'buttons':  ['Fechar']
2942            });
2943            }
2944        });
2945
2946        UI.dialogs.importCalendar.find(".menu-import-event")       
2947            .children(".import").click(function(data){
2948            $('.import-event-form fieldset.import-calendar', UI.dialogs.importCalendar).append(
2949                '<input type="hidden" name="params[calendar_timezone]" value="'+
2950                Calendar.signatureOf[$('.import-event-form option:selected').val()].calendar.timezone
2951                +'"/>')
2952            if(form)
2953                form.submit();
2954        });
2955           
2956        UI.dialogs.importCalendar.find(".menu-export-event")       
2957        .children(".export").click(function(){
2958             
2959            $('.export-event-form', UI.dialogs.importCalendar).submit();
2960            UI.dialogs.importCalendar.dialog("close");
2961        /**
2962                         * TODO - implementar ação de exportação
2963                         */
2964        });
2965       
2966        UI.dialogs.importCalendar.find(".menu-container")
2967        .children(".cancel").click(function(){
2968            UI.dialogs.importCalendar.dialog("close");
2969        });   
2970               
2971        UI.dialogs.importCalendar.dialog("open");
2972    });
2973}
2974
2975function copyAndMoveTo(calendar, event, idRecurrence, type, evt ){
2976    /*
2977     * Types
2978     * 0 = Move
2979     * 1 = Copy Event end Repet
2980     * 2 = Copy Ocurrence
2981     * 3 = Copy to edit ocurrence
2982     *
2983     **/
2984    if(!type)
2985        type = $('.calendar-copy-move input[name="typeEvent"]').val();
2986
2987    getSchedulable(event,'');
2988    var schedulable = DataLayer.get('schedulable', event.toString());
2989    schedulable['class'] = '1';
2990       
2991    calendar = !!calendar ? calendar : schedulable.calendar;
2992
2993    owner = decodeOwnerCalendar(calendar);
2994       
2995    if(typeof(schedulable) == "array")
2996        schedulable = schedulable[0];
2997       
2998    //Move eventos entre agendas
2999    if(parseInt(type) == 0){
3000               
3001        schedulable.lastCalendar = schedulable.calendar;
3002    schedulable.calendar = calendar;
3003        DataLayer.put('schedulable', schedulable);
3004       
3005        DataLayer.commit();
3006    //copia eventos entre agendas
3007    }else{
3008       
3009        var newSchedulable = schedulable;
3010       
3011        delete newSchedulable.id;
3012        delete newSchedulable.uid;
3013        delete newSchedulable.sequence;
3014        delete newSchedulable.dtstamp;
3015               
3016        delete schedulable.DayLigth;
3017        delete schedulable.rangeStart
3018        delete schedulable.rangeEnd;
3019        delete schedulable.lastUpdate;
3020               
3021        delete schedulable.calendar;
3022               
3023        if(schedulable.repeat && type == "1" ){
3024            var repeat = DataLayer.get('repeat', schedulable.repeat);
3025            delete repeat.schedulable;
3026            delete repeat.id;
3027            repeat.startTime = repeat.startTime == '' ? '' : new Date(parseInt(repeat.startTime)).toString('yyyy-MM-dd HH:mm:00');
3028            repeat.endTime = repeat.endTime == '' ? '' : new Date(parseInt(repeat.endTime)).toString('yyyy-MM-dd HH:mm:00');
3029                   
3030            var exceptions = DataLayer.get('repeatOccurrence', {
3031                filter: ['AND', ['=','repeat', schedulable.repeat], ['=','exception','1']]
3032                }, true);
3033            if(exceptions){
3034                repeat.exceptions = '';
3035                for(var i in exceptions )
3036                    repeat.exceptions += exceptions[i].occurrence + ((exceptions.length -1) == parseInt(i) ? '' : ',');
3037                           
3038            }
3039                   
3040                   
3041            schedulable.repeat = repeat;
3042        }else{
3043            if(!!idRecurrence){
3044                newSchedulable.endTime = parseInt(schedulable.occurrences[idRecurrence]) + (parseInt(newSchedulable.endTime) - parseInt(newSchedulable.startTime));
3045                newSchedulable.startTime = schedulable.occurrences[idRecurrence];
3046            }
3047            delete schedulable.repeat;
3048        }
3049        delete schedulable.occurrences;
3050               
3051        schedulable.calendar = DataLayer.copy(calendar);
3052               
3053        var participants = DataLayer.copy(schedulable.participants);
3054        delete schedulable.participants;
3055
3056    if(schedulable['type'] == '2')
3057        delete schedulable['historic'];
3058
3059        schedulable.participants =  $.map( participants, function( attendee, i ){
3060
3061            var participant = DataLayer.get('participant', attendee, false);
3062
3063            if(typeof(participant) == 'array')
3064                participant = participant[0];
3065
3066            if(owner.id != participant.user)
3067                delete participant.status;
3068
3069            delete participant.delegatedFrom;
3070            delete participant.id;
3071            delete participant.schedulable;
3072
3073            participant.id = DataLayer.put('participant', participant);
3074
3075            return  (parseInt(type) == 3) ? participant.id : participant ;
3076        });
3077
3078        //Edit ocurrence
3079        if(parseInt(type) == 3){
3080            newSchedulable.endTime = !!evt.end  ? evt.end.getTime() :  ((evt.start).getTime() + 86400000);
3081            newSchedulable.startTime = evt.start.getTime();
3082                   
3083            return newSchedulable;
3084        }
3085        newSchedulable.endTime = new Date(parseInt(newSchedulable.endTime) - (parseInt(newSchedulable.allDay) ? 86400000 : 0)).toString('yyyy-MM-dd HH:mm:00');
3086        newSchedulable.startTime = new Date(parseInt(newSchedulable.startTime)).toString('yyyy-MM-dd HH:mm:00');
3087       
3088        DataLayer.put('schedulable', newSchedulable);
3089
3090    }
3091}
3092
3093function messageHelper(msg, isShow){
3094    if(isShow)
3095        new $.Zebra_Dialog('<span style="width: 50px; height: 50px;">'+
3096                            '<img src="'+DataLayer.dispatchPath+'/modules/calendar/img/loading.gif"></img>'+
3097                        '</span><label class="messagesHelpers"> '+ msg +' </label>' , {
3098                        'buttons':  false,
3099                        'modal': true,
3100                        'overlay_opacity': '0.5',
3101                        'keyboard': false,
3102                        'overlay_close': false,
3103                        'type': false,
3104                        'custom_class': 'messagesHelpersExpressoCalendar'
3105                        }
3106                    );
3107    else{
3108        $('.messagesHelpersExpressoCalendar').remove();
3109        $('.ZebraDialogOverlay').remove();
3110    }
3111}
3112
3113function extendsFileupload(view, path){
3114    var viewName = 'div.new-'+view+'-win';
3115   
3116    path = !!path ? path : '';
3117   
3118    var maxSizeFile = 2000000;
3119    $('#fileupload'+view).fileupload({
3120        sequentialUploads: true,
3121        add: function (e, data) {
3122            if(data.files[0].size < maxSizeFile)
3123                data.submit();
3124        },
3125        change: function (e, data) {
3126            $.each(data.files, function (index, file) {
3127                var attach = {};
3128                attach.fileName = file.name;
3129                var ext = file.name.split('.');
3130                if(file.name.length > 10)
3131                    attach.fileName = ext.length == 1 ? file.name.substr(0, 10) :  file.name.substr(0, 6) + '.' + ext[ext.length -1];
3132                attach.fileSize = formatBytes(file.size);
3133                if(file.size > maxSizeFile)
3134                    attach.error = 'Tamanho de arquivo nao permitido!!'
3135                               
3136                $(viewName+' .attachments-list').append(DataLayer.render(path+'templates/attachment_add_itemlist.ejs', {
3137                    file : attach
3138                }));
3139                               
3140                if(file.size < maxSizeFile){
3141                    $(viewName+' .fileinput-button.new').append(data.fileInput[0]).removeClass('new');
3142                    $(viewName+' .attachments-list').find('[type=file]').addClass('hidden');
3143                                       
3144                }else
3145                    $(viewName+' .fileinput-button.new').removeClass('new');
3146                               
3147                               
3148                $(viewName+' .attachments-list').find('.button.close').button({
3149                    icons: {
3150                        primary: "ui-icon-close"
3151                    },
3152                    text: false
3153                }).click(function(){
3154                    var idAttach = $(this).parent().find('input[name="fileId[]"]').val();
3155                    $(viewName+' .attachment-list').find('input[value="'+idAttach+'"]').remove();
3156                    $(this).parent().remove();
3157               
3158                    if(!$(viewName+' .attachment-list input').length)
3159                        $(viewName+' .btn-danger.delete').addClass('hidden');
3160               
3161                });     
3162                               
3163            })
3164        },
3165        done: function(e, data){
3166            var currentUpload = $(viewName+' .progress.after-upload:first').removeClass('after-upload').addClass('on-complete').hide();
3167
3168            if(!!data.result && data.result != "[]"){
3169                $(viewName+' .btn-danger.delete').removeClass('hidden');
3170                var newAttach = (attch = jQuery.parseJSON(data.result)) ? attch : jQuery.parseJSON(data.result[0].activeElement.childNodes[0].data);
3171                $(viewName+' .attachment-list').append('<input tyepe="hidden" name="attachment[]" value="'+newAttach['attachment'][0][0].id+'"/>');
3172                currentUpload.removeClass('on-complete').parents('p')
3173                .append('<input type="hidden" name="fileId[]" value="'+newAttach['attachment'][0][0].id+'"/>')
3174                .find('.status-upload').addClass('ui-icon ui-icon-check');
3175            }else
3176                currentUpload.removeClass('on-complete').parents('p').find('.status-upload').addClass('ui-icon ui-icon-cancel');
3177        }
3178    });
3179    $('.attachments-list .button').button();   
3180
3181    if(!!window.FormData)                       
3182        $('#fileupload'+view).bind('fileuploadstart', function () {
3183            var widget = $(this),
3184            progressElement = $('#fileupload-progress-'+view).fadeIn(),
3185            interval = 500,
3186            total = 0,
3187            loaded = 0,
3188            loadedBefore = 0,
3189            progressTimer,
3190            progressHandler = function (e, data) {
3191                loaded = data.loaded;
3192                total = data.total;
3193            },
3194            stopHandler = function () {
3195                widget
3196                .unbind('fileuploadprogressall', progressHandler)
3197                .unbind('fileuploadstop', stopHandler);
3198                window.clearInterval(progressTimer);
3199                progressElement.fadeOut(function () {
3200                    progressElement.html('');
3201                });
3202            },
3203            formatTime = function (seconds) {
3204                var date = new Date(seconds * 1000);
3205                return ('0' + date.getUTCHours()).slice(-2) + ':' +
3206                ('0' + date.getUTCMinutes()).slice(-2) + ':' +
3207                ('0' + date.getUTCSeconds()).slice(-2);
3208            },
3209            /* formatBytes = function (bytes) {
3210            if (bytes >= 1000000000) {
3211                return (bytes / 1000000000).toFixed(2) + ' GB';
3212            }
3213            if (bytes >= 1000000) {
3214                return (bytes / 1000000).toFixed(2) + ' MB';
3215            }
3216            if (bytes >= 1000) {
3217                return (bytes / 1000).toFixed(2) + ' KB';
3218            }
3219            return bytes + ' B';
3220        },*/
3221            formatPercentage = function (floatValue) {
3222                return (floatValue * 100).toFixed(2) + ' %';
3223            },
3224            updateProgressElement = function (loaded, total, bps) {
3225                progressElement.html(
3226                    formatBytes(bps) + 'ps | ' +
3227                    formatTime((total - loaded) / bps) + ' | ' +
3228                    formatPercentage(loaded / total) + ' | ' +
3229                    formatBytes(loaded) + ' / ' + formatBytes(total)
3230                    );
3231            },
3232            intervalHandler = function () {
3233                var diff = loaded - loadedBefore;
3234                if (!diff) {
3235                    return;
3236                }
3237                loadedBefore = loaded;
3238                updateProgressElement(
3239                    loaded,
3240                    total,
3241                    diff * (1000 / interval)
3242                    );
3243            };
3244            widget
3245            .bind('fileuploadprogressall', progressHandler)
3246            .bind('fileuploadstop', stopHandler);
3247            progressTimer = window.setInterval(intervalHandler, interval);
3248        });
3249   
3250}
Note: See TracBrowser for help on using the repository browser.