source: sandbox/2.4.2-expresso1/prototype/modules/calendar/js/helpers.js @ 6812

Revision 6812, 92.2 KB checked in by marcieli, 12 years ago (diff)

Ticket #2966 - Criar/excluir/listar/configurar Grupos de tarefas.

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