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

Revision 8040, 113.2 KB checked in by thiago, 11 years ago (diff)

Ticket #3383 - Correcao de problemas com PM e AM, e outras funcoes.

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
1008var fixHour = function(){
1009    currentTimeStart = UI.dialogs.addEvent.find("input.start-time").val();
1010    UI.dialogs.addEvent.find("input.start-time").val(currentTimeStart.replace(".","").replace(".",""));
1011}   
1012
1013var setTime = function( selectedDateTime ) {
1014    if ((selectedDateTime.value == '__:__') || (selectedDateTime.value == '__:__ __'))
1015          selectedDateTime.value = "";
1016    if(!(User.preferences.hourFormat.length == 5))
1017        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));                               
1018    updateMap();
1019
1020    if( Date.parse(selectedDateTime) < Date.parse(oldTime) ) return true;
1021   
1022    var time = selectedDateTime.split(":");
1023
1024    var hh = time[0];
1025    var mm = time[1].substring(0, 2);
1026   
1027     
1028    dt = new Date();
1029    dt.setHours(hh, mm);
1030    var startHours = dt.getHours();
1031    add = parseInt(User.preferences.defaultDuration) + parseInt($("input.end-time").val().split(":")[1].substring(0,2));
1032    dt.addMinutes(add);
1033   
1034
1035    var minutes = dt.getMinutes().toString();
1036    var hours = dt.getHours();
1037UI.dialogs.addEvent.find("input.start-time").val(selectedDateTime.replace(".","").replace(".",""));
1038   
1039   
1040    if (time[1].indexOf("p.m.") != -1 ) {
1041        var startHours = startHours == 12 ? 12 : startHours;
1042        var startHours = startHours == 1 ? 13 : startHours;
1043        var startHours = startHours == 2 ? 14 : startHours;
1044        var startHours = startHours == 3 ? 15 : startHours;
1045        var startHours = startHours == 4 ? 16 : startHours;
1046        var startHours = startHours == 5 ? 17 : startHours;
1047        var startHours = startHours == 6 ? 18 : startHours;
1048        var startHours = startHours == 7 ? 19 : startHours;
1049        var startHours = startHours == 8 ? 20 : startHours;
1050        var startHours = startHours == 9 ? 21 : startHours;
1051        var startHours = startHours == 10 ? 22 : startHours;
1052        var startHours = startHours == 11 ? 23 : startHours;
1053    } else if (time[1].indexOf("a.m.") ) {
1054        var startHours = startHours == 12 ? 00 : startHours;
1055    }
1056
1057
1058    dtFormat = (time[1].indexOf("p.m.") != -1 || time[1].indexOf("a.m.") != -1) ? ((((User.preferences.defaultDuration / 60) + startHours) >= 12 && (startHours + (User.preferences.defaultDuration / 60)) < 24) ? " pm" : " am") : "";
1059       
1060    var newHours = "";
1061    if(dtFormat){
1062        hours = hours == 13 ? 01 : hours;
1063        hours = hours == 14 ? 02 : hours;
1064        hours = hours == 15 ? 03 : hours;
1065        hours = hours == 16 ? 04 : hours;
1066        hours = hours == 17 ? 05 : hours;
1067        hours = hours == 18 ? 06 : hours;
1068        hours = hours == 19 ? 07 : hours;
1069        hours = hours == 20 ? 08 : hours;
1070        hours = hours == 21 ? 09 : hours;
1071        hours = hours == 22 ? 10 : hours;
1072        hours = hours == 23 ? 11 : hours;
1073        hours = hours == 24 ? 12 : hours;
1074    } else {
1075        newHours = hours <= 9 ? "0" : "";
1076    }
1077
1078    minutes = minutes.length == 1 ? "0"+minutes+dtFormat : minutes+dtFormat;
1079    newHours +=  hours.toString() + ":" +minutes;
1080    UI.dialogs.addEvent.find("input.end-time").val(newHours);
1081
1082}
1083
1084$(".start-date").focusout(function(data){
1085    $(".end-date").val($(this).val());
1086});
1087
1088if($("#calendar").fullCalendar('getView').name == "month"){
1089
1090    var oldTime = UI.dialogs.addEvent.find('input.start-time').val();
1091    $(".start-time").focusout(function(data){
1092        setTime( $(this).val() );
1093    });
1094
1095    UI.dialogs.addEvent.find('input.start-time').timepicker({
1096        ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
1097        timeFormat: "hh:mm tt",
1098        onSelect: function( selectedDateTime ){
1099
1100            if ( selectedDateTime.indexOf("p.m.") == -1 || !selectedDateTime.indexOf("a.m.") == -1 ) {
1101               
1102                var selectedTime = selectedDateTime.split(":");
1103                var endTime = UI.dialogs.addEvent.find(".end-time").val();
1104                endTime = endTime.split(":");
1105
1106                var t1 = new Date(false,false,false,selectedTime[0],selectedTime[1],false);
1107                var t2 = new Date(false,false,false,endTime[0],endTime[1],false);
1108
1109                if (t1 < t2) return true;
1110            }
1111
1112            setTime( selectedDateTime );
1113        },
1114        onClose : function (selectedDateTime){
1115            fixHour();
1116        }
1117
1118    });
1119
1120}
1121
1122UI.dialogs.addEvent.find('input.end-time').timepicker({
1123    closeText: 'Ok',
1124    hourGrid: 4,
1125    minuteGrid: 10,
1126    ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
1127    timeFormat: "hh:mm tt",
1128    onSelect: function (selectedDateTime){
1129        if ((selectedDateTime.value == '__:__') || (selectedDateTime.value == '__:__ __'))
1130                          selectedDateTime.value = "";
1131                if(!(User.preferences.hourFormat.length == 5))
1132                $(this).val(selectedDateTime.replace(/[\.]/gi, ""));                                                           
1133                updateMap();
1134
1135        if ( selectedDateTime.indexOf("p.m.") == -1 || !selectedDateTime.indexOf("a.m.") == -1 ) {
1136            var startT = UI.dialogs.addEvent.find('input.start-time');
1137
1138            var lessZeroTime = function( sTime ) {
1139                sTime = sTime.split(":");
1140                sTime = new Date(false,false,false,sTime[0],sTime[1],false);
1141                sTimeReady = parseInt(sTime.getHours() - (User.preferences.defaultDuration / 60));
1142
1143                if( sTimeReady < 0 )
1144                    return false; // If the value is less than 0, return false.
1145                   
1146                return sTimeReady.toString().length == 1 ? "0"+sTimeReady+":00" : sTimeReady+":00";
1147            }
1148
1149            var hEnd = new Date(false,false,false,selectedDateTime.split(":")[0],selectedDateTime.split(":")[1],false);
1150            var hStart = new Date(false,false,false,startT.val().split(":")[0],startT.val().split(":")[1],false);
1151           
1152            if ( hEnd <= hStart ){
1153                var lessTime = lessZeroTime( selectedDateTime );
1154                if ( !lessTime ){
1155                    startT.val( "00:00" );
1156                    return true;
1157                }
1158                startT.val( lessTime );
1159            }
1160        }
1161    },
1162    onClose : function (selectedDateTime){
1163        if(!(User.preferences.hourFormat.length == 5))
1164            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1165    fixHour();
1166    },
1167
1168    beforeShow: function (selectedDateTime) {
1169                if ((selectedDateTime.value == '__:__') || (selectedDateTime.value == '__:__ __'))
1170                        selectedDateTime.value = "";
1171    }
1172});
1173//}
1174
1175UI.dialogs.addEvent.find('.button-add-alarms').click(function(){
1176    var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {});
1177
1178    jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
1179        text:false,
1180        icons:{
1181            primary:'ui-icon-close'
1182        }
1183    }).click(function(el) {
1184    $(this).parent().remove().find('li').is(':empty')
1185});
1186// valicacao de campos numericos
1187$('.number').numeric();
1188});
1189           
1190                 
1191UI.dialogs.addEvent.find('.button.suggestion-hours').button({
1192    icons: {
1193        primary: "ui-icon-clock"
1194    },
1195    text: 'Sugerir horário'
1196}).click(function () {
1197    $(this).siblings('input').removeAttr('disabled')
1198    .end().parents().find('input[name="allDay"]').removeAttr('disabled');               
1199});
1200
1201
1202if(!repeat)
1203    if(objEvent.me.id == User.me.id){
1204        objEvent.me.id = DataLayer.put('participant', {
1205            user: objEvent.me.id,
1206            mail: objEvent.me.mail
1207            });
1208        objEvent.organizer.id = objEvent.me.id;
1209    }
1210
1211var attendeeHtml = DataLayer.render( path+'templates/attendee_add.ejs', {
1212    event:objEvent
1213});             
1214       
1215// load template of attendees
1216var blkAddAtendee = UI.dialogs.addEvent.find('#calendar_addevent_details6').append(attendeeHtml);
1217if(objEvent.attendee.length)
1218                callbackAttendee();
1219/**
1220Opções de delegação do participante/organizer
1221*/             
1222blkAddAtendee.find(".button.participant-delegate").button({
1223    icons: {
1224        primary: "ui-icon-transferthick-e-w"
1225    },
1226    text: false
1227}).click(function () {
1228    if($(this).hasClass('attendee-permissions-change-button')){
1229        if(!$(this).hasClass('disable')){
1230            $(this).removeClass('attendee-permissions-change-button')   
1231            .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
1232            blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
1233            blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
1234        }
1235    }else{                                                                     
1236        $(this).addClass('attendee-permissions-change-button')   
1237        .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
1238        blkAddAtendee.find('.block-add-attendee.search dt').html('Delegar participação para');
1239        blkAddAtendee.find('.block-add-attendee.search').removeClass('hidden');
1240        blkAddAtendee.find('.block-add-attendee.search input.search').focus();
1241    }
1242})
1243.addClass('tiny');             
1244                       
1245//show or hidden permissions attendees
1246//blkAddAtendee.find('.block-attendee-list #attendees-users li').click(show_permissions_attendees);
1247
1248UI.dialogs.addEvent.find(".attendee-list-add .add-attendee-input input").Watermark("digite um email para convidar");
1249/*
1250 * Trata a edição de um novo participante adicionado
1251 */
1252var hasNewAttendee = false;
1253                       
1254blkAddAtendee.find('.attendee-list-add .add-attendee-input span').click(function(data){
1255    blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown();
1256});
1257                       
1258blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown(function(event) {
1259    if (event.keyCode == '13' && $(this).val() != '' || (event.keyCode == undefined && $(this).val() != '')) {
1260        Encoder.EncodeType = "entity";
1261        $(this).val(Encoder.htmlEncode($(this).val()));
1262                                       
1263        newAttendeeEmail = false;
1264        newAttendeeName  = false;
1265        skipAddNewLine   = false;
1266
1267        var info = $(this).val();
1268
1269        /**
1270        * email válido?
1271        */
1272        info.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/) ?
1273        newAttendeeEmail = info : newAttendeeName = info;
1274
1275        /**
1276        * 1) busca no banco para saber se o usuário já existe
1277        *               1.1) se existe, atualiza as info na lista de participantes e nao abre o tooltip
1278        *               1.2) se não existe
1279        *                       a) salva como novo usuario externo no banco (apenas com email)
1280        *                       b) exibe tooltip pedindo o nome
1281        *                       c) se o usuário preenche tooltip e salva, atualiza com o nome o usuário recém criado
1282        *                       d) se o usuário cancela o tooltip, fica o usuário salvo apenas com email e sem nome
1283        */
1284
1285        var user = DataLayer.get('user', ["=", "mail", $(this).val()]);
1286        if(!!user && user[0].id)
1287            attendees[user[0].id] = {
1288                name: user[0].name
1289                };
1290                                       
1291        /**
1292        * guarda o último tooltip aberto referente à lista de participantes
1293        */
1294        lastEditAttendeeToolTip = [];
1295
1296        /**
1297        * Valida email e salva um participante externo
1298        */
1299        var saveContact = function() {
1300            Encoder.EncodeType = "entity";
1301
1302            var currentTip = $('.qtip-active');
1303            newAttendeeName  = currentTip.find('input[name="name"]').val();
1304            newAttendeeEmail = currentTip.find('input[name="mail"]').val();
1305
1306            if (!(!!newAttendeeEmail.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/))) {
1307                currentTip.find('.messages').removeClass('hidden').find('.message label').html('Email inválido.');
1308                return false;
1309            }
1310
1311            DataLayer.put('user', {
1312                id:userId,
1313                name:newAttendeeName,
1314                mail:newAttendeeEmail,
1315                isExternal:isExternal
1316            });
1317
1318            lastEditAttendeeToolTip.find('label')
1319            .filter('.name').html(Encoder.htmlEncode(newAttendeeName)).attr('title', Encoder.htmlEncode(newAttendeeName)).end()
1320            .filter('.mail').html(Encoder.htmlEncode(newAttendeeEmail)).attr('title', Encoder.htmlEncode(newAttendeeEmail));
1321
1322            blkAddAtendee.find('.attendee-list-add .add-attendee-input input').val('');
1323            return true;
1324        }
1325                                               
1326        /**
1327                                         * Formata e adequa um tootip abert para edição de um participante na lista
1328                                         */
1329        var onShowToolTip = function(arg0) {
1330            $('.qtip-active .button.close').button({
1331                icons: {
1332                    primary: "ui-icon-close"
1333                },
1334                text: false
1335            });
1336            $('.qtip-active .button').button()
1337            .filter('.save').click(function(event, ui) {
1338                if(saveContact())
1339                    lastEditAttendeeToolTip.qtip("destroy");
1340                else
1341                    return false;
1342            }).end()
1343            .filter('.cancel').click(function(event, ui) {
1344                lastEditAttendeeToolTip.qtip("destroy");
1345            })
1346
1347            /**
1348                                                 * Trata o ENTER no campo da tooltip, equivalente a salvar
1349                                                 * o novo convidado.
1350                                                 */
1351            $('.qtip-active input').keydown(function(event) {
1352                if (event.keyCode == '13') {                                           
1353                    if (saveContact())                                         
1354                        lastEditAttendeeToolTip.qtip("destroy");
1355                       
1356                    lastEditAttendeeToolTip.qtip("destroy");
1357                    event.preventDefault();
1358                }
1359            })
1360            .filter('[name="name"]').Watermark("informe o nome do contato").end()
1361            .filter('[name="mail"]').Watermark("informe o email do contato");
1362        }
1363                                       
1364        /**
1365                                         * Se o email digitado já foi adicionado na lista,
1366                                         * o usuário deve ser avisado e um botão de edição deve ser exibido
1367                                         */
1368        if(blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').length) {
1369            hasNewAttendee  = false;
1370            newAttendeeName = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li').find('label.name').attr('title');
1371
1372            blkAddAtendee.find('.email-validation').removeClass('hidden')
1373            .find('.message label').html("O usuário acima já foi adicionado! <a class=\"small button\">Editar</a>")
1374            .find(".button").button().click(function () {
1375                /**
1376                                                         * Se o usuário optar por editar o participante anteriormente adicionado,
1377                                                         * uma tooltip deve ser aberta para este participante, viabilizando a edição
1378                                                         */
1379                blkAddAtendee.find("ul.attendee-list").scrollTo('label.mail[title="' + newAttendeeEmail + '"]');
1380                /**
1381                                                         * Remove tooltip possivelmente existente
1382                                                         */
1383                if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
1384                    lastEditAttendeeToolTip.qtip('destroy');
1385                                       
1386                lastEditAttendeeToolTip = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li');
1387                lastEditAttendeeToolTip.qtip({
1388                    show: {
1389                        ready: true,
1390                        solo: true,
1391                        when: {
1392                            event: 'click'
1393                        }
1394                    },
1395                hide: false,
1396                content: {
1397                    text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {
1398                        attendee:{
1399                            name:newAttendeeName,
1400                            mail:newAttendeeEmail
1401                        }
1402                    } ) ),
1403                title: {
1404                    text:'Detalhes do participante',
1405                    button: '<a class="button close" href="#">close</a>'
1406                }
1407                },
1408                style: {
1409                    name: 'blue',
1410                    tip: {
1411                        corner: 'leftMiddle'
1412                    },
1413                    border: {
1414                        width: 4,
1415                        radius: 8
1416                    },
1417                    width: {
1418                        min: 230,
1419                        max:230
1420                    }
1421                },
1422            position: {
1423                corner: {
1424                    target: 'rightMiddle',
1425                    tooltip: 'leftMiddle'
1426                },
1427                adjust: {
1428                    x:0,
1429                    y:0
1430                }
1431            }
1432            });
1433        lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
1434    });
1435skipAddNewLine = true;
1436} else {
1437    hasNewAttendee  = true;
1438    blkAddAtendee.find('.email-validation').addClass('hidden');
1439}
1440                                       
1441                                       
1442var isExternal = (!!user && !(!!user.isExternal)) ? 0 : 1;
1443
1444/**
1445                                         * Remove tooltip possivelmente existente
1446                                         */
1447if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
1448    lastEditAttendeeToolTip.qtip('destroy');
1449
1450userId = '';
1451var newAttendeeId = '';
1452
1453if (user){
1454    if (!skipAddNewLine) {
1455        user[0].id =  DataLayer.put('participant', {
1456            user: user[0].id,
1457            isExternal: isExternal,
1458            acl: 'r'
1459        });
1460        user[0].acl = objEvent.acl;
1461        user[0].isDirty = !!!objEvent.id;
1462        user[0].isDelegate = (objEvent.id && (objEvent.me.status == '5'));
1463
1464        blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
1465            DataLayer.render(path+'templates/participants_add_itemlist.ejs', user)
1466            )
1467        .scrollTo('max');
1468        callbackAttendee();
1469    }
1470                                               
1471    $(this).val('');
1472
1473} else if (!skipAddNewLine) {
1474    /**
1475     * a) salva como novo usuario externo no banco (apenas com email) e...
1476     * adiciona novo contato externo à lista de convidados
1477     */
1478
1479    userId = DataLayer.put('user', {
1480        name: newAttendeeName,
1481        mail: newAttendeeEmail,
1482        isExternal: isExternal
1483    });
1484    newAttendeeId = DataLayer.put('participant', {
1485        user: userId,
1486        isExternal: isExternal
1487    });
1488
1489                                                 
1490    blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
1491        DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{
1492            id:newAttendeeId,
1493            name: newAttendeeName,
1494            mail: newAttendeeEmail,
1495            isExternal: 1,
1496            acl: objEvent.acl,
1497            isDirty: !!!objEvent.id,
1498        isDelegate: (objEvent.id && (objEvent.me.status == '5'))
1499            }])
1500        ).scrollTo('max');
1501    callbackAttendee();
1502
1503    /**
1504                                                 * Adiciona tootip para atualização dos dados do contato externo
1505                                                 * recém adicionado.
1506                                                 */
1507    lastEditAttendeeToolTip = blkAddAtendee.find('dd.attendee-list li:last');
1508    lastEditAttendeeToolTip.qtip({
1509        show: {
1510            ready: true,
1511            solo: true,
1512            when: {
1513                event: 'click'
1514            }
1515        },
1516    hide: false,
1517    content: {
1518        text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {
1519            attendee:{
1520                name:newAttendeeName,
1521                mail:newAttendeeEmail
1522            }
1523        } ) ),
1524    title: {
1525        text:'Detalhes do participante',
1526        button: '<a class="button close" href="#">close</a>'
1527    }
1528    },
1529    style: {
1530        name: 'blue',
1531        tip: {
1532            corner: 'leftMiddle'
1533        },
1534        border: {
1535            width: 4,
1536            radius: 8
1537        },
1538        width: {
1539            min: 230,
1540            max:230
1541        }
1542    },
1543position: {
1544    corner: {
1545        target: 'rightMiddle',
1546        tooltip: 'leftMiddle'
1547    },
1548    adjust: {
1549        x:0,
1550        y:0
1551    }
1552}
1553});
1554                       
1555lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
1556
1557$(this).val('');
1558
1559                                               
1560}
1561event.preventDefault();
1562}
1563                               
1564});
1565
1566/**
1567* Trata a busca de usuários para adição de participantes
1568*/
1569blkAddAtendee.find('.add-attendee-search .ui-icon-search').click(function(event) {
1570    blkAddAtendee.find('.add-attendee-search input').keydown();
1571});
1572                       
1573                       
1574blkAddAtendee.find('.add-attendee-search input').keydown(function(event) {
1575
1576    if(event.keyCode == '13' || typeof(event.keyCode) == 'undefined') {                 
1577        var result = DataLayer.get('user', ["*", "name", $(this).val()], true);
1578
1579        /**
1580        * TODO: trocar por template
1581        */
1582        blkAddAtendee.find('ul.search-result-list').empty().css('overflow', 'hidden');
1583        if (!result) {
1584            blkAddAtendee.find('ul.search-result-list').append('<li><label class="empty">Nenhum resultado encontrado.</label></li>');
1585        }
1586
1587        for(i=0; i<result.length; i++)
1588            result[i].enabled = (blkAddAtendee.find('dd.attendee-list ul.attendee-list label.mail[title="' +  result[i].mail + '"]').length) ? false : true;
1589                                                                                       
1590        blkAddAtendee.find('ul.search-result-list').append(DataLayer.render( path+'templates/participants_search_itemlist.ejs', result));
1591
1592        blkAddAtendee.find('ul.search-result-list li').click(function(event, ui){
1593            if ($(event.target).is('input')) {
1594                old_item = $(event.target).parents('li');
1595                newAttendeeId = DataLayer.put('participant', {
1596                    user: old_item.find('.id').html(),
1597                    isExternal: old_item.find('.isExternal').html()
1598                });
1599                                                       
1600                attendees[old_item.find('.id').html()] = old_item.find('.name').html();
1601                                                       
1602                blkAddAtendee.find('dd.attendee-list ul.attendee-list')
1603                .append(DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{
1604                    id: newAttendeeId,
1605                    name: old_item.find('.name').html(),
1606                    mail: old_item.find('.mail').html(),
1607                    isExternal: old_item.find('.isExternal').html(),
1608                    acl: objEvent.acl,
1609                    isDirty: !!!objEvent.id,
1610            isDelegate: (objEvent.id && (objEvent.me.status == '5'))
1611                    }]))
1612                .scrollTo('max');
1613                /**
1614                                                        * Delegação de participação de um participante com permissão apenas de leitura
1615                                                        *
1616                                                        */
1617                if(!objEvent.acl.organization && !objEvent.acl.write && !objEvent.acl.inviteGuests && objEvent.acl.read ){
1618                                                               
1619                    blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
1620                    blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
1621                                                               
1622                    blkAddAtendee.find('.status option').toggleClass('hidden');
1623                    blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
1624                    blkAddAtendee.find('.request-update').removeClass('hidden');
1625
1626                    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());
1627                                                               
1628                    blkAddAtendee.find('.me .participant-delegate').addClass('disable ui-button-disabled ui-state-disabled');
1629                    blkAddAtendee.find(".button.close").button({
1630                        icons: {
1631                            primary: "ui-icon-close"
1632                        },
1633                        text: false
1634                    }).click(function () {
1635                                                                       
1636                        $(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
1637                        blkAddAtendee.find('.request-update').addClass('hidden');
1638                        blkAddAtendee.find('.status option').toggleClass('hidden');
1639                        blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');                   
1640                        blkAddAtendee.find('.me .participant-delegate').removeClass('disable ui-button-disabled ui-state-disabled attendee-permissions-change-button')
1641                        .find('.ui-icon-person').removeClass('attendee-permissions-change').end();                     
1642                                                                       
1643                        DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
1644                        $(this).parents('li').remove();
1645                    })
1646                    .addClass('tiny');
1647                }else{
1648                    callbackAttendee();
1649                    old_item.remove();
1650                }
1651            }
1652        });
1653
1654        event.preventDefault();
1655    }
1656});
1657
1658//$('.block-add-attendee .search-result-list').selectable();
1659
1660UI.dialogs.addEvent.find('.row.fileupload-buttonbar .button').filter('.delete').button({
1661    icons: {
1662        primary: "ui-icon-close"
1663    },
1664    text: 'Excluir'
1665}).click(function () {
1666    $.Zebra_Dialog('Tem certeza que deseja excluir todos anexos?', {
1667        'type':     'question',
1668        'overlay_opacity': '0.5',
1669        'buttons':  ['Sim', 'Não'],
1670        'onClose':  function(clicked) {
1671            if(clicked == 'Sim'){
1672               
1673                var ids = [];
1674                $.each($('.attachment-list input'), function (i, input) {
1675                     DataLayer.remove('schedulableToAttachment', {
1676                        filter: ['=', 'id', ''+input.value]
1677                        });
1678                });
1679                $('div.new-event-win .attachment-list input').remove();
1680                $('div.new-event-win .row.fileupload-buttonbar .attachments-list p').remove();
1681                $('div.new-event-win .btn-danger.delete').addClass('hidden');
1682            }
1683        }});
1684}).end()
1685.filter('.close').button({
1686    icons: {
1687        primary: "ui-icon-close"
1688    },
1689    text: false
1690}).click(function () {
1691    DataLayer.remove('schedulableToAttachment', $(this).parents('p').find('input[name="fileId[]"]').val());
1692    $(this).parents('p').remove();
1693}).end()
1694.filter('.downlaod-archive').button({
1695    icons: {
1696        primary: "ui-icon-arrowthickstop-1-s"
1697    },
1698    text: false
1699});
1700
1701extendsFileupload('event', path);
1702       
1703if(objEvent.isShared){
1704               
1705    var acls = Calendar.signatureOf[objEvent.calendar].permission.acl;
1706               
1707    if(!acls.write){
1708        UI.dialogs.addEvent.find(':input').attr('disabled', 'disabled');
1709        UI.dialogs.addEvent.find('.button').hide();
1710    }
1711               
1712    if(acls.remove)
1713        UI.dialogs.addEvent.find('.button.remove').show();
1714   
1715    UI.dialogs.addEvent.find('.button.cancel').show(); 
1716}
1717
1718disponibily(objEvent, path, attendees, 'event');
1719
1720/*Seleciona a agenda padrão para criação de um evento*/
1721if(!objEvent.id){
1722    var selectedCalendar = (objEvent.calendar != undefined) ? objEvent.calendar : (User.preferences.defaultCalendar ? User.preferences.defaultCalendar : myCalendar());
1723    UI.dialogs.addEvent.find('option[value="'+selectedCalendar+'"]').attr('selected','selected').trigger('change');
1724}
1725UI.dialogs.addEvent.find(':input').change(function(event){
1726    if (event.keyCode != '27' && event.keyCode != '13')
1727        canDiscardEventDialog = false;
1728}).keydown(function(event){
1729    if (event.keyCode != '27' && event.keyCode != '13')
1730        canDiscardEventDialog = false;
1731});     
1732
1733UI.dialogs.addEvent.dialog('open');
1734
1735}
1736
1737
1738
1739function add_tab_preferences()
1740{
1741    if(!(document.getElementById('preference_tab')))
1742    {
1743        var tab_title = "Preferencias";
1744        $tabs.tabs( "add", "#preference_tab", tab_title );
1745               
1746        /*
1747                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1748                        tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1749                });
1750                */
1751        DataLayer.render( 'templates/preferences_calendar.ejs', {
1752            preferences:User.preferences,
1753            calendars: Calendar.calendars,
1754        signatureOf : Calendar.signatureOf
1755            }, function( template ){
1756            var tabPrefCalendar = jQuery('#preference_tab').html( template ).find('.preferences-win');
1757               
1758            tabPrefCalendar.find('select[name="defaultCalendar"] option[value="'+User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
1759        tabPrefCalendar.find('select[name="dafaultImportCalendar"] option[value="'+User.preferences.dafaultImportCalendar+'"]').attr('selected','selected').trigger('change');
1760
1761            DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1762                tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1763            });
1764               
1765            tabPrefCalendar.find('.button').button()
1766            .filter('.save').click(function(evt){
1767                tabPrefCalendar.find('form').submit();
1768                $('#calendar').fullCalendar('render');
1769                $('.block-vertical-toolbox .mini-calendar').datepicker( "refresh" );
1770                $tabs.tabs( "remove", "#preference_tab");
1771            }).end().filter('.cancel').click(function(evt){
1772                $tabs.tabs( "remove", "#preference_tab");
1773            });
1774                       
1775            tabPrefCalendar.find('.number').numeric();
1776                       
1777            tabPrefCalendar.find('input.time').timepicker({
1778                closeText: 'Ok',
1779                hourGrid: 4,
1780                minuteGrid: 10,
1781                ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false), //((User.preferences.hourFormat.length > 5) ? true: false),
1782                timeFormat: "hh:mm tt",
1783                onSelect: function (selectedDateTime){
1784                    if(!(User.preferences.hourFormat.length == 5)) {
1785                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1786                    }
1787                },
1788                onClose : function (selectedDateTime){
1789                    if(!(User.preferences.hourFormat.length == 5)) {
1790                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1791                    }
1792                }
1793            });
1794                       
1795            $.mask.definitions['{']='[ap]';
1796            $.mask.definitions['}']='[m]';
1797            tabPrefCalendar.find("input.time").mask( ((User.preferences.hourFormat.length > 5) ? "99:99 {}" : "99:99"), {
1798                completed:function(){
1799                    $(this).val(dateCalendar.defaultToAmPm($(this).val()));
1800                    $(this).timepicker("refresh");
1801                    $(this).val($(this).val().replace(/[\.]/gi, ""));                                   
1802                }
1803            });
1804                                                           
1805            tabPrefCalendar.find("select[name=hourFormat]").change( function() { // evento ao selecionar formato de hora
1806               
1807                tabPrefCalendar.find("input.time").timepicker("destroy");
1808
1809                tabPrefCalendar.find('input.time').timepicker({
1810                    closeText: 'Ok',
1811                    hourGrid: 4,
1812                    minuteGrid: 10,
1813                    ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false),
1814                    timeFormat: "hh:mm tt",
1815                    onSelect: function (selectedDateTime){
1816                        if(!(User.preferences.hourFormat.length == 5)) {
1817                            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1818                        }                                                       
1819                    },
1820                    onClose : function (selectedDateTime){
1821                        if(!(User.preferences.hourFormat.length == 5)) {
1822                            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1823                        }
1824                    }
1825                });
1826                               
1827                var defaultStartHour = tabPrefCalendar.find("input[name=defaultStartHour]").val().trim();
1828                var defaultEndHour = tabPrefCalendar.find("input[name=defaultEndHour]").val().trim();
1829               
1830                tabPrefCalendar.find("input.time").mask( (($("select[name=hourFormat] option:selected").val().trim().length > 5) ? "99:99 {}" : "99:99") );
1831               
1832                if (parseInt($("select[name=hourFormat] option:selected").val().length) > 5) { // am/pm
1833                    tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.defaultToAmPm(defaultStartHour));
1834                    tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.defaultToAmPm(defaultEndHour))
1835                                       
1836                } else { //24h
1837                    tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.AmPmTo24(defaultStartHour));
1838                    tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.AmPmTo24(defaultEndHour));
1839                }
1840            });                 
1841                       
1842                       
1843                       
1844        });             
1845    } else {
1846        $tabs.tabs("select", "#preference_tab");
1847               
1848        return true;
1849    }
1850}
1851
1852
1853function add_tab_configure_calendar(calendar, type)
1854{
1855    $('.qtip.qtip-blue').remove();
1856
1857    var calendars = [];
1858    var signatures = [];
1859    var previewActiveCalendarConf = 0;
1860        var calendarAlarms = [];
1861       
1862        for (var i=0; i<Calendar.signatures.length; i++) {
1863                if(parseInt(Calendar.signatures[i].calendar.type) == type){
1864                   calendars.push(Calendar.signatures[i].calendar);
1865                   signatures.push(Calendar.signatures[i]);
1866                   length = signatures.length - 1;
1867                   signatures[length].numberDefaultAlarm = signatures[length].defaultAlarms != '' ?  signatures[length].defaultAlarms.length: 0;
1868                   if (calendar && calendars[length].id == calendar)
1869                           previewActiveCalendarConf = length;
1870                }
1871   }
1872        var tab_selector = ['configure_tab', 'configure_tab_group'];   
1873    if(!(document.getElementById(tab_selector[type])))
1874    {
1875        $('.positionHelper').css('display', 'none');
1876        $('.cal-list-options-btn').removeClass('fg-menu-open ui-state-active');
1877        if(type == 0){
1878                var tab_title = "Configurações de agendas";
1879        }else{
1880                var tab_title = "Configurações de Grupos";
1881        }
1882        $tabs.tabs( "add", "#"+tab_selector[type], tab_title );
1883               
1884        var dataColorPicker = {
1885            colorsSuggestions: colors_suggestions()
1886        };
1887               
1888               
1889               
1890        var populateAccordionOnActive = function(event, ui) {
1891            var nowActive = (typeof(event) == 'number') ? event : $(event.target).accordion( "option", "active" );
1892            if (nowActive === false)
1893                        return;
1894            dataColorPicker.colorsDefined = {
1895                border: '#'+signatures[nowActive].borderColor,
1896                font:'#'+signatures[nowActive].fontColor,
1897                background:'#'+signatures[nowActive].backgroundColor
1898            };
1899            if (!jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).has('form')) {
1900                return true;
1901            }
1902
1903            DataLayer.render( 'templates/configure_calendars_itemlist.ejs', {
1904                user:User,
1905                type:0,
1906                calendar:calendars[nowActive],
1907                signature:signatures[nowActive]
1908                }, function( form_template ){
1909                var form_content = jQuery('#'+tab_selector[type]+' .accordion-user-calendars .ui-accordion-content').eq(nowActive).html( form_template ).find('form');
1910                form_content.find('.preferences-alarms-list .button').button({
1911                    text:false,
1912                    icons:{
1913                        primary:'ui-icon-close'
1914                    }
1915                });
1916            form_content.find('.button').button();
1917            jQuery('.preferences-alarms-list').find('.button.remove').click(function(el){
1918                        calendarAlarms[calendarAlarms.length] = $(this).parent('li').find('input[name="alarmId[]"]').val();
1919                        $(this).parent().remove();
1920                });
1921       
1922                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1923                    var valueTimeZone = calendars[nowActive].timezone;
1924                    form_content.find('select[name="timezone"]').html(timezones_options).find('option[value="'+valueTimeZone+'"]').attr('selected','selected').trigger('change');
1925                });
1926
1927                form_content.find('.button-add-alarms').click(function(){
1928                    DataLayer.render( 'templates/alarms_add_itemlist.ejs', {type: (parseInt(type) == 1 ? '4' : type) }, function( template ){
1929                        jQuery('.preferences-alarms-list').append(template)
1930                        .find('li:last label:eq(0)').remove().end()
1931                        .find('.number').numeric().end()
1932                        .find('.button.remove').button({
1933                            text:false,
1934                            icons:{
1935                                primary:'ui-icon-close'
1936                            }
1937                        }).click(function(el) {
1938                        $(this).parent().remove();
1939                    });   
1940                    });
1941                });
1942
1943
1944            /**
1945                                 * Set color picker
1946                                 */
1947            DataLayer.render( 'templates/calendar_colorpicker.ejs', dataColorPicker, function( template ){
1948                form_content.find('.calendar-colorpicker').html( template );
1949
1950                var f = $.farbtastic(form_content.find('.colorpicker'), colorpickerPreviewChange);
1951                var selected;
1952                var colorpicker = form_content.find('.calendar-colorpicker');
1953                                       
1954                var colorpickerPreviewChange = function(color) {
1955                    var pickedup = form_content.find('.colorwell-selected').val(color).css('background-color', color);
1956
1957                    var colorpicker = form_content.find('.calendar-colorpicker');
1958
1959                    if (pickedup.is('input[name="backgroundColor"]')) {
1960                        colorpicker.find('.fc-event-skin').css('background-color',color);
1961                    } else if (pickedup.is('input[name="fontColor"]')) {
1962                        colorpicker.find('.fc-event-skin').css('color',color);
1963                    } else if (pickedup.is('input[name="borderColor"]')) {
1964                        colorpicker.find('.fc-event-skin').css('border-color',color);
1965                    }
1966                }
1967                                       
1968                form_content.find('.colorwell').each(function () {
1969                    f.linkTo(this);
1970
1971                    if ($(this).is('input[name="backgroundColor"]')) {
1972                        colorpicker.find('.fc-event-skin').css('background-color', $(this).val());
1973                    } else if ($(this).is('input[name="fontColor"]')) {
1974                        colorpicker.find('.fc-event-skin').css('color', $(this).val());
1975                    } else if ($(this).is('input[name="borderColor"]')) {
1976                        colorpicker.find('.fc-event-skin').css('border-color', $(this).val());
1977                    }
1978                })
1979                .focus(function() {
1980                    if (selected) {
1981                        $(selected).removeClass('colorwell-selected');
1982                    }
1983
1984                    $(selected = this).addClass('colorwell-selected');
1985                    f.linkTo(this, colorpickerPreviewChange);
1986                    f.linkTo(colorpickerPreviewChange);
1987
1988                });
1989
1990                form_content.find('select.color-suggestions').change(function() {
1991                    var colors;
1992
1993                    if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {     
1994                        colorpicker
1995                        .find('input[name="fontColor"]').val(colors.font).focus().end()
1996                        .find('input[name="backgroundColor"]').val(colors.background).focus().end()
1997                        .find('input[name="borderColor"]').val(colors.border).focus().end()
1998
1999                        .find('.fc-event-skin').css({
2000                            'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
2001                            'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
2002                            'color':dataColorPicker.colorsSuggestions[$(this).val()].font
2003                        });
2004                    }
2005                });
2006
2007                /**
2008                                         * Trata a mudança dos valores dos campos de cores.
2009                                         * Se mudar um conjunto de cores sugerido,
2010                                         * este vira um conjunto de cores personalizado.
2011                                         */
2012                form_content.find('.colorwell').change(function (element, ui) {
2013                    if (true) {
2014                        form_content.find('select.color-suggestions')
2015                        .find('option:selected').removeAttr('selected').end()
2016                        .find('option[value="custom"]').attr('selected', 'selected').trigger('change');
2017                    }
2018                });
2019            }); //END set colorpicker
2020
2021            form_content.find('.phone').mask("+99 (99) 9999-9999");
2022            form_content.find('.number').numeric();
2023
2024        }); //END DataLayer.render( 'templates/configure_calendars_itemlist.ejs' ...
2025
2026// === validations preferences ====
2027
2028                       
2029} //END populateAccordionOnActive(event, ui)
2030               
2031
2032DataLayer.render( 'templates/configure_calendars.ejs', {
2033    user:User,
2034        type: type,
2035    calendars:calendars,
2036    signatures:signatures
2037}, function( template ){
2038    var template_content = jQuery('#'+tab_selector[type]).html( template ).find('.configure-calendars-win');
2039    template_content.find('.button').button().filter('.save').click(function(evt){
2040        if(calendarAlarms.length)
2041                DataLayer.removeFilter('calendarSignatureAlarm', {filter: ['IN','id', calendarAlarms]});       
2042        template_content.find('form').submit();
2043        $tabs.tabs( "remove", "#"+tab_selector[type]);
2044        DataLayer.commit( false, false, function( received ){
2045            delete Calendar.currentViewKey;
2046            Calendar.load();
2047            refresh_calendars();
2048        });
2049        if(calendarAlarms.length)
2050                Calendar.load();
2051    }).end().filter('.cancel').click(function(evt){
2052        $tabs.tabs( "remove", "#"+tab_selector[type]);
2053    });
2054
2055    /**
2056                         * Muda a estrutura do template para a aplicação do plugin accordion
2057                         */
2058    template_content.find('.header-menu-container').after('<div class="accordion-user-calendars"></div>').end().find('.accordion-user-calendars')
2059    .append(template_content.children('fieldset'));
2060                       
2061    template_content.find('.accordion-user-calendars').children('fieldset').each(function(index) {
2062        $(this).before($('<h3></h3>').html($(this).children('legend')));
2063    });
2064                       
2065    template_content.find('.accordion-user-calendars').accordion({
2066        autoHeight: false,
2067        collapsible: true,
2068        clearStyle: true,
2069        active: previewActiveCalendarConf,
2070        changestart: populateAccordionOnActive
2071    });
2072    populateAccordionOnActive(previewActiveCalendarConf);
2073});
2074
2075} else {
2076        $('.positionHelper').css('display','none');
2077    $('.cal-list-options-btn').removeClass('fg-menu-open ui-state-active');
2078    $tabs.tabs("select", "#"+tab_selector[type]);
2079    $('.accordion-user-calendars').accordion( "activate" , previewActiveCalendarConf );
2080               
2081    return true;
2082}
2083
2084}
2085
2086function getSelectedCalendars( reverse, type ){
2087    var selector = !!type ? "div.my-groups-task .calendar-view" : "div.my-calendars .calendar-view, div.signed-calendars .calendar-view";
2088    var returns = [];
2089
2090    $.each( $(selector), function(i , c){
2091
2092        if( reverse ? !c.checked : c.checked )
2093            returns.push( c.value );
2094
2095    });
2096
2097    if (!returns.length)
2098            return false;
2099
2100    return returns;
2101}
2102
2103/**
2104 * TODO - transformar em preferência do módulo e criar telas de adição e exclusão de conjunto de cores
2105 */
2106function colors_suggestions(){
2107    return [
2108    {
2109        name:'Padrão',
2110        border:'#3366cc',
2111        font:'#ffffff',
2112        background:'#3366cc'
2113    },
2114
2115    {
2116        name:'Coala',
2117        border:'#123456',
2118        font:'#ffffff',
2119        background:'#385c80'
2120    },
2121
2122    {
2123        name:'Tomate',
2124        border:'#d5130b',
2125        font:'#111111',
2126        background:'#e36d76'
2127    },
2128
2129    {
2130        name:'Limão',
2131        border:'#32ed21',
2132        font:'#1f3f1c',
2133        background:'#b2f1ac'
2134    },
2135
2136    {
2137        name:'Alto contraste',
2138        border:'#000000',
2139        font:'#ffffff',
2140        background:'#222222'
2141    }
2142    ]           
2143}
2144
2145function remove_event(eventId, idCalendar, type){
2146    $.Zebra_Dialog('Tem certeza que deseja excluir?', {
2147        'type':     'question',
2148        'overlay_opacity': '0.5',
2149        'buttons':  ['Sim', 'Não'],
2150        'onClose':  function(clicked) {
2151            if(clicked == 'Sim'){
2152
2153                var schedulable = getSchedulable( eventId, '');
2154                schedulable.calendar = ''+idCalendar;
2155                var schudableDecode = DataLayer.encode( "schedulable:preview", schedulable);
2156                var me = schudableDecode.me.user ? schudableDecode.me.user.id : schudableDecode.me.id;
2157
2158        var filter = {filter: ['AND', ['=','id',eventId], ['=','calendar',idCalendar], ['=','user', me]]};
2159
2160        if(type)
2161            filter.filter.push(['=','type',type]);
2162
2163                DataLayer.removeFilter('schedulable', filter);
2164                Calendar.rerenderView(true);
2165            }
2166        }
2167    });
2168}
2169
2170function mount_exception(eventID, exception){
2171
2172    getSchedulable( eventID.toString() , '');
2173    var schedulable = DataLayer.get('schedulable', eventID.toString() )
2174    var edit = { repeat: (DataLayer.get('repeat', schedulable.repeat)) };
2175
2176    edit.repeat.startTime = new Date(parseInt(edit.repeat.startTime)).toString('yyyy-MM-dd HH:mm:00');
2177    edit.repeat.endTime = parseInt(edit.repeat.count) > 0 ? '0' : new Date(parseInt(edit.repeat.endTime)).toString('yyyy-MM-dd HH:mm:00');
2178   
2179    edit.repeat.exceptions = ( exception );
2180   
2181    return edit.repeat;
2182}
2183
2184function remove_ocurrence(eventId, idRecurrence){
2185    $.Zebra_Dialog('Tem certeza que deseja excluir esta ocorrência?', {
2186        'type':     'question',
2187        'overlay_opacity': '0.5',
2188        'buttons':  ['Sim', 'Não'],
2189        'onClose':  function(clicked) {
2190            if(clicked == 'Sim'){
2191                var repeat = mount_exception(eventId, idRecurrence);
2192                DataLayer.remove('repeat', false);
2193                DataLayer.put('repeat', repeat);
2194                DataLayer.commit(false, false, function(data){
2195                    Calendar.rerenderView(true);
2196                });
2197            }
2198        }
2199    });
2200}
2201
2202
2203function remove_calendar(type){
2204    /* Pode ser assim $('.cal-list-options-btn.ui-state-active').attr('class').replace(/[a-zA-Z-]+/g, ''); */
2205        if(!!parseInt(type))
2206                var title = 'Todas as tarefas deste grupo serão removidas. Deseja prosseguir com a operação?';
2207        else
2208                var title = 'Todos os eventos desta agenda serão removidos. Deseja prosseguir com a operação?';
2209    $.Zebra_Dialog(title, {
2210        'type':     'question',
2211        'overlay_opacity': '0.5',
2212        'buttons':  ['Sim', 'Não'],
2213        'onClose':  function(clicked) {
2214            if(clicked == 'Sim'){
2215                var idCalendar =  $('.cal-list-options-btn.ui-state-active').attr('class').match(/[0-9]+/g);
2216                               
2217                DataLayer.remove('calendarSignature', Calendar.signatureOf[idCalendar[0]].id );
2218                               
2219                if(idCalendar == User.preferences.defaultCalendar)
2220                    DataLayer.remove( 'modulePreference', User.preferenceIds['defaultCalendar']);
2221                       
2222                DataLayer.commit( false, false, function( received ){
2223                    delete Calendar.currentViewKey;
2224                    Calendar.load();
2225                    refresh_calendars(type);
2226                });
2227            }
2228            $('.positionHelper').css('display', 'none');
2229       
2230        }
2231    });
2232}
2233
2234function refresh_calendars(type){
2235
2236    var colorsSuggestions = colors_suggestions();
2237    var buttons_colors = "";
2238    for(var i = 0; i < colorsSuggestions.length; i++){
2239        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>";
2240    }
2241
2242    //DataLayer.render( 'templates/calendar_list.ejs', 'calendar:list', ["IN", "id", Calendar.calendarIds], function( html ){
2243    DataLayer.render( 'templates/calendar_list.ejs', Calendar, function( html ){
2244       
2245        var meu_container = $(".calendars-list").html( html );
2246       
2247        var doMenu = function(){
2248                $('ul.list-calendars .cal-list-options-btn').each(function(){
2249                        $(this).menu({   
2250                        content: $(this).next().html(),
2251                        width: '120',
2252                        positionOpts: {
2253                                posX: 'left', 
2254                                posY: 'bottom',
2255                                offsetX: 0,
2256                                offsetY: 0,
2257                                directionH: 'right',
2258                                directionV: 'down', 
2259                                detectH: true, // do horizontal collision detection   
2260                                detectV: true, // do vertical collision detection
2261                                linkToFront: false
2262                        },
2263                        flyOut: true,
2264                        showSpeed: 100,
2265                        crumbDefaultText: '>'
2266                        });
2267                });
2268        }
2269       
2270        doMenu();
2271        var currentToolTip = null;
2272        $('#divAppbox').on('scroll',function(){
2273                if ($('.cal-list-options-btn.fg-menu-open.ui-state-active')){                   
2274                        var offset = $('.cal-list-options-btn.fg-menu-open.ui-state-active').offset();
2275                        if (offset)
2276                            $('.positionHelper').css('top',offset.top);
2277                }
2278
2279                if ($('.button.config-menu.fg-menu-open')){
2280                        var offset = $('.button.config-menu.fg-menu-open').offset();
2281                        if (offset)
2282                            $('.positionHelper').css('top',offset.top);
2283                }               
2284
2285               
2286                if ($(".new-group.qtip-active").length || $(".new-calendar.qtip-active").length)                       
2287                    $('.qtip-active').css('top',currentToolTip.offset().top - 50);
2288               
2289        });
2290
2291     $('ul.list-calendars .cal-list-options-btn').on('click',function(){doMenu();});
2292       
2293
2294    /***************************************New Calendar***************************************/
2295        meu_container.find(".button.new-calendar").button({
2296            icons: {
2297                primary: "ui-icon-plus"
2298            },
2299            text: false
2300        }).click(function () {
2301                currentToolTip = $(this);
2302        var typeCalendar = !!parseInt($(this).attr('class').match(/[0-9]+/g)) ?
2303            {type: 'new-group', title: 'Novo Grupo', typeValue: 1, prompt: 'Nome do grupo'} :
2304            {type: 'new-calendar', title: 'Nova Agenda', typeValue: 0, prompt: 'Nome da agenda'}
2305               
2306            if(!$('.qtip.qtip-blue.qtip-active.'+typeCalendar.type).length){
2307
2308            $('.qtip.qtip-blue').remove();
2309
2310                $(this).qtip({
2311                                show: {
2312                       ready: true,
2313                   solo: true,
2314                   when: {
2315                          event: 'click'
2316                       }
2317                    },
2318                  hide: false,
2319                  content: {
2320                          text: $('<div></div>').html( DataLayer.render( 'templates/calendar_quick_add.ejs', {} ) ),
2321                          title: {
2322                              text: typeCalendar.title,
2323                              button: '<a class="button close" href="#">close</a>'
2324                          }
2325                        },
2326                  style: {
2327                          name: 'blue',
2328                      tip: {
2329                              corner: 'leftMiddle'
2330                          },
2331                   border: {
2332                           width: 4,
2333                           radius: 8
2334                          },
2335                      width: {
2336                              min: 230,
2337                          max:230
2338                          }
2339                    },
2340               position: {
2341                       corner: {
2342                           target: 'rightMiddle',
2343                           tooltip: 'leftMiddle'
2344                       },
2345                       adjust: {
2346                            x:0,
2347                            y: -12
2348                                               
2349                       }
2350                    }
2351            })
2352                .qtip("api").onShow = function(arg0) {
2353                               
2354                    $('.qtip-active .button.close').button({
2355                          icons: { primary: "ui-icon-close" },
2356                          text: false
2357                    })
2358                    .click(function(){
2359                                $('.qtip.qtip-blue').remove();
2360                    });
2361                   
2362                $('.qtip-active').addClass(typeCalendar.type);
2363
2364                    $('.qtip-active .button.cancel').button().click(function(){
2365                                $('.qtip.qtip-blue').remove();
2366                    });
2367                               
2368
2369                    $('.qtip-active .button.save').button().click(function(){
2370                    if(!typeCalendar.typeValue)
2371                                for(var i = 0; i < Calendar.calendars.length; i++){
2372                                    if(Calendar.calendars[i].location == ( User.me.uid + '/' + $('.qtip-active input').val())){
2373                                        $.Zebra_Dialog('O nome desta agenda já está sendo utilizada em uma Url de outra agenda. Por favor, informe outro nome para agenda.',{
2374                                            'overlay_opacity': '0.5',
2375                                            'type': 'warning'
2376                                        });
2377                                        $('.qtip.qtip-blue').remove();
2378                                        return;
2379                                    }
2380                                }
2381                                       
2382                        var selected;
2383                        var color = $('.cal-colors-options-btn').each(function(index){
2384                            if ($(this).is('.color-selected'))
2385                                 selected = index;
2386                        });
2387                        DataLayer.put( "calendarSignature", {
2388                            user: User.me.id,
2389                            calendar: {
2390                                name: Encoder.htmlEncode($('.qtip-active input').val()),
2391                                timezone: User.preferences.timezone,
2392                        type: typeCalendar.typeValue                   
2393                            },
2394                            isOwner: 1,
2395                            fontColor: colorsSuggestions[selected]['font'].substring(1) ,
2396                            backgroundColor: colorsSuggestions[selected]['background'].substring(1) ,
2397                            borderColor: colorsSuggestions[selected]['border'].substring(1)
2398                        });
2399                        DataLayer.commit( false, false, function( received ){
2400                            delete Calendar.currentViewKey;
2401                            Calendar.load();
2402                            refresh_calendars();
2403                        });
2404                        $('.qtip.qtip-blue').remove();
2405                    });
2406       
2407                    $(".qtip-active input").Watermark(typeCalendar.prompt);
2408                               
2409                    $('.qtip-active').keydown(function(event) {
2410                            if (event.keyCode == '27')
2411                              meu_container.find(".button.new").qtip('destroy');
2412                    });
2413                               
2414                    $('.colors-options').prepend(buttons_colors);
2415                    $('.colors-options .signed-cal-colors-options-btn-0').addClass('color-selected');
2416                                               
2417                    var buttons = $('.cal-colors-options-btn').button();
2418                               
2419                    buttons.click(function(){
2420                        buttons.removeClass('color-selected');
2421                        $(this).addClass('color-selected');
2422                    });
2423                }                               
2424           }
2425    });
2426
2427    $("img.cal-list-img").click(function(evt) {
2428           $(".cal-list-options_1").toggleClass( "hidden" );
2429    });
2430
2431    $(".my-groups-task a.title-my-calendars").click(function() {
2432        $(".my-groups-task ul.my-list-calendars").toggleClass("hidden")
2433        $('.my-groups-task .status-list').toggleClass("ui-icon-triangle-1-s");
2434        $('.my-groups-task .status-list').toggleClass("ui-icon-triangle-1-e");
2435    });
2436
2437    $(".my-calendars a.title-my-calendars").click(function() {
2438        $(".my-calendars ul.my-list-calendars").toggleClass("hidden")
2439        $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-s");
2440        $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-e");
2441    });
2442               
2443    $(".signed-calendars a.title-signed-calendars").click(function() {
2444           $(".signed-calendars ul.signed-list-calendars").toggleClass( "hidden");
2445    });
2446
2447    $("ul li.list-calendars-item").click(function(evt) {
2448       
2449        });   
2450
2451    $("ul li.list-calendars-item .ui-corner-all").click(function(evt) {
2452        //alert('teste');
2453        });   
2454       
2455    meu_container.find(".button.new-calendar-shared").button({
2456        icons: {
2457            primary: "ui-icon-plus"
2458        },
2459        text: false
2460    }).click(function (event) {
2461        show_modal_search_shared();
2462    });
2463               
2464
2465    meu_container.find('.title-signed-calendars').click(function(evt){
2466        var status = $(this).parent().find('.status-list-shared');
2467                       
2468        if(status.hasClass('ui-icon-triangle-1-s'))
2469            status.removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
2470        else
2471            status.removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
2472    });
2473               
2474    $('.calendar-view').click(function(evt){
2475
2476        var checkBox = $(this);
2477        var calendarId = $(this).val();
2478
2479        Calendar.signatureOf[ calendarId ].hidden =  (checkBox.is(':checked') ? 0 : 1 );
2480
2481        DataLayer.put('calendarSignature', {id: Calendar.signatureOf[ calendarId ].id , hidden: Calendar.signatureOf[ calendarId ].hidden }  );
2482        DataLayer.commit();
2483
2484
2485         if($tabs.tabs('option' ,'selected') == 0){
2486
2487             if(Calendar.currentView && !!Calendar.currentView[ calendarId ]){
2488
2489                 Calendar.currentView[ calendarId ].hidden = !checkBox.is(':checked');
2490                 $('#calendar').fullCalendar( 'refetchEvents' );
2491             }
2492
2493         }else{
2494             type = $tabs.tabs('option' ,'selected');
2495             type = type > 2 ? 2 : (type - 1)
2496
2497             pageselectCallback('', 0, false, type);
2498         }
2499    });
2500});
2501}
2502
2503function add_events_list(keyword, type)
2504{
2505    if ($.trim(keyword) == "") return;
2506    var tab_title = "";
2507    if (keyword){
2508                type = 2;
2509                if(keyword.length < 10)
2510                        tab_title = keyword;
2511                else
2512                        tab_title = keyword.substr(0,10) + '..."';
2513    }else{
2514                if(type){
2515                        if(!!parseInt(type))
2516                                tab_title = "Lista de tarefas";
2517                        else
2518                                tab_title = "Lista de eventos";
2519                }
2520    }
2521        var tab_selector = ['tab_events_list_', 'tab_tasks_list_', 'tab_all_list_'];
2522    keyword = ( keyword || '' ).replace( /\s+/g, "_" );
2523       
2524    if(!(document.getElementById(tab_selector[type] + (Base64.encode(keyword)).replace(/[^\w\s]/gi, "") )))     
2525    {
2526        Encoder.EncodeType = "entity";
2527        $tabs.tabs( "add", "#"+tab_selector[type] + (Base64.encode(keyword)).replace(/[^\w\s]/gi, ""), Encoder.htmlEncode(tab_title) );
2528    }
2529    else /* Tab already opened */
2530    {
2531                //$tabs.tabs("option", "selected", 2);
2532        }
2533       
2534    pageselectCallback(keyword, 0, false, type); // load page 1 and insert data on event_list.ejs
2535       
2536    $('.preferences-win.active .button.save, .preferences-win.active .button.cancel, .preferences-win.active .button.import, .preferences-win.active .button.export').button();
2537}
2538
2539function paginatorSearch(currentView){
2540    $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
2541        function(){
2542            $(this).addClass('fc-state-hover');
2543        },
2544        function(){
2545            $(this).removeClass('fc-state-hover');
2546        }).mousedown(function(){
2547        $(this).addClass('fc-state-down');
2548    }).mouseup(function(){
2549        $(this).removeClass('fc-state-down');
2550        $('.events-list.events-list-win.active').removeClass('active');
2551        var paginator = $(this).attr('class');
2552        if(paginator.indexOf('next') > 0){
2553            if(parseInt($(currentView+' [name = results]').val()) > 25)
2554                pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1), false,  2);
2555        }else{
2556            if(parseInt($(currentView+' [name = page_index]').val()) > 0)
2557                pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1), false, 2);
2558        }
2559    });
2560}
2561
2562function mountTitleList(page_index ,view){
2563    switch (view){
2564        case 'agendaDay':
2565        case 'basicDay':
2566            var date = new Date().add({
2567                days: page_index
2568            });
2569            return (dateCalendar.dayNames[date.getDay()])+", "+(date.toString('dd MMM yyyy'));
2570        case 'agendaWeek':
2571            var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2572            dateStart.add({
2573                days: (7 * page_index)
2574                });
2575            var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2576            dateEnd.add({
2577                days: (page_index * 7)+7
2578                });
2579            if(dateStart.toString('MM') != dateEnd.toString('MM'))
2580                return dateStart.toString('dd')+' de '+dateCalendar.monthNamesShort[dateStart.getMonth()]+' a '+dateEnd.toString('dd')+' de '+dateCalendar.monthNames[dateEnd.getMonth()]+' - '+dateEnd.toString('yyyy');
2581            return +dateStart.toString("dd")+" a "+dateEnd.toString("dd")+" de "+dateCalendar.monthNames[dateEnd.getMonth()]+" - "+dateEnd.toString('yyyy');
2582        case 'month':
2583            var date = new Date().add({
2584                months: page_index
2585            })
2586            return dateCalendar.monthNames[date.getMonth()]+" "+date.toString("yyyy");
2587        case 'year':
2588            var date = new Date().add({
2589                years: page_index
2590            });
2591            return date.toString("yyyy");
2592    }
2593}
2594
2595function paginatorList(currentView, view, type){
2596    $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>'+mountTitleList( parseInt($(currentView+' [name = page_index]').val()),view)+'</h2>');
2597    $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
2598    if(view == 'basicDay')
2599        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-agendaDay').addClass('fc-state-active');
2600    else
2601        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-'+view).addClass('fc-state-active');
2602    $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').addClass('list-right');
2603               
2604    $(currentView+' .header-paginator .fc-header-right .fc-button').hover(
2605        function(){
2606            $(this).addClass('fc-state-hover');
2607        },
2608
2609        function(){
2610            $(this).removeClass('fc-state-hover');
2611        }).mousedown(function(){
2612        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
2613        $(this).addClass('fc-state-active');
2614    }).mouseup(function(){
2615        var goView = $(this).attr('class');
2616        if(goView.indexOf('agendaDay') > 0)
2617            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'agendaDay', type);
2618        else if(goView.indexOf('month') > 0)
2619            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'month', type);
2620        else if(goView.indexOf('year') > 0)
2621            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'year', type);
2622        else if(goView.indexOf('agendaWeek') > 0)
2623            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'agendaWeek', type);
2624
2625    });
2626
2627    $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
2628        function(){
2629            $(this).addClass('fc-state-hover');
2630        },
2631        function(){
2632            $(this).removeClass('fc-state-hover');
2633        }).mousedown(function(){
2634        $(this).addClass('fc-state-down');
2635    }).mouseup(function(){
2636        $(this).removeClass('fc-state-down');
2637        var paginator = $(this).attr('class');
2638        if(paginator.indexOf('next') > 0)
2639            pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1), view, type);
2640        else
2641            pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1), view, type);
2642    });
2643}
2644
2645function printEventList(view){
2646        $('.fc-button-print.print-list-events').click(function(){
2647                var window_print = window.open('','ExpressoCalendar','width=800,height=600,scrollbars=yes');
2648                var listEvents = $(view).clone();
2649                listEvents.find('.fc-button').remove();
2650                listEvents.find('.details-event-list').remove();
2651                listEvents.find('.list-events-paginator').remove();
2652                listEvents = listEvents.html();
2653                type = $(this).parents('.ui-tabs-panel').attr("id").split("_")[1];
2654
2655                var data = {
2656                        type : type == "tasks" ? "task-list" : ( type == "events" ? "event-list" : "search"),
2657                        html : listEvents,
2658                        InfoPage : $(this).parents('table.header-paginator').find( '.fc-header-title' ).text()
2659                }
2660                window_print.document.open();           
2661                window_print.document.write(DataLayer.render('templates/calendar_list_print.ejs', data));
2662                window_print.document.close();
2663                window_print.print();
2664        });
2665}
2666
2667function paginatorListEvent(currentView, typeView, view, type){
2668    if(!!$(currentView).find('.fc-calendar').length)
2669        return;
2670    $(currentView+' .events-list.events-list-win.active').prepend($('.fc-header:first').clone());
2671    //Remove contudo nao utilizado
2672    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-today').remove();
2673    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicWeek').remove();
2674    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicDay').removeClass("fc-button-basicDay").addClass('fc-button-agendaDay');                     
2675               
2676    //Adiciona e remove as classes para esta visualizacao
2677    $(currentView+' .events-list.events-list-win.active .fc-header .fc-header-center').addClass('list-events-paginator');
2678    $(currentView+' .events-list.events-list-win.active .fc-header .list-events-paginator').removeClass('fc-header-center');           
2679               
2680    //Adicionar class no header padronizar com a tela principal
2681        $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-print').addClass('print-list-events');               
2682        $(currentView+' .events-list.events-list-win.active .fc-header').addClass('header-paginator');
2683    $(currentView+' .events-list.events-list-win.active .header-paginator').removeClass('fc-header');   
2684       
2685        printEventList(currentView);
2686       
2687    if(typeView == 'search'){
2688        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right span.fc-button:not(.fc-button-print)').remove();
2689        $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>Resultados para: '+$(currentView+' [name = keyword]').val()+'</h2>');
2690        if((parseInt($(currentView+' [name = page_index]').val()) == 0) && (parseInt($(currentView+' [name = results]').val()) <= 25))
2691            return;
2692        paginatorSearch(currentView);
2693    }else
2694        paginatorList(currentView, view, type);
2695}
2696
2697function mountCriteriaList(view, page_index, calerdars_selecteds){
2698    var rangeStart , rangeEnd;
2699    switch (view){
2700        case 'basicDay':
2701        case 'agendaDay':
2702            rangeStart = new Date.today().add({ days: page_index }).getTime();
2703            rangeEnd = rangeStart + 86400000;
2704            break;
2705        case 'agendaWeek':
2706            var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2707            var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2708            dateEnd.setHours(0,0,0);
2709            dateStart.setHours(0,0,0);
2710            rangeStart = dateStart.add({ days: (7 * page_index) }).getTime();
2711            rangeEnd = dateEnd.add({ days: (7 * page_index)+7 }).getTime();
2712            break;
2713        case 'month':
2714            var date = Date.today().add({ months: page_index })
2715            rangeStart = date.moveToFirstDayOfMonth().getTime();
2716            rangeEnd = date.moveToLastDayOfMonth().getTime() + 86400000;
2717            break;
2718        case 'year':
2719            var dateStart = new Date().add({ years: page_index });
2720            var dateEnd = new Date().add({ years: page_index });
2721            dateEnd.setHours(0,0,0);
2722            dateStart.setHours(0,0,0);
2723            if(dateStart.getMonth() != 0)
2724                    dateStart.moveToMonth(0, -1)
2725            if(dateEnd.getMonth() != 11)
2726            dateEnd.moveToMonth(11)
2727
2728        rangeStart = dateStart.moveToFirstDayOfMonth().getTime();
2729        rangeEnd = dateEnd.moveToLastDayOfMonth().getTime() + 86400000;
2730            break; 
2731    }
2732                       
2733    var timezone = {};
2734    for(var i in Calendar.signatureOf)
2735            timezone[i] = Calendar.signatureOf[i].calendar.timezone;
2736       
2737    return  {
2738        rangeStart: rangeStart,
2739        rangeEnd: rangeEnd,
2740            order: 'startTime',
2741            timezones: timezone,
2742        calendar: calerdars_selecteds
2743        };
2744}
2745
2746function pageselectCallback(keyword, page_index, view, type){
2747    $('.qtip.qtip-blue').remove();
2748        var tab_selector = ['tab_events_list_', 'tab_tasks_list_', 'tab_all_list_'];
2749        var tab_title = ['Lista de eventos', 'Lista de tarefas'];
2750        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.'];
2751        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.'];
2752        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.'];
2753        var selecteds = getSelectedCalendars(false, type);
2754   
2755        if(!selecteds && (keyword != '' && keyword != null)){   
2756        jQuery('#'+tab_selector[type] + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
2757            '<div title="'+tab_title[type]+'" class="events-list events-list-win active empty">' +
2758            '<label>'+label_noselect_calendar[type]+'</label>' +
2759            '</div>'
2760        );
2761    }else{
2762        var criteria = null;
2763        if(keyword == '' || keyword == null){
2764
2765            criteria = mountCriteriaList(!!view ? view : User.preferences.defaultCalView, page_index, selecteds);
2766
2767        }else{
2768
2769            var timezone = {};
2770            for(var i in Calendar.signatureOf)
2771                timezone[i] = Calendar.signatureOf[i].calendar.timezone;
2772
2773            criteria =  {
2774
2775                searchEvent: true,
2776                order: 'startTime',
2777                offset: (25 * page_index),
2778                limit: (((25 * page_index) + 25) + 1),
2779                summary: keyword,
2780                description: keyword,
2781                calendar: selecteds,
2782                timezones: timezone
2783
2784            };
2785        }
2786       
2787        var results = DataLayer.encode('schedulable:list', DataLayer.dispatch('modules/calendar/schedules', criteria));
2788        //var results = DataLayer.get('schedulable:detail', criteria);
2789        keyword = ( keyword || '' ).replace( /\s+/g, "_" );
2790        }
2791// não há resultados   
2792
2793var currentView = '#'+tab_selector[type] + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") || '');
2794
2795if ((((typeof(results) == 'undefined') || (!results.events_list )) && selecteds) &&(keyword != '' && keyword != null)) {
2796    $(currentView).html(
2797                '<div title="'+title+'" class="events-list events-list-win active empty">' +
2798                '<label>'+label_nofound_search[type]+'</label>' +
2799                '</div>'
2800        );
2801// há resultados e Agendas Selecionadas
2802} else{
2803    if(typeof(results) != 'undefined'){
2804                results['page_index'] = page_index;
2805                results['keyword'] = keyword;
2806                results['tab_title'] = tab_title[type];
2807                DataLayer.render( 'templates/event_list.ejs', results, function( html ){
2808                       
2809                        $(currentView).html( html );
2810                        $('.events-list-win .menu-container .button').button();
2811                                                                                                                       
2812                        $(".event-details-item").parent().click(function(event){
2813                        event.stopImmediatePropagation();
2814            var container = $(this).siblings("div.details-event-list");
2815
2816
2817            //lazy data
2818            if( container.hasClass('hidden') ){
2819
2820                //only first click
2821                if(!container.find('fieldset').length){
2822
2823                   $(this).append( '<span style="width: 20px;" class="load-event-detail"><img style="width: 20px;" src="'+DataLayer.dispatchPath+'/modules/calendar/img/loading.gif"></img></span>');
2824
2825                    var schedulable = container.find('input[name="eventid"]').val();
2826                    schedulable = DataLayer.encode('schedulable:detail', [getSchedulable( schedulable, '' )]);
2827
2828                    schedulable = $.isArray( schedulable ) ? schedulable[0] : schedulable;
2829
2830                    container.prepend( DataLayer.render( 'templates/event_detail_list.ejs', {'_event': schedulable}));
2831
2832                    $(this).find('span.load-event-detail').remove();
2833                }
2834            }
2835
2836            container.toggleClass("hidden")
2837                        .find('.button.delete').click(function(event){
2838                                var eventId = $(this).siblings('[name="eventid"]').val();
2839                                var calendarId = $(this).siblings('[name="calendarid"]').val();
2840                                remove_event(eventId, calendarId, 2);
2841                                event.stopImmediatePropagation()
2842                        })
2843                        .end().find('.button.edit').click(function(event){
2844
2845                var schedulable = $(this).siblings('[name="eventid"]').val();
2846                switch($(this).siblings('[name="eventtype"]').val()){
2847
2848                    case '1':
2849                        eventDetails( getSchedulable( schedulable, '' ), true );
2850                    break;
2851                    case '2':
2852                        taskDetails( getSchedulable( schedulable, '' ), true );
2853                    break;
2854                    case '3':
2855                        activityDetails( getSchedulable( schedulable, '' ), true );
2856                    break;
2857                }
2858                                event.stopImmediatePropagation()
2859                        })
2860                        .end().find('.button.print').click(function(event){     
2861                                var window_print = window.open('','ExpressoCalendar','width=800,height=600,scrollbars=yes');
2862                                var html = $(this).parents("td:first").clone();
2863                                html.find(".menu-container.footer-container").remove();
2864                                html.find(".fc-header-title").remove();
2865                                var html = html.html();
2866                                var data = {
2867                                        type : $(this).parents('.details-event-list').hasClass("details-event") ? "event-detail" : "task-detail",
2868                                        html : html,
2869                                        InfoPage : 'Detalhes: '+$(this).parents('tr.start-date').find('td span a').text()
2870                                }
2871                                window_print.document.open();           
2872                                window_print.document.write(DataLayer.render('templates/calendar_list_print.ejs', data));
2873                                window_print.document.close();
2874                                window_print.print();
2875                               
2876                                event.stopImmediatePropagation()
2877                        });
2878
2879                        });
2880                        paginatorListEvent(currentView, (keyword == '' || keyword == null) ? 'list' : 'search',  !!view ? view : User.preferences.defaultCalView, type);
2881                });
2882    }else{
2883                $(currentView).html(
2884                        '<div title="'+title+'" class="events-list events-list-win active empty">' +
2885                        '<input type="hidden" name="page_index" value="'+page_index+'"></inpunt>'+
2886                        '<input type="hidden" name="keyword" value="'+keyword+'"></inpunt>'+
2887                        '<label class="empty-result">'+label_nofound[type]+'</label>' +
2888                        '</div>'
2889                        );
2890                paginatorListEvent(currentView, 'list', !!view ? view : User.preferences.defaultCalView, type);
2891    }
2892}
2893        if(currentView != '#'+tab_selector[type])
2894            $tabs.tabs("select", currentView);
2895}
2896
2897function show_modal_import_export(tab, calendarId, typeView){
2898    $('.qtip.qtip-blue').remove();
2899    DataLayer.render( 'templates/import_export.ejs', {
2900        calendars: typeView == 0 ? Calendar.calendars : Calendar.groups,
2901        owner: User.me.id,
2902        typeView: typeView
2903        }, function( html ){
2904
2905        if (!UI.dialogs.importCalendar) {
2906            UI.dialogs.importCalendar = jQuery('#div-import-export-calendar')
2907            .append('<div title="Importar e Exportar "' + (typeView == 0 ? 'Eventos' : 'Tarefas') + '" class="import-export import-export-win active"> <div>')
2908            .find('.import-export-win.active').html(html).dialog({
2909                resizable: false,
2910                modal:true,
2911                width:500,
2912                position: 'center'
2913            });
2914                       
2915        } else {
2916            UI.dialogs.importCalendar.html(html);
2917        }
2918               
2919        var tabsImportExport = UI.dialogs.importCalendar.find(".tabs-import-export").tabs({
2920            selected: tab
2921        });
2922       
2923        UI.dialogs.importCalendar.find('.button').button();
2924
2925        tabsImportExport.find('option[value="'+calendarId+'"]').attr('selected','selected').trigger('change');
2926               
2927        var form = false;
2928        $('.import-event-form').fileupload({
2929            sequentialUploads: true,
2930            add: function (e, data) {
2931            form = data
2932            var name = form.files[0].name;
2933            $('.import-event-form').find('input[type="file"]').hide();
2934            $('.import-event-form').find('span.file-add').removeClass('hidden');
2935            $('.import-event-form').find('span.file-add').append('<span>'+ name +'</span><a class="button remove-attachment tiny"></a>');
2936            $('.import-event-form').find('.button.remove-attachment').button({
2937                icons: {
2938                primary: "ui-icon-close"
2939                },
2940                text: false
2941            }).click(function (event){
2942                $('.import-event-form').find('input[type="file"]').show();
2943                $('.import-event-form').find('span.file-add').addClass('hidden').html('');
2944                form = false;
2945            });
2946
2947            },
2948        submit:function(e, data){
2949
2950            $('div.import-export').find('a.button').button('option', 'disabled', true)
2951            $('.import-event-form').find('span.file-add').append('<img src="../prototype/modules/calendar/img/ajax-loader.gif">');
2952
2953        },
2954            done: function(e, data){
2955            var msg = '';
2956            var type = '';
2957
2958            if(!!data.result && data.result == '[][""]' || data.result.indexOf('Error') >= 0 ){
2959                msg = 'Erro ao realizar a importação, por favor verifique o arquivo .ics';
2960                type = 'warning';
2961
2962                $('div.import-export').find('a.button').button('option', 'disabled', false)
2963                $('.import-event-form').find('span.file-add img ').remove();
2964
2965            }else{
2966
2967                if(data.result.indexOf('schedulable') >= 0){
2968                    msg = 'Importação realizada com sucesso!';
2969                    type = 'confirmation';
2970                    Calendar.rerenderView(true);
2971                }else{
2972                    var res = JSON.parse(data.result);
2973                    var asData = false;
2974
2975                    for(var i = 0; i < res.length; i++)
2976                        if(res[i].length > 0)
2977                            asData = true;
2978
2979                    if(asData){
2980                        msg = 'Importação realizada com sucesso!';
2981                        type = 'confirmation';
2982                        Calendar.rerenderView(true);
2983                    }else{
2984                        msg = 'Não foram encontrados novos eventos na importação!';
2985                        type = 'information';
2986                    }
2987                }
2988
2989                UI.dialogs.importCalendar.dialog("close");
2990            }
2991
2992            $.Zebra_Dialog(msg, {
2993                'type':     type,
2994                'overlay_opacity': '0.5',
2995                'buttons':  ['Fechar']
2996            });
2997            }
2998        });
2999
3000        UI.dialogs.importCalendar.find(".menu-import-event")       
3001            .children(".import").click(function(data){
3002            $('.import-event-form fieldset.import-calendar', UI.dialogs.importCalendar).append(
3003                '<input type="hidden" name="params[calendar_timezone]" value="'+
3004                Calendar.signatureOf[$('.import-event-form option:selected').val()].calendar.timezone
3005                +'"/>')
3006            if(form)
3007                form.submit();
3008        });
3009           
3010        UI.dialogs.importCalendar.find(".menu-export-event")       
3011        .children(".export").click(function(){
3012             
3013            $('.export-event-form', UI.dialogs.importCalendar).submit();
3014            UI.dialogs.importCalendar.dialog("close");
3015        /**
3016                         * TODO - implementar ação de exportação
3017                         */
3018        });
3019       
3020        UI.dialogs.importCalendar.find(".menu-container")
3021        .children(".cancel").click(function(){
3022            UI.dialogs.importCalendar.dialog("close");
3023        });   
3024               
3025        UI.dialogs.importCalendar.dialog("open");
3026    });
3027}
3028
3029function copyAndMoveTo(calendar, event, idRecurrence, type, evt ){
3030    /*
3031     * Types
3032     * 0 = Move
3033     * 1 = Copy Event end Repet
3034     * 2 = Copy Ocurrence
3035     * 3 = Copy to edit ocurrence
3036     *
3037     **/
3038    if(!type)
3039        type = $('.calendar-copy-move input[name="typeEvent"]').val();
3040
3041    getSchedulable(event,'');
3042    var schedulable = DataLayer.get('schedulable', event.toString());
3043    schedulable['class'] = '1';
3044       
3045    calendar = !!calendar ? calendar : schedulable.calendar;
3046
3047    owner = decodeOwnerCalendar(calendar);
3048       
3049    if(typeof(schedulable) == "array")
3050        schedulable = schedulable[0];
3051       
3052    //Move eventos entre agendas
3053    if(parseInt(type) == 0){
3054               
3055        schedulable.lastCalendar = schedulable.calendar;
3056    schedulable.calendar = calendar;
3057        DataLayer.put('schedulable', schedulable);
3058       
3059        DataLayer.commit();
3060    //copia eventos entre agendas
3061    }else{
3062       
3063        var newSchedulable = schedulable;
3064       
3065        delete newSchedulable.id;
3066        delete newSchedulable.uid;
3067        delete newSchedulable.sequence;
3068        delete newSchedulable.dtstamp;
3069               
3070        delete schedulable.DayLigth;
3071        delete schedulable.rangeStart
3072        delete schedulable.rangeEnd;
3073        delete schedulable.lastUpdate;
3074               
3075        delete schedulable.calendar;
3076               
3077        if(schedulable.repeat && type == "1" ){
3078            var repeat = DataLayer.get('repeat', schedulable.repeat);
3079            delete repeat.schedulable;
3080            delete repeat.id;
3081            repeat.startTime = repeat.startTime == '' ? '' : new Date(parseInt(repeat.startTime)).toString('yyyy-MM-dd HH:mm:00');
3082            repeat.endTime = repeat.endTime == '' ? '' : new Date(parseInt(repeat.endTime)).toString('yyyy-MM-dd HH:mm:00');
3083                   
3084            var exceptions = DataLayer.get('repeatOccurrence', {
3085                filter: ['AND', ['=','repeat', schedulable.repeat], ['=','exception','1']]
3086                }, true);
3087            if(exceptions){
3088                repeat.exceptions = '';
3089                for(var i in exceptions )
3090                    repeat.exceptions += exceptions[i].occurrence + ((exceptions.length -1) == parseInt(i) ? '' : ',');
3091                           
3092            }
3093                   
3094                   
3095            schedulable.repeat = repeat;
3096        }else{
3097            if(!!idRecurrence){
3098                newSchedulable.endTime = parseInt(schedulable.occurrences[idRecurrence]) + (parseInt(newSchedulable.endTime) - parseInt(newSchedulable.startTime));
3099                newSchedulable.startTime = schedulable.occurrences[idRecurrence];
3100            }
3101            delete schedulable.repeat;
3102        }
3103        delete schedulable.occurrences;
3104               
3105        schedulable.calendar = DataLayer.copy(calendar);
3106               
3107        var participants = DataLayer.copy(schedulable.participants);
3108        delete schedulable.participants;
3109
3110    if(schedulable['type'] == '2')
3111        delete schedulable['historic'];
3112
3113        schedulable.participants =  $.map( participants, function( attendee, i ){
3114
3115            var participant = DataLayer.get('participant', attendee, false);
3116
3117            if(typeof(participant) == 'array')
3118                participant = participant[0];
3119
3120            if(owner.id != participant.user)
3121                delete participant.status;
3122
3123            delete participant.delegatedFrom;
3124            delete participant.id;
3125            delete participant.schedulable;
3126
3127            participant.id = DataLayer.put('participant', participant);
3128
3129            return  (parseInt(type) == 3) ? participant.id : participant ;
3130        });
3131
3132        //Edit ocurrence
3133        if(parseInt(type) == 3){
3134            newSchedulable.endTime = !!evt.end  ? evt.end.getTime() :  ((evt.start).getTime() + 86400000);
3135            newSchedulable.startTime = evt.start.getTime();
3136                   
3137            return newSchedulable;
3138        }
3139        newSchedulable.endTime = new Date(parseInt(newSchedulable.endTime) - (parseInt(newSchedulable.allDay) ? 86400000 : 0)).toString('yyyy-MM-dd HH:mm:00');
3140        newSchedulable.startTime = new Date(parseInt(newSchedulable.startTime)).toString('yyyy-MM-dd HH:mm:00');
3141       
3142        DataLayer.put('schedulable', newSchedulable);
3143
3144    }
3145}
3146
3147function messageHelper(msg, isShow){
3148    if(isShow)
3149        new $.Zebra_Dialog('<span style="width: 50px; height: 50px;">'+
3150                            '<img src="'+DataLayer.dispatchPath+'/modules/calendar/img/loading.gif"></img>'+
3151                        '</span><label class="messagesHelpers"> '+ msg +' </label>' , {
3152                        'buttons':  false,
3153                        'modal': true,
3154                        'overlay_opacity': '0.5',
3155                        'keyboard': false,
3156                        'overlay_close': false,
3157                        'type': false,
3158                        'custom_class': 'messagesHelpersExpressoCalendar'
3159                        }
3160                    );
3161    else{
3162        $('.messagesHelpersExpressoCalendar').remove();
3163        $('.ZebraDialogOverlay').remove();
3164    }
3165}
3166
3167function extendsFileupload(view, path){
3168    var viewName = 'div.new-'+view+'-win';
3169   
3170    path = !!path ? path : '';
3171   
3172    var maxSizeFile = 2000000;
3173    $('#fileupload'+view).fileupload({
3174        sequentialUploads: true,
3175        add: function (e, data) {
3176            if(data.files[0].size < maxSizeFile)
3177                data.submit();
3178        },
3179        change: function (e, data) {
3180            $.each(data.files, function (index, file) {
3181                var attach = {};
3182                attach.fileName = file.name;
3183                var ext = file.name.split('.');
3184                if(file.name.length > 10)
3185                    attach.fileName = ext.length == 1 ? file.name.substr(0, 10) :  file.name.substr(0, 6) + '.' + ext[ext.length -1];
3186                attach.fileSize = formatBytes(file.size);
3187                if(file.size > maxSizeFile)
3188                    attach.error = 'Tamanho de arquivo nao permitido!!'
3189                               
3190                $(viewName+' .attachments-list').append(DataLayer.render(path+'templates/attachment_add_itemlist.ejs', {
3191                    file : attach
3192                }));
3193                               
3194                if(file.size < maxSizeFile){
3195                    $(viewName+' .fileinput-button.new').append(data.fileInput[0]).removeClass('new');
3196                    $(viewName+' .attachments-list').find('[type=file]').addClass('hidden');
3197                                       
3198                }else
3199                    $(viewName+' .fileinput-button.new').removeClass('new');
3200                               
3201                               
3202                $(viewName+' .attachments-list').find('.button.close').button({
3203                    icons: {
3204                        primary: "ui-icon-close"
3205                    },
3206                    text: false
3207                }).click(function(){
3208                    var idAttach = $(this).parent().find('input[name="fileId[]"]').val();
3209                    $(viewName+' .attachment-list').find('input[value="'+idAttach+'"]').remove();
3210                    $(this).parent().remove();
3211               
3212                    if(!$(viewName+' .attachment-list input').length)
3213                        $(viewName+' .btn-danger.delete').addClass('hidden');
3214               
3215                });     
3216                               
3217            })
3218        },
3219        done: function(e, data){
3220            var currentUpload = $(viewName+' .progress.after-upload:first').removeClass('after-upload').addClass('on-complete').hide();
3221
3222            if(!!data.result && data.result != "[]"){
3223                $(viewName+' .btn-danger.delete').removeClass('hidden');
3224                var newAttach = (attch = jQuery.parseJSON(data.result)) ? attch : jQuery.parseJSON(data.result[0].activeElement.childNodes[0].data);
3225                $(viewName+' .attachment-list').append('<input tyepe="hidden" name="attachment[]" value="'+newAttach['attachment'][0][0].id+'"/>');
3226                currentUpload.removeClass('on-complete').parents('p')
3227                .append('<input type="hidden" name="fileId[]" value="'+newAttach['attachment'][0][0].id+'"/>')
3228                .find('.status-upload').addClass('ui-icon ui-icon-check');
3229            }else
3230                currentUpload.removeClass('on-complete').parents('p').find('.status-upload').addClass('ui-icon ui-icon-cancel');
3231        }
3232    });
3233    $('.attachments-list .button').button();   
3234
3235    if(!!window.FormData)                       
3236        $('#fileupload'+view).bind('fileuploadstart', function () {
3237            var widget = $(this),
3238            progressElement = $('#fileupload-progress-'+view).fadeIn(),
3239            interval = 500,
3240            total = 0,
3241            loaded = 0,
3242            loadedBefore = 0,
3243            progressTimer,
3244            progressHandler = function (e, data) {
3245                loaded = data.loaded;
3246                total = data.total;
3247            },
3248            stopHandler = function () {
3249                widget
3250                .unbind('fileuploadprogressall', progressHandler)
3251                .unbind('fileuploadstop', stopHandler);
3252                window.clearInterval(progressTimer);
3253                progressElement.fadeOut(function () {
3254                    progressElement.html('');
3255                });
3256            },
3257            formatTime = function (seconds) {
3258                var date = new Date(seconds * 1000);
3259                return ('0' + date.getUTCHours()).slice(-2) + ':' +
3260                ('0' + date.getUTCMinutes()).slice(-2) + ':' +
3261                ('0' + date.getUTCSeconds()).slice(-2);
3262            },
3263            /* formatBytes = function (bytes) {
3264            if (bytes >= 1000000000) {
3265                return (bytes / 1000000000).toFixed(2) + ' GB';
3266            }
3267            if (bytes >= 1000000) {
3268                return (bytes / 1000000).toFixed(2) + ' MB';
3269            }
3270            if (bytes >= 1000) {
3271                return (bytes / 1000).toFixed(2) + ' KB';
3272            }
3273            return bytes + ' B';
3274        },*/
3275            formatPercentage = function (floatValue) {
3276                return (floatValue * 100).toFixed(2) + ' %';
3277            },
3278            updateProgressElement = function (loaded, total, bps) {
3279                progressElement.html(
3280                    formatBytes(bps) + 'ps | ' +
3281                    formatTime((total - loaded) / bps) + ' | ' +
3282                    formatPercentage(loaded / total) + ' | ' +
3283                    formatBytes(loaded) + ' / ' + formatBytes(total)
3284                    );
3285            },
3286            intervalHandler = function () {
3287                var diff = loaded - loadedBefore;
3288                if (!diff) {
3289                    return;
3290                }
3291                loadedBefore = loaded;
3292                updateProgressElement(
3293                    loaded,
3294                    total,
3295                    diff * (1000 / interval)
3296                    );
3297            };
3298            widget
3299            .bind('fileuploadprogressall', progressHandler)
3300            .bind('fileuploadstop', stopHandler);
3301            progressTimer = window.setInterval(intervalHandler, interval);
3302        });
3303   
3304}
Note: See TracBrowser for help on using the repository browser.