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

Revision 5615, 73.8 KB checked in by acoutinho, 12 years ago (diff)

Ticket #2434 - Remocao do importe de arquivos da agenda na inicializacao do modulo expressoMail e correcoes de bugs

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        var start_date = $(".new-event-win.active .start-date").val();
16        var end_date   = $(".new-event-win.active .end-date").val();
17        var start_time = $(".new-event-win.active .start-time").val();
18        var end_time   = $(".new-event-win.active .end-time").val();
19        var isAllDay   = $('.new-event-win.active input[name="allDay"]').is(':checked');
20       
21        if(start_date == "")
22                return 'Por favor, informe uma data inicial';
23        else if(end_date == "")
24                return 'Por favor, informe uma data final';
25        else if(!isAllDay && start_time == "")
26                return 'Por favor, informe uma hora inicial';
27        else if(!isAllDay && end_time == "")
28                return 'Por favor, informe uma hora final';
29       
30        var formatString = (isAllDay)? User.preferences.dateFormat+" HH:mm" : User.preferences.dateFormat + " " + User.preferences.hourFormat;
31               
32        var startDate = Date.parseExact( isAllDay ? start_date+ " 00:00": start_date + " " + $.trim(start_time) , formatString );
33        var endDate = Date.parseExact( isAllDay ? end_date+ " 00:00": end_date + " " + $.trim(end_time) , formatString );
34
35        if(startDate == null || startDate.getTime() < 0 )
36                return 'Data inicial inválida';
37        if(endDate == null || endDate.getTime() < 0)
38                return 'Data final inválida';
39       
40        if((endDate.compareTo(startDate) != 1) && !((endDate.compareTo(startDate) == 0) && (isAllDay))){
41                return (start_date == end_date) ?
42                        ((end_time == start_time) ? 'Hora inicial igual a final' : 'Hora final menor que a inicial') :
43                        'Data final menor que a inicial';
44        }
45        return false;
46}
47
48/*
49function listEvents(){
50        var list = $('.fc-header-right').find('.fc-button.fc-button-agendaDay').clone();
51        $('.fc-header-right').find('.fc-button-year').toggleClass('fc-corner-right');
52        list.addClass('fc-corner-right');
53        list.addClass('fc-button-listagem');
54        list.removeClass('fc-button-agendaDay');
55        list.removeClass('fc-corner-left');
56        list.find('.fc-button-content').html('Listagem');
57        $('.fc-header-right').append(list);
58}
59*/
60
61function eventDetails( objEvent, decoded, path, isMail)
62{
63        if(path == undefined)
64                path = "";
65               
66        if( !decoded )
67            objEvent = DataLayer.decode( "schedulable:calendar", objEvent );
68
69        if(!isMail)
70        objEvent = DataLayer.encode( "schedulable:preview", objEvent );
71       
72        if(typeof(objEvent.id) == 'undefined'){
73                        objEvent.alarms = Calendar.signatureOf[User.preferences.defaultCalendar || Calendar.calendarIds[0]].defaultAlarms || false;
74                        objEvent.useAlarmDefault = 1;
75        }
76       
77        /**
78         * canDiscardEventDialog deve ser true se não houver alterações no evento
79         */
80        canDiscardEventDialog = true;
81        /**
82         * zebraDiscardEventDialog é uma flag indicando que uma janela de confirmação (Zebra_Dialog)
83         * já está aberta na tela, uma vez que não é possivel acessar o evento ESC utilizado para fechá-la
84         */
85        zebraDiscardEventDialog = false;
86       
87        /**
88                ACLs do participant
89        */
90        acl_names = {
91                'w': 'acl-white',
92                'i': 'acl-invite-guests',
93                'p': 'acl-participation-required'
94        };
95        /**
96        * callback de participantes generico
97        */
98        var callbackAttendee = function(){
99                //Cria qtip de permissões pelo click do checkbox
100                var checked = false;
101                blkAddAtendee.find("li.not-attendee").addClass('hidden');
102       
103                blkAddAtendee.find("li .button").filter(".close.new").button({
104                        icons: {
105                                primary: "ui-icon-close"
106                        },
107                        text: false
108                }).click(function () {
109                        DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
110                        if($(this).parent().find('.button.delegate').hasClass('attendee-permissions-change-button')){
111                               
112                                blkAddAtendee.find('.request-update').addClass('hidden');
113                                blkAddAtendee.find('.status option').toggleClass('hidden');
114                               
115                                blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
116                        }
117                       
118                        $(this).parents('li').remove();
119                       
120                        if(blkAddAtendee.find(".attendee-list li").length == 1)
121                                blkAddAtendee.find("li.not-attendee").removeClass('hidden');
122                })
123                .addClass('tiny disable ui-button-disabled ui-state-disabled')
124                .removeClass('new').end()
125       
126                .filter(".delegate.new").button({
127                        icons: {
128                                primary: "ui-icon-transferthick-e-w"
129                        },
130                        text: false
131                }).click(function () {
132                                               
133                        if($(this).hasClass('attendee-permissions-change-button')){
134                                $(this).removeClass('attendee-permissions-change-button')   
135                                .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
136                               
137                                $(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
138                               
139                                blkAddAtendee.find('.request-update').addClass('hidden');
140                                blkAddAtendee.find('.status option').toggleClass('hidden');
141                               
142                               
143                                blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
144                               
145                        }else{
146                                blkAddAtendee.find('.delegate').removeClass('attendee-permissions-change-button');
147                                blkAddAtendee.find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change');
148                       
149                                $(this).addClass('attendee-permissions-change-button')   
150                                .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
151                                $(this).parents('li').find('input[name="delegatedFrom[]"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
152                       
153                                blkAddAtendee.find('.request-update').removeClass('hidden');
154                                if(blkAddAtendee.find('.status option.hidden').length == 1)
155                                        blkAddAtendee.find('.status option').toggleClass('hidden');
156                       
157                                blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
158                        }
159                })
160                .addClass('tiny disable ui-button-disabled ui-state-disabled')
161                .removeClass('new').end()
162               
163                .filter(".edit.new").button({
164                        icons: {
165                                primary: "ui-icon-key"
166                        },
167                        text: false
168                }).click(function() {
169                       
170                        if(!!!checked)
171                                $(this).parents('li').find('[type=checkbox]').attr('checked', (!$(this).parent().find('[type=checkbox]').is(':checked'))).end();
172                       
173                        var aclsParticipant =  $(this).parents('li').find('input[name="attendeeAcl[]"]').val();
174                        checked = false;
175                       
176                        if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
177                                blkAddAtendee.find('dd.attendee-list').qtip({
178                                        show: {ready: true, solo: true, when: {event: 'click'}},
179                                        hide: false,
180                                        content: {
181                                                text: $('<div></div>').html( DataLayer.render( 'templates/attendee_permissions.ejs', {} ) ),
182                                                title: {
183                                                        text:'Permissões',
184                                                        button: '<a class="button close" href="#">close</a>'
185                                                }
186                                        },
187                                        style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
188                                        position: {
189                                                corner: {
190                                                        target: 'rightMiddle',
191                                                        tooltip: 'leftMiddle'
192                                                },
193                                                adjust: {x:0, y:0}
194                                        }
195                                })
196                                .qtip("api").onShow = function(arg0) {
197                                        $('.qtip-active .button.close').button({
198                                                icons: {primary: "ui-icon-close"},
199                                                text: false
200                                        })
201                                        .click(function(){
202                                                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
203                                        });
204                                       
205                                        $('.qtip-active .button.save').button().click(function(){
206                                               
207                                                var acl = '';
208                                                $('.qtip-active').find('[type=checkbox]:checked').each(function(i, obj) {
209                                                        acl+= obj.value;
210                                                });
211
212                                                blkAddAtendee.find('dd.attendee-list [type=checkbox]:checked').siblings('input[name="attendeeAcl[]"]').each(function(i, obj) {
213                                                        obj.value = 'r'+acl;
214                                                }).parents('li').find('.button.edit').addClass('attendee-permissions-change-button')   
215                                                .find('.ui-icon-key').addClass('attendee-permissions-change');               
216                                               
217                                                blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
218                                               
219                                                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
220                                       
221                                        });
222                                        $('.qtip-active .button.cancel').button().click(function(){
223                                                blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
224                                                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
225                                        });
226                                       
227                                        if(aclsParticipant)
228                                                for(var i = 1; i < aclsParticipant.length; i++){
229                                                        $('.qtip-active').find('input[name="'+acl_names[aclsParticipant.charAt(i)]+'"]').attr('checked', true);
230                                                }
231                                       
232                                       
233                                        $('.button').button();
234                                       
235                                };
236                        }else{
237                                if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
238                                        blkAddAtendee.find('dd.attendee-list').qtip('destroy');
239                                }else{
240                                        $('.qtip-active .button.save .ui-button-text').html('Aplicar a todos')
241                                }
242                       
243                        };                     
244                })
245                .addClass('tiny disable ui-button-disabled ui-state-disabled')
246                .removeClass('new').end()
247               
248                .filter(".open-delegate.new").click(function(){
249                        if($(this).hasClass('ui-icon-triangle-1-e')){
250                                $(this).removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
251                                $(this).parents('li').find('.list-delegates').removeClass('hidden');
252                        }else{
253                                $(this).removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
254                                $(this).parents('li').find('.list-delegates').addClass('hidden');
255                        }
256               
257                }).removeClass('new');
258       
259       
260                blkAddAtendee.find("li input[type=checkbox].new").click(function(){
261                        if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
262                                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
263                        }else{
264                                checked = true;
265                                $(this).parents('li').find('.button.edit').click();
266                        }
267                }).removeClass('new');
268       
269                UI.dialogs.addEvent.find('.attendees-list li').hover(
270                        function () {
271                                $(this).addClass("hover-attendee");
272                                $(this).find('.button').removeClass('disable ui-button-disabled ui-state-disabled').end()
273                                .find('.attendee-options').addClass('hover-attendee');
274                        },
275                        function () {
276                                $(this).removeClass("hover-attendee");
277                                $(this).find('.button').addClass('disable ui-button-disabled ui-state-disabled').end()
278                                .find('.attendee-options').removeClass('hover-attendee');;
279                        }
280                );
281       
282               
283        }
284       
285        var html = DataLayer.render( path+'templates/event_add.ejs', {event:objEvent});
286               
287                if (!UI.dialogs.addEvent) {
288                        UI.dialogs.addEvent = jQuery('#sandbox').append('<div title="Criar Evento" class="new-event-win active"> <div>').find('.new-event-win.active').html(html).dialog({
289                                resizable: false,
290                                modal:true,
291                                autoOpen: false,
292                                width:700,
293                                position: 'center',
294                                close: function(event, ui) {
295                                        /**
296                                         * Remove tooltip possivelmente existente
297                                         */
298                                        if ($('dd.attendee-list li:last').data('qtip'))
299                                                $('dd.attendee-list li:last').qtip('destroy');
300
301                                },
302                                beforeClose: function(event, ui) {
303
304                                        if (!canDiscardEventDialog && !zebraDiscardEventDialog) {
305                                                zebraDiscardEventDialog = true;
306                                                window.setTimeout(function() {
307                                                        $.Zebra_Dialog('Suas alterações no evento não foram salvas. Deseja descartar as alterações?', {
308                                                                'type':     'question',
309                                                                'overlay_opacity': '0.5',
310                                                                'buttons':  ['Descartar alterações', 'Continuar editando'],
311                                                                'onClose':  function(clicked) {
312                                                                        if(clicked == 'Descartar alterações') {
313                                                                                canDiscardEventDialog = true;
314                                                                                /**
315                                                                                *Remoção dos anexos do eventos caso seja cancelado a edição
316                                                                                */
317                                                                                var ids = [];
318                                                                                $.each($('.attachment-list input'), function (i, input) { ids.push(input.value); });
319                                                                                if(ids.length > 0)
320                                                                                        DataLayer.remove('attachment', {filter: ['IN', 'id', ids]});
321                                                                               
322                                                                                UI.dialogs.addEvent.dialog('close');
323                                                                        }else{
324                                                                                zebraDiscardEventDialog = false;
325                                                                        }
326                                                                       
327                                                                        /**
328                                                                         * Uma vez aberta uma janela de confirmação (Zebra_Dialog), ao fechá-la
329                                                                         * com ESC, para que o evento ESC não seja propagado para fechamento da
330                                                                         * janela de edição de eventos, deve ser setada uma flag indicando que
331                                                                         * já existe uma janela de confirmação aberta.
332                                                                         */
333                                                                        if (!clicked) {
334                                                                                window.setTimeout(function() {
335                                                                                        zebraDiscardEventDialog = false;
336                                                                                }, 200);
337                                                                        }
338                                                                }
339                                                        });
340                                                       
341                                                }, 300);
342
343                                        }
344                                        return canDiscardEventDialog;
345                                }
346                        });
347                       
348                } else {
349                        UI.dialogs.addEvent.html(html);
350                }
351               
352            var tabs = UI.dialogs.addEvent.children('.content').tabs();
353                var calendar = DataLayer.get('calendar', objEvent.calendar);
354                               
355                if (calendar.timezone != objEvent.timezone){
356                        UI.dialogs.addEvent.find('.calendar-addevent-details-txt-timezone').find('option[value="'+objEvent.timezone+'"]').attr('selected','selected').trigger('change');
357                        UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').addClass('hidden');
358                        $('.calendar-addevent-details-txt-timezone').removeClass('hidden');
359                       
360                }
361               
362            UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').click(function(e){
363                    $(this).addClass('hidden');
364                    $('.calendar-addevent-details-txt-timezone').removeClass('hidden');
365                    e.preventDefault();
366            });
367               
368                UI.dialogs.addEvent.find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el){
369                        var id;
370                        if( id = $(this).parent().find('input[name="alarmId[]"]').val())
371                                DataLayer.remove('alarm', id);
372                        $(this).parent().remove().find('li').is(':empty');
373                });
374               
375                /*Seleciona a agenda padrão para criação de um evento*/
376                UI.dialogs.addEvent.find('option[value="'+objEvent.calendar || User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
377               
378                /*Adicionar alarms padrões, quando alterado a agenda do usuário*/               
379                UI.dialogs.addEvent.find('select[name="calendar"]').change(function(){
380                        if((typeof($('input[name = "idEvent"]').val()) == 'undefined') || (!!!$('input[name = "idEvent"]').val())) {
381                                $('input[name = "isDefaultAlarm[]"]').parent().remove();
382                                UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().removeClass('hidden');
383                                var calendarSelected = Calendar.signatureOf[$(this).val()];
384                                calendarSelected.useAlarmDefault = 1;
385                                if(calendarSelected.defaultAlarms != ""){
386                                        var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {alarm:calendarSelected});
387                                                jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
388                                                        $(this).parent().remove().find('li').is(':empty');
389                                                });
390                                }else{
391                                        UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().addClass('hidden');
392                                }
393                        }
394            });
395               
396                /*Checkbox adicionar alarms padrões*/
397                UI.dialogs.addEvent.find('input[name="defaultAlarm"]').click(function(){
398                    if($(this).attr("checked")){
399                                $('input[name="isDefaultAlarm[]"]').parent().remove();
400                                var calendarSelected = Calendar.signatureOf[$('select[name="calendar"]').val()];
401                                calendarSelected.useAlarmDefault = 1;
402                                if(calendarSelected.defaultAlarms != ""){
403                                        var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {alarm:calendarSelected});
404                                                jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
405                                                        var id;
406                                                        if( id = $(this).parent().find('input[name="alarmId[]"]').val())
407                                                                DataLayer.remove('alarm', id);
408                                                        $(this).parent().remove().find('li').is(':empty')
409                                                });
410                                }
411                        } else {
412                            $('input[name="isDefaultAlarm[]"]').parent().remove();
413                        }
414            });
415            /* Checkbox allday */
416            UI.dialogs.addEvent.find('input[name="allDay"]').click(function(){
417                    $(this).attr("checked") ?
418                                UI.dialogs.addEvent.find('.start-time, .end-time').addClass('hidden') :
419                            UI.dialogs.addEvent.find('.start-time, .end-time').removeClass('hidden');
420            });
421
422            UI.dialogs.addEvent.find('.button').button();
423            UI.dialogs.addEvent.find('.button.add').button({
424                    icons: {
425                            secondary: "ui-icon-plus"
426                    }
427            });
428
429         // ==== validation events ====
430            UI.dialogs.addEvent.find(".input-group .h1").Watermark("Evento sem título");
431                if(User.preferences.hourFormat.length == 5) {
432                        UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99");
433                } else {
434                        $.mask.definitions['{']='[ap]';
435                        $.mask.definitions['}']='[m]';
436                        UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99 {}", {
437                                completed:function(){
438                                        $(this).val(date.Calendar.defaultToAmPm($(this).val()));
439                                        $(this).timepicker("refresh");
440                                        $(this).val($(this).val().replace(/[\.]/gi, ""));
441                                }
442                        });
443                }
444                UI.dialogs.addEvent.find(".number").numeric();
445                User.preferences.dateFormat.indexOf('-') > 0 ?
446                        UI.dialogs.addEvent.find(".date").mask("99-99-9999") :
447                        UI.dialogs.addEvent.find(".date").mask("99/99/9999");
448
449            UI.dialogs.addEvent.find(".menu-addevent")
450            .children(".delete").click(function(){
451                        $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
452                                'type':     'question',
453                                'overlay_opacity': '0.5',
454                                'buttons':  ['Sim', 'Não'],
455                                'onClose':  function(clicked) {
456                                        if(clicked == 'Sim'){
457                                                DataLayer.remove( "schedulable", UI.dialogs.addEvent.find(".id-event").val() );
458                                                UI.dialogs.addEvent.dialog("close");
459                                        }
460                                }
461                        });
462            }).end()
463           
464            .children(".cancel").click(function(){
465                        DataLayer.rollback('participant');
466                        UI.dialogs.addEvent.dialog("close");
467            }).end()
468           
469            .children(".save").click(function(){
470                        /* Validação */
471                        var msg = false;                       
472                        if(msg = validDateEvent()){
473                                $(".new-event-win.active").find('.messages-validation').removeClass('hidden').find('.message label').html(msg);
474                                return false;
475                        }
476                       
477                        canDiscardEventDialog = true;
478                       
479                        UI.dialogs.addEvent.children().find('form.form-addevent').submit();
480                        UI.dialogs.addEvent.dialog("close");
481            }).end()
482               
483                .children(".export").click(function(){
484                        UI.dialogs.addEvent.children().find(".form-export").submit();
485            });
486
487            UI.dialogs.addEvent.find('input.date').datepicker({dateFormat: 'dd/mm/yy'});
488                if(path == ""){
489                        UI.dialogs.addEvent.find('input.time').timepicker({
490                                closeText: 'Ok',
491                                hourGrid: 4,
492                                minuteGrid: 10,
493                                ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
494                                timeFormat: "hh:mm tt",
495                                onSelect: function (selectedDateTime){
496                                        if(!(User.preferences.hourFormat.length == 5))
497                                                $(this).val(selectedDateTime.replace(/[\.]/gi, ""));                                                           
498                                },
499                                onClose : function (selectedDateTime){
500                                        if(!(User.preferences.hourFormat.length == 5))
501                                                $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
502                                }
503                        });
504                }
505
506            UI.dialogs.addEvent.find('.button-add-alarms').click(function(){
507                        var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {});
508
509                        jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
510                                $(this).parent().remove().find('li').is(':empty')
511                        });
512                        // valicacao de campos numericos
513                        $('.number').numeric();
514            });
515           
516                 
517                UI.dialogs.addEvent.find('.button.suggestion-hours').button({
518                        icons: {
519                                primary: "ui-icon-clock"
520                        },
521                        text: 'Sugerir horário'
522                }).click(function () {
523                        $(this).siblings('input').removeAttr('disabled')
524                        .end().parents().find('input[name="allDay"]').removeAttr('disabled');           
525                });
526
527                if(objEvent.me.id == User.me.id){
528                        objEvent.me.id = DataLayer.put('participant', {user: objEvent.me.id, mail: objEvent.me.mail });
529                        objEvent.organizer.id = objEvent.me.id;
530                }
531
532                var attendeeHtml = DataLayer.render( path+'templates/attendee_add.ejs', {event:objEvent});             
533       
534                        // load template of attendees
535                        var blkAddAtendee = UI.dialogs.addEvent.find('#calendar_addevent_details6').append(attendeeHtml);
536                        if(objEvent.attendee.length)
537                                callbackAttendee();
538                        /**
539                                Opções de delegação do participante/organizer
540                        */             
541                        blkAddAtendee.find(".button.participant-delegate").button({
542                                icons: {
543                                        primary: "ui-icon-transferthick-e-w"
544                                },
545                                text: false
546                        }).click(function () {
547                                if($(this).hasClass('attendee-permissions-change-button')){
548                                        if(!$(this).hasClass('disable')){
549                                                $(this).removeClass('attendee-permissions-change-button')   
550                                                .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
551                                                blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
552                                                blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
553                                        }
554                                }else{                                                                 
555                                        $(this).addClass('attendee-permissions-change-button')   
556                                        .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
557                                        blkAddAtendee.find('.block-add-attendee.search dt').html('Delegar participação para');
558                                        blkAddAtendee.find('.block-add-attendee.search').removeClass('hidden');
559                                        blkAddAtendee.find('.block-add-attendee.search input.search').focus();
560                                }
561                        })
562                        .addClass('tiny');             
563                       
564                        //show or hidden permissions attendees
565                        //blkAddAtendee.find('.block-attendee-list #attendees-users li').click(show_permissions_attendees);
566
567                        UI.dialogs.addEvent.find(".attendee-list-add .add-attendee-input input").Watermark("digite um email para convidar");
568                        /* Trata a edição de um novo participante adicionado
569                        *
570                        */
571                        var hasNewAttendee = false;
572                        blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown(function(event) {
573                               
574                                if (event.keyCode == '13' && $(this).val() != '') {
575                                        Encoder.EncodeType = "entity";
576                                        $(this).val(Encoder.htmlEncode($(this).val()));
577                                       
578                                        newAttendeeEmail = false;
579                                        newAttendeeName  = false;
580                                        skipAddNewLine   = false;
581
582                                        var info = $(this).val();
583
584                                        /**
585                                         * email válido?
586                                         */
587                                        info.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/) ?
588                                                newAttendeeEmail = info : newAttendeeName = info;
589
590                                        /**
591                                         * 1) busca no banco para saber se o usuário já existe
592                                         *              1.1) se existe, atualiza as info na lista de participantes e nao abre o tooltip
593                                         *              1.2) se não existe
594                                         *                      a) salva como novo usuario externo no banco (apenas com email)
595                                         *                      b) exibe tooltip pedindo o nome
596                                         *                      c) se o usuário preenche tooltip e salva, atualiza com o nome o usuário recém criado
597                                         *                      d) se o usuário cancela o tooltip, fica o usuário salvo apenas com email e sem nome
598                                         */
599
600                                        var user = DataLayer.get('user', ["=", "mail", $(this).val()], true);
601                                       
602                                       
603                                        /**
604                                         * guarda o último tooltip aberto referente à lista de participantes
605                                         */
606                                        lastEditAttendeeToolTip = [];
607
608                                        /**
609                                         * Valida email e salva um participante externo
610                                         */
611                                        var saveContact = function() {
612                                                Encoder.EncodeType = "entity";
613
614                                                var currentTip = $('.qtip-active');
615                                                newAttendeeName  = currentTip.find('input[name="name"]').val();
616                                                newAttendeeEmail = currentTip.find('input[name="mail"]').val();
617
618                                                if (!(!!newAttendeeEmail.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/))) {
619                                                        currentTip.find('.messages').removeClass('hidden').find('.message label').html('Email inválido.');
620                                                        return false;
621                                                }
622
623                                                DataLayer.put('user', {id:userId, name:newAttendeeName, mail:newAttendeeEmail, isExternal:isExternal});
624
625                                                lastEditAttendeeToolTip.find('label')
626                                                .filter('.name').html(Encoder.htmlEncode(newAttendeeName)).attr('title', Encoder.htmlEncode(newAttendeeName)).end()
627                                                .filter('.mail').html(Encoder.htmlEncode(newAttendeeEmail)).attr('title', Encoder.htmlEncode(newAttendeeEmail));
628
629                                                blkAddAtendee.find('.attendee-list-add .add-attendee-input input').val('');
630                                                return true;
631                                        }
632                                               
633                                        /**
634                                         * Formata e adequa um tootip abert para edição de um participante na lista
635                                         */
636                                        var onShowToolTip = function(arg0) {
637                                                $('.qtip-active .button.close').button({
638                                                        icons: {primary: "ui-icon-close"},
639                                                        text: false
640                                                });
641                                                $('.qtip-active .button').button()
642                                                .filter('.save').click(function(event, ui) {
643                                                        if(saveContact())
644                                                                lastEditAttendeeToolTip.qtip("destroy");
645                                                        else
646                                                                return false;
647                                                }).end()
648                                                .filter('.cancel').click(function(event, ui) {
649                                                        lastEditAttendeeToolTip.qtip("destroy");
650                                                })
651
652                                                /**
653                                                 * Trata o ENTER no campo da tooltip, equivalente a salvar
654                                                 * o novo convidado.
655                                                 */
656                                                $('.qtip-active input').keydown(function(event) {
657                                                        if (event.keyCode == '13') {                                           
658                                                                if (saveContact())                                             
659                                                                        lastEditAttendeeToolTip.qtip("destroy");
660                       
661                                                                lastEditAttendeeToolTip.qtip("destroy");
662                                                                event.preventDefault();
663                                                        }
664                                                })
665                                                .filter('[name="name"]').Watermark("informe o nome do contato").end()
666                                                .filter('[name="mail"]').Watermark("informe o email do contato");
667                                        }
668                                       
669                                        /**
670                                         * Se o email digitado já foi adicionado na lista,
671                                         * o usuário deve ser avisado e um botão de edição deve ser exibido
672                                         */
673                                        if(blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').length) {
674                                                hasNewAttendee  = false;
675                                                newAttendeeName = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li').find('label.name').attr('title');
676
677                                                blkAddAtendee.find('.email-validation').removeClass('hidden')
678                                                .find('.message label').html("O usuário acima já foi adicionado! <a class=\"small button\">Editar</a>")
679                                                .find(".button").button().click(function () {
680                                                        /**
681                                                         * Se o usuário optar por editar o participante anteriormente adicionado,
682                                                         * uma tooltip deve ser aberta para este participante, viabilizando a edição
683                                                         */
684                                                        blkAddAtendee.find("ul.attendee-list").scrollTo('label.mail[title="' + newAttendeeEmail + '"]');
685                                                        /**
686                                                         * Remove tooltip possivelmente existente
687                                                         */
688                                                        if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
689                                                                lastEditAttendeeToolTip.qtip('destroy');
690                                       
691                                                        lastEditAttendeeToolTip = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li');
692                                                        lastEditAttendeeToolTip.qtip({
693                                                                show: {ready: true, solo: true, when: {event: 'click'}},
694                                                                hide: false,
695                                                                content: {
696                                                                        text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {attendee:{name:newAttendeeName, mail:newAttendeeEmail}} ) ),
697                                                                        title: {
698                                                                                text:'Detalhes do participante',
699                                                                                button: '<a class="button close" href="#">close</a>'
700                                                                        }
701                                                                },
702                                                                style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
703                                                                position: {
704                                                                        corner: {
705                                                                                target: 'rightMiddle',
706                                                                                tooltip: 'leftMiddle'
707                                                                        },
708                                                                        adjust: {x:0, y:0}
709                                                                }
710                                                        });
711                                                        lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
712                                                });
713                                                skipAddNewLine = true;
714                                        } else {
715                                                hasNewAttendee  = true;
716                                                blkAddAtendee.find('.email-validation').addClass('hidden');
717                                        }
718                                       
719                                       
720                                        var isExternal = (!!user && !(!!user.isExternal)) ? 0 : 1;
721
722                                        /**
723                                         * Remove tooltip possivelmente existente
724                                         */
725                                        if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
726                                                lastEditAttendeeToolTip.qtip('destroy');
727
728                                        userId = '';
729                                        var newAttendeeId = '';
730
731                                        if (user){
732                                                if (!skipAddNewLine) {
733                                                        user[0].id =  DataLayer.put('participant', {user: user[0].id, isExternal: isExternal, acl: 'r'});
734                                                        user[0].acl = objEvent.acl
735
736                                                        blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
737                                                                DataLayer.render(path+'templates/participants_add_itemlist.ejs', user)
738                                                        )
739                                                        .scrollTo('max');
740                                                        callbackAttendee();
741                                                }
742                                               
743                                                $(this).val('');
744
745                                        } else if (!skipAddNewLine) {           
746                                                /**
747                                                 * a) salva como novo usuario externo no banco (apenas com email) e...
748                                                 * adiciona novo contato externo à lista de convidados
749                                                 */
750
751                                                userId = DataLayer.put('user', {name: newAttendeeName, mail: newAttendeeEmail, isExternal: isExternal});
752                                                newAttendeeId = DataLayer.put('participant', {user: userId, isExternal: isExternal});
753
754                                                 
755                                                blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
756                                                        DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{id:newAttendeeId, name: newAttendeeName, mail: newAttendeeEmail, isExternal: 1, acl: objEvent.acl}])
757                                                ).scrollTo('max');
758                                                callbackAttendee();
759
760                                                /**
761                                                 * Adiciona tootip para atualização dos dados do contato externo
762                                                 * recém adicionado.
763                                                 */
764                                                lastEditAttendeeToolTip = blkAddAtendee.find('dd.attendee-list li:last');
765                                                lastEditAttendeeToolTip.qtip({
766                                                        show: {ready: true, solo: true, when: {event: 'click'}},
767                                                        hide: false,
768                                                        content: {
769                                                                text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {attendee:{name:newAttendeeName, mail:newAttendeeEmail}} ) ),
770                                                                title: {
771                                                                        text:'Detalhes do participante',
772                                                                        button: '<a class="button close" href="#">close</a>'
773                                                                }
774                                                        },
775                                                        style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
776                                                        position: {
777                                                                corner: {
778                                                                        target: 'rightMiddle',
779                                                                        tooltip: 'leftMiddle'
780                                                                },
781                                                                adjust: {x:0, y:0}
782                                                        }
783                                                });
784                       
785                                                lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
786
787                                                $(this).val('');
788
789                                               
790                                        }
791                                        event.preventDefault();
792                                }
793                               
794                        });
795
796                        /**
797                        * Trata a busca de usuários para adição de participantes
798                        */
799                        blkAddAtendee.find('.add-attendee-search .ui-icon-search').click(function(event) {
800                                blkAddAtendee.find('.add-attendee-search input').keydown();
801                        });
802                       
803                       
804                        blkAddAtendee.find('.add-attendee-search input').keydown(function(event) {
805
806                                if(event.keyCode == '13' || typeof(event.keyCode) == 'undefined') {                     
807                                        var result = DataLayer.get('user', ["*", "name", $(this).val()], true);
808
809                                        /**
810                                        * TODO: trocar por template
811                                        */
812                                        blkAddAtendee.find('ul.search-result-list').empty().css('overflow', 'hidden');
813                                        if (!result) {
814                                                blkAddAtendee.find('ul.search-result-list').append('<li><label class="empty">Nenhum resultado encontrado.</label></li>');
815                                        }
816
817                                        for(i=0; i<result.length; i++)
818                                                result[i].enabled = (blkAddAtendee.find('dd.attendee-list ul.attendee-list label.mail[title="' +  result[i].mail + '"]').length) ? false : true;
819                                                                                       
820                                        blkAddAtendee.find('ul.search-result-list').append(DataLayer.render( path+'templates/participants_search_itemlist.ejs', result));
821
822                                        blkAddAtendee.find('ul.search-result-list li').click(function(event, ui){
823                                                if ($(event.target).is('input')) {
824                                                        old_item = $(event.target).parents('li');
825                                                        newAttendeeId = DataLayer.put('participant', {user: old_item.find('.id').html(), isExternal: 0});
826                                                        blkAddAtendee.find('dd.attendee-list ul.attendee-list')
827                                                        .append(DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{id: newAttendeeId, name: old_item.find('.name').html(), mail: old_item.find('.mail').html(), isExternal: 0, acl: objEvent.acl}]))
828                                                        .scrollTo('max');
829                                                        /**
830                                                        * Delegação de participação de um participante com permissão apenas de leitura
831                                                        *
832                                                        */
833                                                        if(!objEvent.acl.organization && !objEvent.acl.write && !objEvent.acl.inviteGuests && objEvent.acl.read ){
834                                                               
835                                                                blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
836                                                                blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
837                                                               
838                                                                blkAddAtendee.find('.status option').toggleClass('hidden');
839                                                                blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
840                                                                blkAddAtendee.find('.request-update').removeClass('hidden');
841
842                                                                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());
843                                                               
844                                                                blkAddAtendee.find('.me .participant-delegate').addClass('disable ui-button-disabled ui-state-disabled');
845                                                                blkAddAtendee.find(".button.close").button({
846                                                                        icons: {
847                                                                                primary: "ui-icon-close"
848                                                                        },
849                                                                        text: false
850                                                                }).click(function () {
851                                                                       
852                                                                        $(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
853                                                                        blkAddAtendee.find('.request-update').addClass('hidden');
854                                                                        blkAddAtendee.find('.status option').toggleClass('hidden');
855                                                                        blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');                   
856                                                                        blkAddAtendee.find('.me .participant-delegate').removeClass('disable ui-button-disabled ui-state-disabled attendee-permissions-change-button')
857                                                                        .find('.ui-icon-person').removeClass('attendee-permissions-change').end();                     
858                                                                       
859                                                                        DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
860                                                                        $(this).parents('li').remove();
861                                                                })
862                                                                .addClass('tiny');
863                                                        }else{
864                                                                callbackAttendee();
865                                                                old_item.remove();
866                                                        }
867                                                }
868                                        });
869
870                                        event.preventDefault();
871                                }
872                        });
873                        //$('.block-add-attendee .search-result-list').selectable();
874
875                UI.dialogs.addEvent.find('.row.fileupload-buttonbar .button').filter('.delete').button({
876                        icons: {
877                                primary: "ui-icon-close"
878                        },
879                                text: 'Excluir'
880                        }).click(function () {
881                                $('.row.fileupload-buttonbar .attachments-list p').remove();
882                               
883                                var ids = [];
884                                $.each($('.attachment-list input'), function (i, input) { ids.push(input.value); });
885                                if(ids.length > 0){
886                                        DataLayer.remove('attachment', {filter: ['IN', 'id', ids]});
887                                        $('.attachment-list input').remove();
888                                }
889                }).end()
890                .filter('.close').button({
891                        icons: {
892                                primary: "ui-icon-close"
893                        },
894                                text: false
895                        }).click(function () {
896                                DataLayer.remove('attachment', $(this).parents('p').find('input[name="fileId[]"]').val());
897                                $(this).parents('p').remove();
898                }).end()
899                .filter('.downlaod-archive').button({
900                        icons: {
901                                primary: "ui-icon-arrowthickstop-1-s"
902                        },
903                                text: false
904                });
905               
906        $('#fileupload').fileupload({
907                sequentialUploads: true,
908                add: function (e, data) {
909                        if(data.files[0].size < 2000000)
910                                data.submit();
911                },
912                change: function (e, data) {
913                        $.each(data.files, function (index, file) {
914                                var attach = {};
915                                attach.fileName = file.name;
916                                if(file.name.length > 10)
917                                        attach.fileName = file.name.substr(0, 6) + file.name.substr(file.name.length-4, file.name.length);
918                                attach.fileSize = formatBytes(file.size);
919                                if(file.size > 2000000)
920                                        attach.error = 'Tamanho de arquivo nao permitido!!'
921                               
922                                $('.attachments-list').append(DataLayer.render(path+'templates/attachment_add_itemlist.ejs', {file : attach}));
923                               
924                                if(file.size < 2000000){
925                                        $('.fileinput-button.new').append(data.fileInput[0]).removeClass('new');
926                                        $('.attachments-list').find('[type=file]').addClass('hidden');
927                                       
928                                }else
929                                        $('.fileinput-button.new').removeClass('new');
930                               
931                               
932                                $('.attachments-list').find('.button.close').button({
933                                        icons: {
934                                                primary: "ui-icon-close"
935                                        },
936                                        text: false
937                                }).click(function(){
938                                        var idAttach = $(this).parent().find('input[name="fileId[]"]').val();
939                                        $('.attachment-list').find('input[value="'+idAttach+'"]')
940                                        $(this).parent().remove();
941                                });     
942                               
943                })},
944                progress: function(e, data){
945                        var value = parseInt(data.loaded / data.total * 100, 10);
946                        $('.progress.in-progress:first').removeClass('hidden')
947                        $('.progress.in-progress:first').progressbar({
948                                value: value
949                        });
950                       
951                        if(value == 100){
952                                $('.progress.in-progress:first').removeClass('in-progress').addClass('on-complete').fadeOut('slow');
953                        }
954                               
955                },
956                done: function(e, data){
957                        if(!!data.result && data.result != "[]"){
958                                var newAttach = jQuery.parseJSON(data.result);
959                                $('.attachment-list').append('<input tyepe="hidden" name="attachment[]" value="'+newAttach['attachment'][0][0].id+'"/>');
960                                $('.progress.on-complete:first').removeClass('on-complete').parents('p')
961                                .append('<input type="hidden" name="fileId[]" value="'+newAttach['attachment'][0][0].id+'"/>')
962                                .find('.status-upload').addClass('ui-icon ui-icon-check');
963                        }else
964                                $('.progress.on-complete:first').removeClass('on-complete').parents('p').find('.status-upload').addClass('ui-icon ui-icon-cancel');
965                }
966        });
967        $('.attachments-list .button').button();
968                       
969        $('#fileupload').bind('fileuploadstart', function () {
970                var widget = $(this),
971        progressElement = $('#fileupload-progress').fadeIn(),
972        interval = 500,
973        total = 0,
974        loaded = 0,
975        loadedBefore = 0,
976        progressTimer,
977        progressHandler = function (e, data) {
978            loaded = data.loaded;
979            total = data.total;
980        },
981        stopHandler = function () {
982            widget
983                .unbind('fileuploadprogressall', progressHandler)
984                .unbind('fileuploadstop', stopHandler);
985            window.clearInterval(progressTimer);
986            progressElement.fadeOut(function () {
987                progressElement.html('');
988            });
989        },
990        formatTime = function (seconds) {
991            var date = new Date(seconds * 1000);
992            return ('0' + date.getUTCHours()).slice(-2) + ':' +
993                ('0' + date.getUTCMinutes()).slice(-2) + ':' +
994                ('0' + date.getUTCSeconds()).slice(-2);
995        },
996       /* formatBytes = function (bytes) {
997            if (bytes >= 1000000000) {
998                return (bytes / 1000000000).toFixed(2) + ' GB';
999            }
1000            if (bytes >= 1000000) {
1001                return (bytes / 1000000).toFixed(2) + ' MB';
1002            }
1003            if (bytes >= 1000) {
1004                return (bytes / 1000).toFixed(2) + ' KB';
1005            }
1006            return bytes + ' B';
1007        },*/
1008        formatPercentage = function (floatValue) {
1009            return (floatValue * 100).toFixed(2) + ' %';
1010        },
1011        updateProgressElement = function (loaded, total, bps) {
1012            progressElement.html(
1013                formatBytes(bps) + 'ps | ' +
1014                    formatTime((total - loaded) / bps) + ' | ' +
1015                    formatPercentage(loaded / total) + ' | ' +
1016                    formatBytes(loaded) + ' / ' + formatBytes(total)
1017            );
1018        },
1019        intervalHandler = function () {
1020            var diff = loaded - loadedBefore;
1021            if (!diff) {
1022                return;
1023            }
1024            loadedBefore = loaded;
1025            updateProgressElement(
1026                loaded,
1027                total,
1028                diff * (1000 / interval)
1029            );
1030        };
1031                widget
1032                        .bind('fileuploadprogressall', progressHandler)
1033                        .bind('fileuploadstop', stopHandler);
1034                progressTimer = window.setInterval(intervalHandler, interval);
1035        });
1036               
1037        UI.dialogs.addEvent.find(':input').change(function(event){
1038                if (event.keyCode != '27' && event.keyCode != '13')
1039                        canDiscardEventDialog = false;
1040        }).keydown(function(event){
1041                if (event.keyCode != '27' && event.keyCode != '13')
1042                        canDiscardEventDialog = false;
1043        });     
1044       
1045        if(objEvent.isShared){
1046               
1047                var acls = Calendar.signatureOf[objEvent.calendar].permission.acl;
1048               
1049                if(!acls.write){
1050                        UI.dialogs.addEvent.find(':input').attr('disabled', 'disabled');
1051                        UI.dialogs.addEvent.find('.button').hide();
1052                }
1053               
1054                if(acls.remove)
1055                        UI.dialogs.addEvent.find('.button.remove').show();
1056               
1057                UI.dialogs.addEvent.find('.button.cancel').show();
1058               
1059       
1060        }
1061       
1062               
1063        UI.dialogs.addEvent.dialog('open');
1064}
1065
1066
1067
1068function add_tab_preferences()
1069{
1070        if(!(document.getElementById('preference_tab')))
1071        {
1072                var tab_title = "Preferencias";
1073                $tabs.tabs( "add", "#preference_tab", tab_title );
1074               
1075                /*
1076                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1077                        tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1078                });
1079                */
1080                DataLayer.render( 'templates/preferences_calendar.ejs', {preferences:User.preferences, calendars: Calendar.calendars}, function( template ){
1081                var tabPrefCalendar = jQuery('#preference_tab').html( template ).find('.preferences-win');
1082               
1083                tabPrefCalendar.find('option[value="'+User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
1084               
1085                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1086                        tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1087                });
1088               
1089                        tabPrefCalendar.find('.button').button()
1090                        .filter('.save').click(function(evt){
1091                                tabPrefCalendar.find('form').submit();
1092                                $('#calendar').fullCalendar('render');
1093                                $('.block-vertical-toolbox .mini-calendar').datepicker( "refresh" );
1094                                $tabs.tabs( "remove", "#preference_tab");
1095                        }).end().filter('.cancel').click(function(evt){
1096                                $tabs.tabs( "remove", "#preference_tab");
1097                        });
1098                       
1099                        tabPrefCalendar.find('.number').numeric();
1100                       
1101                        tabPrefCalendar.find('input.time').timepicker({
1102                                closeText: 'Ok',
1103                                hourGrid: 4,
1104                                minuteGrid: 10,
1105                                ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false), //((User.preferences.hourFormat.length > 5) ? true: false),
1106                                timeFormat: "hh:mm tt",
1107                                onSelect: function (selectedDateTime){
1108                                        if(!(User.preferences.hourFormat.length == 5)) {
1109                                                $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1110                                        }
1111                                },
1112                                onClose : function (selectedDateTime){
1113                                        if(!(User.preferences.hourFormat.length == 5)) {
1114                                                $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1115                                        }
1116                                }
1117                        });
1118                       
1119                        $.mask.definitions['{']='[ap]';
1120                        $.mask.definitions['}']='[m]';
1121                        tabPrefCalendar.find("input.time").mask( ((User.preferences.hourFormat.length > 5) ? "99:99 {}" : "99:99"), {
1122                completed:function(){
1123                                        $(this).val(dateCalendar.defaultToAmPm($(this).val()));
1124                                        $(this).timepicker("refresh");
1125                                        $(this).val($(this).val().replace(/[\.]/gi, ""));                                       
1126                                }
1127                        });
1128                                                           
1129                tabPrefCalendar.find("select[name=hourFormat]").change( function() { // evento ao selecionar formato de hora
1130               
1131                                tabPrefCalendar.find("input.time").timepicker("destroy");
1132
1133                tabPrefCalendar.find('input.time').timepicker({
1134                                        closeText: 'Ok',
1135                                        hourGrid: 4,
1136                                        minuteGrid: 10,
1137                                        ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false),
1138                                        timeFormat: "hh:mm tt",
1139                                        onSelect: function (selectedDateTime){
1140                                                if(!(User.preferences.hourFormat.length == 5)) {
1141                                                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1142                                                }                                                       
1143                                        },
1144                                        onClose : function (selectedDateTime){
1145                                                if(!(User.preferences.hourFormat.length == 5)) {
1146                                                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1147                                                }
1148                                        }
1149                });
1150                               
1151                var defaultStartHour = tabPrefCalendar.find("input[name=defaultStartHour]").val().trim();
1152                var defaultEndHour = tabPrefCalendar.find("input[name=defaultEndHour]").val().trim();
1153               
1154                                tabPrefCalendar.find("input.time").mask( (($("select[name=hourFormat] option:selected").val().trim().length > 5) ? "99:99 {}" : "99:99") );
1155               
1156                        if (parseInt($("select[name=hourFormat] option:selected").val().length) > 5) { // am/pm
1157                                                tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.defaultToAmPm(defaultStartHour));
1158                                                tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.defaultToAmPm(defaultEndHour))
1159                                       
1160                                        } else { //24h
1161                                                tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.AmPmTo24(defaultStartHour));
1162                                                tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.AmPmTo24(defaultEndHour));
1163                                        }
1164                        });                     
1165                       
1166                       
1167                       
1168                });             
1169        } else {
1170                $tabs.tabs("select", "#preference_tab");
1171               
1172                return true;
1173        }
1174}
1175
1176
1177function add_tab_configure_calendar(calendar)
1178{
1179        var calendars = [];
1180        var signatures = [];
1181        var previewActiveCalendarConf = 0;
1182
1183        for (var i=0; i<Calendar.signatures.length; i++) {
1184                calendars[i]  = Calendar.signatures[i].calendar;
1185                signatures[i] = Calendar.signatures[i];
1186                signatures[i].numberDefaultAlarm = signatures[i].defaultAlarms != '' ?  signatures[i].defaultAlarms.length: 0;
1187                if (calendar && calendars[i].id == calendar)
1188                        previewActiveCalendarConf = i;
1189        }
1190               
1191        if(!(document.getElementById('configure_tab')))
1192        {
1193                $('.positionHelper').css('display', 'none');
1194                var tab_title = "Configurações de agendas";
1195                $tabs.tabs( "add", "#configure_tab", tab_title );
1196               
1197                var dataColorPicker = {
1198                        colorsSuggestions: colors_suggestions()
1199                };
1200               
1201               
1202               
1203                var populateAccordionOnActive = function(event, ui) {
1204                        var nowActive = (typeof(event) == 'number') ? event : $(event.target).accordion( "option", "active" );
1205                        dataColorPicker.colorsDefined = {
1206                                border: '#'+signatures[nowActive].borderColor,
1207                                font:'#'+signatures[nowActive].fontColor,
1208                                background:'#'+signatures[nowActive].backgroundColor
1209                        };
1210                        if (!jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).has('form')) {
1211                                return true;
1212                        }
1213
1214                        DataLayer.render( 'templates/configure_calendars_itemlist.ejs', {user:User, calendar:calendars[nowActive], signature:signatures[nowActive]}, function( form_template ){
1215                                var form_content = jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).html( form_template ).find('form');
1216                                form_content.find('.preferences-alarms-list .button').button({text:false, icons:{primary:'ui-icon-close'}});
1217                                form_content.find('.button').button();
1218                               
1219                                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1220                                        var valueTimeZone = calendars[nowActive].timezone;
1221                                        form_content.find('select[name="timezone"]').html(timezones_options).find('option[value="'+valueTimeZone+'"]').attr('selected','selected').trigger('change');
1222                                });
1223
1224                                form_content.find('.button-add-alarms').click(function(){
1225                                        DataLayer.render( 'templates/alarms_add_itemlist.ejs', {}, function( template ){                                               
1226                                                jQuery('.preferences-alarms-list').append(template)
1227                                                .find('li:last label:eq(0)').remove().end()
1228                                                .find('.number').numeric().end()
1229                                                .find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
1230                                                        $(this).parent().remove();
1231                                                });   
1232                                        });
1233                                });
1234
1235
1236                                /**
1237                                 * Set color picker
1238                                 */
1239                                DataLayer.render( 'templates/calendar_colorpicker.ejs', dataColorPicker, function( template ){
1240                                        form_content.find('.calendar-colorpicker').html( template );
1241
1242                                        var f = $.farbtastic(form_content.find('.colorpicker'), colorpickerPreviewChange);
1243                                        var selected;
1244                                        var colorpicker = form_content.find('.calendar-colorpicker');
1245                                       
1246                                        var colorpickerPreviewChange = function(color) {
1247                                                var pickedup = form_content.find('.colorwell-selected').val(color).css('background-color', color);
1248
1249                                                var colorpicker = form_content.find('.calendar-colorpicker');
1250
1251                                                if (pickedup.is('input[name="backgroundColor"]')) {
1252                                                        colorpicker.find('.fc-event-skin').css('background-color',color);
1253                                                } else if (pickedup.is('input[name="fontColor"]')) {
1254                                                        colorpicker.find('.fc-event-skin').css('color',color);
1255                                                } else if (pickedup.is('input[name="borderColor"]')) {
1256                                                        colorpicker.find('.fc-event-skin').css('border-color',color);
1257                                                }
1258                                        }
1259                                       
1260                                        form_content.find('.colorwell').each(function () {
1261                                                f.linkTo(this);
1262
1263                                                if ($(this).is('input[name="backgroundColor"]')) {
1264                                                        colorpicker.find('.fc-event-skin').css('background-color', $(this).val());
1265                                                } else if ($(this).is('input[name="fontColor"]')) {
1266                                                        colorpicker.find('.fc-event-skin').css('color', $(this).val());
1267                                                } else if ($(this).is('input[name="borderColor"]')) {
1268                                                        colorpicker.find('.fc-event-skin').css('border-color', $(this).val());
1269                                                }
1270                                        })
1271                                        .focus(function() {
1272                                                if (selected) {
1273                                                        $(selected).removeClass('colorwell-selected');
1274                                                }
1275
1276                                                $(selected = this).addClass('colorwell-selected');
1277                                                f.linkTo(this, colorpickerPreviewChange);
1278                                                f.linkTo(colorpickerPreviewChange);
1279
1280                                        });
1281
1282                                        form_content.find('select.color-suggestions').change(function() {
1283                                                var colors;
1284
1285                                                if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {
1286                                                        colorpicker
1287                                                        .find('input[name="fontColor"]').val(colors.font).focus().end()
1288                                                        .find('input[name="backgroundColor"]').val(colors.background).focus().end()
1289                                                        .find('input[name="borderColor"]').val(colors.border).focus().end()
1290
1291                                                        .find('.fc-event-skin').css({
1292                                                                'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
1293                                                                'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
1294                                                                'color':dataColorPicker.colorsSuggestions[$(this).val()].font
1295                                                        });
1296                                                }
1297                                        });
1298
1299                                        /**
1300                                         * Trata a mudança dos valores dos campos de cores.
1301                                         * Se mudar um conjunto de cores sugerido,
1302                                         * este vira um conjunto de cores personalizado.
1303                                         */
1304                                        form_content.find('.colorwell').change(function (element, ui) {
1305                                                if (true) {
1306                                                        form_content.find('select.color-suggestions')
1307                                                        .find('option:selected').removeAttr('selected').end()
1308                                                        .find('option[value="custom"]').attr('selected', 'selected').trigger('change');
1309                                                }
1310                                        });
1311                                });     //END set colorpicker
1312
1313                                form_content.find('.phone').mask("+99 (99) 9999-9999");
1314                                form_content.find('.number').numeric();
1315
1316                        }); //END DataLayer.render( 'templates/configure_calendars_itemlist.ejs' ...
1317
1318                        // === validations preferences ====
1319
1320                       
1321                } //END populateAccordionOnActive(event, ui)
1322               
1323
1324                DataLayer.render( 'templates/configure_calendars.ejs', {user:User, calendars:calendars, signatures:signatures}, function( template ){
1325                        var template_content = jQuery('#configure_tab').html( template ).find('.configure-calendars-win');
1326                        template_content.find('.button').button().filter('.save').click(function(evt){
1327                                template_content.find('form').submit();
1328                                $tabs.tabs( "remove", "#configure_tab");
1329                                DataLayer.commit( false, false, function( received ){
1330                                        delete Calendar.currentViewKey;
1331                                        Calendar.load();
1332                                        refresh_calendars();
1333                                });
1334                               
1335                        }).end().filter('.cancel').click(function(evt){
1336                                $tabs.tabs( "remove", "#configure_tab");
1337                        });
1338
1339                        /**
1340                         * Muda a estrutura do template para a aplicação do plugin accordion
1341                         */
1342                        template_content.find('.header-menu-container').after('<div class="accordion-user-calendars"></div>').end().find('.accordion-user-calendars')
1343                        .append(template_content.children('fieldset'));
1344                       
1345                        template_content.find('.accordion-user-calendars').children('fieldset').each(function(index) {
1346                                $(this).before($('<h3></h3>').html($(this).children('legend')));
1347                        });
1348                       
1349                        template_content.find('.accordion-user-calendars').accordion({
1350                                autoHeight: false,
1351                                collapsible: true,
1352                                clearStyle: true,
1353                                active: previewActiveCalendarConf,
1354                                changestart: populateAccordionOnActive
1355                        });
1356                        populateAccordionOnActive(previewActiveCalendarConf);
1357                });
1358
1359        } else {
1360
1361                $tabs.tabs("select", "#configure_tab");
1362                $('.accordion-user-calendars').accordion( "activate" , previewActiveCalendarConf );
1363               
1364                return true;
1365        }
1366
1367}
1368
1369function getSelectedCalendars( reverse ){
1370        var selecteds = {};
1371        var cont = 0;
1372        jQuery(function() {
1373            jQuery(".my-calendars .calendar-view").each(function(i, obj) {
1374                var check_box = obj;
1375                        if( reverse ? !check_box.checked : check_box.checked ) {
1376                                selecteds[cont] = obj.value;
1377                                cont++;
1378                        };
1379            });               
1380        });
1381        if (!cont)
1382                return false;
1383       
1384        selecteds.length = cont;
1385        return $.makeArray( selecteds );
1386}
1387
1388/**
1389 * TODO - transformar em preferência do módulo e criar telas de adição e exclusão de conjunto de cores
1390 */
1391function colors_suggestions(){
1392        return [
1393                                {name:'Padrão', border:'#3366cc', font:'#ffffff', background:'#3366cc'},
1394                                {name:'Coala', border:'#123456', font:'#ffffff', background:'#385c80'},
1395                                {name:'Tomate', border:'#d5130b', font:'#111111', background:'#e36d76'},
1396                                {name:'Limão', border:'#32ed21', font:'#1f3f1c', background:'#b2f1ac'},
1397                                {name:'Alto contraste', border:'#000000', font:'#ffffff', background:'#222222'}
1398                        ]               
1399}
1400
1401function remove_event(eventId){
1402        $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
1403                'type':     'question',
1404                'overlay_opacity': '0.5',
1405                'buttons':  ['Sim', 'Não'],
1406                'onClose':  function(clicked) {
1407                        if(clicked == 'Sim'){
1408                                DataLayer.remove('schedulable', ''+eventId);
1409                                window.setTimeout(function() {DataLayer.commit();}, 500);
1410                        }
1411                }
1412        });     
1413}
1414
1415
1416function remove_calendar(){
1417        /* Pode ser assim $('.cal-list-options-btn.ui-state-active').attr('class').replace(/[a-zA-Z-]+/g, ''); */
1418        $.Zebra_Dialog('Todos os eventos desta agenda serão removidos. Deseja prosseguir com a operação?', {
1419                'type':     'question',
1420                'overlay_opacity': '0.5',
1421                'buttons':  ['Sim', 'Não'],
1422                'onClose':  function(clicked) {
1423                        if(clicked == 'Sim'){
1424                                var idCalendar =  $('.cal-list-options-btn.ui-state-active').attr('class').match(/[0-9]+/g);
1425                               
1426                                DataLayer.remove('calendarSignature', Calendar.signatureOf[idCalendar[0]].id );
1427                               
1428                                if(idCalendar == User.preferences.defaultCalendar)
1429                                        DataLayer.remove( 'modulePreference', User.preferenceIds['defaultCalendar']);
1430                                       
1431                                       
1432                                DataLayer.commit( false, false, function( received ){
1433                                        delete Calendar.currentViewKey;
1434                                        Calendar.load();
1435                                        refresh_calendars();
1436                                });
1437                        }
1438                                $('.positionHelper').css('display', 'none');
1439       
1440                }
1441        });     
1442}
1443
1444function refresh_calendars(){
1445
1446        var colorsSuggestions = colors_suggestions();
1447        var buttons_colors = "";
1448        for(var i = 0; i < colorsSuggestions.length; i++){
1449                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>";
1450        }
1451
1452        //DataLayer.render( 'templates/calendar_list.ejs', 'calendar:list', ["IN", "id", Calendar.calendarIds], function( html ){
1453        DataLayer.render( 'templates/calendar_list.ejs', Calendar, function( html ){
1454       
1455    var meu_container = $(".calendars-list").html( html );
1456       
1457        $('ul.list-calendars .cal-list-options-btn').each(function(){
1458                $(this).menu({   
1459                content: $(this).next().html(),
1460                        width: '120',
1461                    positionOpts: {
1462                                posX: 'left', 
1463                                posY: 'bottom',
1464                                offsetX: 0,
1465                                offsetY: 0,
1466                                directionH: 'right',
1467                                directionV: 'down', 
1468                                detectH: true, // do horizontal collision detection   
1469                                detectV: true, // do vertical collision detection
1470                                linkToFront: false
1471                    },
1472                        flyOut: true,
1473                    showSpeed: 100,
1474                    crumbDefaultText: '>'
1475                });
1476        });         
1477       
1478        meu_container.find(".button.new-calendar").button({
1479                icons: {
1480            primary: "ui-icon-plus"
1481        },
1482        text: false
1483    }).click(function () {
1484               
1485        if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
1486                $(this).qtip({
1487                        show: {ready: true, solo: true, when: {event: 'click'}},
1488                        hide: false,
1489                        content: {
1490                                text: $('<div></div>').html( DataLayer.render( 'templates/calendar_quick_add.ejs', {} ) ),
1491                                title: {
1492                                        text:'Nova Agenda',
1493                                        button: '<a class="button close" href="#">close</a>'
1494                                }
1495                        },
1496                        style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
1497                        position: {
1498                                corner: {
1499                                        target: 'rightMiddle',
1500                                        tooltip: 'leftMiddle'
1501                                },
1502                                adjust: {x:0, y:-12}
1503                        }
1504                })
1505                .qtip("api").onShow = function(arg0) {
1506                        $('.qtip-active .button.close').button({
1507                                icons: {primary: "ui-icon-close"},
1508                                text: false
1509                        })
1510                        .click(function(){
1511                                meu_container.find(".button.new-calendar").qtip('destroy');
1512                        });
1513                        //TODO emplementar tratamento de duplicação de valores no location
1514                        $('.qtip-active .button.save').button().click(function(){
1515                                for(var i = 0; i < Calendar.calendars.length; i++){
1516                                        if(Calendar.calendars[i].location == $('.qtip-active input').val()){   
1517                                                $.Zebra_Dialog('O nome desta agenda já está sendo utilizada em uma Url de outra agenda. Por favor, informe outro nome para agenda.',{
1518                                                        'overlay_opacity': '0.5',
1519                                                        'type': 'warning'
1520                                                });
1521                                                meu_container.find(".button.new").qtip('destroy');
1522                                                return;
1523                                        }
1524                                }
1525                               
1526                                var selected;
1527                                var color = $('.cal-colors-options-btn').each(function(index){
1528                                        if ($(this).is('.color-selected'))
1529                                                        selected = index;
1530                                });
1531                                DataLayer.put( "calendarSignature", {
1532                                        user: User.me.id,
1533                                        calendar: {
1534                                                name: Encoder.htmlEncode($('.qtip-active input').val()),
1535                                                timezone: User.preferences.timezone                             
1536                                        },
1537                                        isOwner: 1,
1538                                        fontColor: colorsSuggestions[selected]['font'].substring(1) ,
1539                                        backgroundColor: colorsSuggestions[selected]['background'].substring(1) ,
1540                                        borderColor: colorsSuggestions[selected]['border'].substring(1)
1541                                });
1542                               
1543                                DataLayer.commit( false, false, function( received ){
1544                                        delete Calendar.currentViewKey;
1545                                        Calendar.load();
1546                                        refresh_calendars();
1547                                });
1548                               
1549                                meu_container.find(".button.new").qtip('destroy');
1550                        });
1551                       
1552                        $('.qtip-active .button.cancel').button().click(function(){
1553                                meu_container.find(".button.new").qtip('destroy');
1554                        });
1555                       
1556                        $(".qtip-active input").Watermark("Nome da agenda");
1557                       
1558                        $('.qtip-active').keydown(function(event) {
1559                                if (event.keyCode == '27') {
1560                                        meu_container.find(".button.new").qtip('destroy');
1561                                }
1562                        });
1563                       
1564                        $('.colors-options').prepend(buttons_colors);
1565                        $('.colors-options .signed-cal-colors-options-btn-0').addClass('color-selected');
1566                                       
1567                        var buttons = $('.cal-colors-options-btn').button();
1568                       
1569                        buttons.click(function(){
1570                                buttons.removeClass('color-selected');
1571                                $(this).addClass('color-selected');
1572                        });
1573                }                               
1574        }
1575        });
1576       
1577            $("img.cal-list-img").click(function(evt) {
1578                   $(".cal-list-options_1").toggleClass( "hidden" );
1579            });
1580
1581            $(".my-calendars a.title-my-calendars").click(function() {
1582                                $(".my-calendars ul.my-list-calendars").toggleClass("hidden")
1583                                $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-s");
1584                                $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-e");
1585            });
1586               
1587            $(".signed-calendars a.title-signed-calendars").click(function() {
1588                        $(".signed-calendars ul.signed-list-calendars").toggleClass( "hidden");
1589            });
1590
1591            $("ul li.list-calendars-item").click(function(evt) {
1592       
1593            });   
1594
1595                $("ul li.list-calendars-item .ui-corner-all").click(function(evt) {
1596                        //alert('teste');
1597            });   
1598       
1599                meu_container.find(".button.new-calendar-shared").button({
1600                icons: {
1601            primary: "ui-icon-plus"
1602        },
1603        text: false
1604                }).click(function (event) {
1605                        show_modal_search_shared();
1606                });
1607               
1608               
1609                //TODO Implementar ocultar agendas.
1610                meu_container.find('.title-signed-calendars').click(function(evt){
1611                        var status = $(this).parent().find('.status-list-shared');
1612                       
1613                        if(status.hasClass('ui-icon-triangle-1-s'))
1614                                status.removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
1615                        else
1616                                status.removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
1617                });
1618               
1619            $('.calendar-view').click(function(evt){
1620                        if($tabs.tabs('option' ,'selected') == 1){
1621                                pageselectCallback('', 0);
1622                        }
1623                       
1624                         if(Calendar.currentView){
1625                                var checkBox = $(this);
1626                if(!!Calendar.currentView[ checkBox.val() ]){
1627                                        Calendar.currentView[ checkBox.val() ].hidden = !checkBox.is(':checked');
1628                                        $('#calendar').fullCalendar( 'refetchEvents' );
1629                                }
1630                        }
1631            });
1632      });
1633}
1634
1635function add_events_list(keyword)
1636{
1637        var tab_title = "";     
1638        if (keyword){
1639                if(keyword.length < 10)
1640                        tab_title = keyword;
1641                else
1642                        tab_title = keyword.substr(0,10) + '..."';
1643        }else{
1644                tab_title = "Lista de eventos";
1645        }
1646        keyword = ( keyword || '' ).replace( /\s+/g, "_" );
1647       
1648        if(!(document.getElementById('tab_events_list_' + (Base64.encode(keyword)).replace(/[^\w\s]/gi, "") )))
1649        {
1650                Encoder.EncodeType = "entity";
1651            $tabs.tabs( "add", "#tab_events_list_" + (Base64.encode(keyword)).replace(/[^\w\s]/gi, ""), Encoder.htmlEncode(tab_title) );
1652        }
1653        else /* Tab already opened */
1654        {
1655              $tabs.tabs("option", "selected", 2);
1656        }
1657       
1658        pageselectCallback(keyword, 0); // load page 1 and insert data on event_list.ejs
1659       
1660        $('.preferences-win.active .button.save, .preferences-win.active .button.cancel, .preferences-win.active .button.import, .preferences-win.active .button.export').button();
1661}
1662
1663function paginatorSearch(currentView){
1664        $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
1665                        function(){
1666                                $(this).addClass('fc-state-hover');
1667                        },
1668                        function(){
1669                                $(this).removeClass('fc-state-hover');
1670                }).mousedown(function(){
1671                        $(this).addClass('fc-state-down');
1672                }).mouseup(function(){
1673                        $(this).removeClass('fc-state-down');
1674                        $('.events-list.events-list-win.active').removeClass('active');
1675                        var paginator = $(this).attr('class');
1676                        if(paginator.indexOf('next') > 0){
1677                                if(parseInt($(currentView+' [name = results]').val()) > 25)
1678                                        pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1));
1679                        }else{
1680                                if(parseInt($(currentView+' [name = page_index]').val()) > 0)
1681                                        pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1));
1682                        }
1683                });
1684}
1685
1686function mountTitleList(page_index ,view){
1687        switch (view){
1688                case 'day':
1689                case 'basicDay':
1690                        var date = new Date().add({days: page_index});
1691                        return (dateCalendar.dayNames[date.getDay()])+", "+(date.toString('dd MMM yyyy'));
1692                case 'agendaWeek':
1693                case 'week':
1694                        var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1695                        dateStart.add({days: (7 * page_index)});
1696                        var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1697                        dateEnd.add({days: (page_index * 7)+7});
1698                        if(dateStart.toString('MM') != dateEnd.toString('MM'))
1699                                        return dateStart.toString('dd')+' de '+dateCalendar.monthNamesShort[dateStart.getMonth()]+' a '+dateEnd.toString('dd')+' de '+dateCalendar.monthNames[dateEnd.getMonth()]+' - '+dateEnd.toString('yyyy');
1700                        return +dateStart.toString("dd")+" a "+dateEnd.toString("dd")+" de "+dateCalendar.monthNames[dateEnd.getMonth()]+" - "+dateEnd.toString('yyyy');
1701                case 'month':
1702                        var date = new Date().add({months: page_index})
1703                        return dateCalendar.monthNames[date.getMonth()]+" "+date.toString("yyyy");
1704                case 'year':
1705                        var date = new Date().add({years: page_index});
1706                        return date.toString("yyyy");
1707        }
1708}
1709
1710function paginatorList(currentView, view){
1711                $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>'+mountTitleList( parseInt($('[name = page_index]').val()),view)+'</h2>');
1712                $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1713                if(view == 'basicDay')
1714                        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-agendaday').addClass('fc-state-active');
1715                else
1716                        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-'+((view == 'day' || view == 'week') ? 'agenda'+view : view )).addClass('fc-state-active');
1717                $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').addClass('list-right');
1718               
1719                $(currentView+' .header-paginator .fc-header-right .fc-button').hover(
1720                                function(){
1721                                        $(this).addClass('fc-state-hover');
1722                                },
1723                                function(){
1724                                        $(this).removeClass('fc-state-hover');
1725                        }).mousedown(function(){
1726                                $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1727                                $(this).addClass('fc-state-active');
1728                        }).mouseup(function(){
1729                                var goView = $(this).attr('class');
1730                                if(goView.indexOf('agendaDay') > 0)
1731                                        pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'day');
1732                                else if(goView.indexOf('month') > 0)
1733                                        pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'month');
1734                                else if(goView.indexOf('year') > 0)
1735                                        pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'year');
1736                                else if(goView.indexOf('agendaWeek') > 0)
1737                                        pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'week');
1738
1739                        });
1740
1741                $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
1742                                function(){
1743                                        $(this).addClass('fc-state-hover');
1744                                },
1745                                function(){
1746                                        $(this).removeClass('fc-state-hover');
1747                        }).mousedown(function(){
1748                                $(this).addClass('fc-state-down');
1749                        }).mouseup(function(){
1750                                $(this).removeClass('fc-state-down');
1751                                var paginator = $(this).attr('class');
1752                                if(paginator.indexOf('next') > 0)
1753                                        pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) +1), '', view);
1754                                else
1755                                        pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) -1), '', view);
1756                                });     
1757}
1758
1759function paginatorListEvent(currentView, typeView, view){
1760                if(!!$(currentView).find('.fc-calendar').length)
1761                        return;
1762                $(currentView+' .events-list.events-list-win.active').prepend($('.fc-header').clone());
1763                //Remove contudo nao utilizado
1764                $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-today').remove();
1765                $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicWeek').remove();
1766                $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicDay').remove();                 
1767               
1768                //Adiciona e remove as classes para esta visualizacao
1769                $(currentView+' .events-list.events-list-win.active .fc-header .fc-header-center').addClass('list-events-paginator');
1770                $(currentView+' .events-list.events-list-win.active .fc-header .list-events-paginator').removeClass('fc-header-center');               
1771               
1772                //Adicionar class no header padronizar com a tela principal
1773                $(currentView+' .events-list.events-list-win.active .fc-header').addClass('header-paginator');
1774                $(currentView+' .events-list.events-list-win.active .header-paginator').removeClass('fc-header');
1775                               
1776                if(typeView == 'search'){
1777                        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').remove()
1778                        $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>Resultados para: '+$(currentView+' [name = keyword]').val()+'</h2>');
1779                        if((parseInt($(currentView+' [name = page_index]').val()) == 0) && (parseInt($(currentView+' [name = results]').val()) <= 25))
1780                                return;
1781                        paginatorSearch(currentView);
1782                }else
1783                        paginatorList(currentView, view);
1784}
1785
1786function mountCriteriaList(view, page_index, calerdars_selecteds){
1787        var rangeStart , rangeEnd;
1788        switch (view){
1789                case 'basicDay':
1790                case 'day':
1791                        rangeStart = new Date().add({days: page_index}).getTime();
1792                        rangeEnd = rangeStart;
1793                         break;
1794                case 'agendaWeek':
1795                case 'week':
1796                        var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1797                        var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1798                        rangeStart = dateStart.add({days: (7 * page_index)}).getTime();
1799                        rangeEnd = dateEnd.add({days: (7 * page_index)+7}).getTime();
1800                        break;
1801                case 'month':
1802                        var date = Date.today().add({months: page_index})
1803                        rangeStart = date.moveToFirstDayOfMonth().getTime();
1804                        rangeEnd = date.moveToLastDayOfMonth().getTime();
1805                         break;
1806                case 'year':
1807                        var dateStart = new Date().add({years: page_index});   
1808                        var dateEnd = new Date().add({years: page_index});
1809                        if(dateStart.getMonth() != 0)
1810                                dateStart.moveToMonth(0, -1)
1811                        if(dateEnd.getMonth() != 11)
1812                                dateEnd.moveToMonth(11)
1813                         rangeStart =    dateStart.moveToFirstDayOfMonth().getTime();
1814                         rangeEnd = dateEnd.moveToLastDayOfMonth().getTime();
1815                           break; 
1816                        }
1817   return {filter: ['AND', ['>=', 'rangeStart', rangeStart], ['<=', 'rangeEnd', rangeEnd] , ['IN', 'calendar',  calerdars_selecteds]], criteria: {deepness: 2, order: 'startTime'}};
1818
1819}
1820
1821function pageselectCallback(keyword, page_index, jq, view){
1822       
1823        var selecteds = getSelectedCalendars();
1824        if(!selecteds && (keyword != '' && keyword != null)){   
1825                jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
1826                        '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1827                        '<label>Por favor selecione ao menos uma agenda.</label>' +
1828                        '</div>'
1829                );
1830        }else{
1831                var criteria = null;
1832                if(keyword == '' || keyword == null)
1833                        criteria = mountCriteriaList(!!view ? view : User.preferences.defaultCalView, page_index, selecteds)
1834                else
1835                        criteria =  {filter: ['AND', ['OR', ["i*", "summary", keyword], ["i*", "description", keyword]], ['IN', 'calendar',  selecteds]], criteria: {order: 'startTime', offset: (25 * page_index), limit: (((25 * page_index) + 25) + 1), deepness: 2}};
1836                var results = DataLayer.get('schedulable:detail', criteria);
1837                keyword = ( keyword || '' ).replace( /\s+/g, "_" );     
1838        }
1839        // não há resultados   
1840        if ((((typeof(results) == 'undefined') || (!results.events_list )) && selecteds) &&(keyword != '' && keyword != null)) {
1841                jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
1842                        '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1843                        '<label>Não foi encontrado nenhum evento correspondente à sua pesquisa.</label>' +
1844                        '</div>'
1845                );
1846        // há resultados e Agendas Selecionadas
1847        } else{
1848                if(typeof(results) != 'undefined'){
1849                        results['page_index'] = page_index;
1850                        results['keyword'] = keyword;
1851                       
1852                        DataLayer.render( 'templates/event_list.ejs', results, function( html ){
1853                                var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") || '');
1854                                jQuery(currentView).html( html );
1855                                jQuery('.events-list-win .menu-container .button').button();
1856                                                                                                               
1857                                $(".event-details-item").parent().click(function(){
1858
1859                                        $(this).siblings("div.details-event-list").toggleClass("hidden")
1860                                        .find('.button.delete').click(function(){
1861                                                var eventId = $(this).siblings('[name="eventid"]').val();
1862                                                $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
1863                                                        'type':     'question',
1864                                                        'overlay_opacity': '0.5',
1865                                                        'buttons':  ['Sim', 'Não'],
1866                                                        'onClose':  function(clicked) {
1867                                                                if(clicked == 'Sim'){
1868                                                                        DataLayer.remove('schedulable', eventId);
1869                                                                }
1870                                                        }
1871                                                });
1872                                        })
1873                                        .end().find('.button.edit').click(function(){                           
1874                                                eventDetails( DataLayer.get( "schedulable", $(this).siblings('[name="eventid"]').val() ), true );                                       
1875                                        });
1876
1877                                });
1878                                paginatorListEvent(currentView, (keyword == '' || keyword == null) ? 'list' : 'search',  !!view ? view : User.preferences.defaultCalView);
1879                        });
1880                }else{
1881                        var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") || '');
1882                        jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
1883                                '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1884                                '<input type="hidden" name="page_index" value="'+page_index+'"></inpunt>'+
1885                                '<input type="hidden" name="keyword" value="'+keyword+'"></inpunt>'+
1886                                '<label>Não foram encontrados eventos neste intervalo.</label>' +
1887                                '</div>'
1888                        );
1889                        paginatorListEvent(currentView, 'list', !!view ? view : User.preferences.defaultCalView);
1890                }
1891               
1892        }
1893       
1894}
1895
1896function show_modal_import_export(tab, calendarId) {
1897    DataLayer.render( 'templates/import_export.ejs', {calendars: Calendar.calendars, owner: User.me.id}, function( html ){
1898
1899                if (!UI.dialogs.importCalendar) {
1900                        UI.dialogs.importCalendar = jQuery('#div-import-export-calendar')
1901                        .append('<div title="Importar e Exportar Eventos" class="import-export import-export-win active"> <div>')
1902                        .find('.import-export-win.active').html(html).dialog({
1903                                resizable: false,
1904                                modal:true,
1905                                width:500,
1906                                position: 'center'
1907                        });
1908                       
1909                } else {
1910                        UI.dialogs.importCalendar.html(html);
1911                }
1912               
1913                var tabsImportExport = UI.dialogs.importCalendar.find(".tabs-import-export").tabs({selected: tab});
1914       
1915        UI.dialogs.importCalendar.find('.button').button();
1916
1917                tabsImportExport.find('option[value="'+calendarId+'"]').attr('selected','selected').trigger('change');
1918               
1919               
1920        UI.dialogs.importCalendar.find(".menu-import-event")       
1921            .children(".import").click(function(data){
1922                        $('.import-event-form', UI.dialogs.importCalendar).submit();                   
1923                        UI.dialogs.importCalendar.dialog("close");
1924                        isValidCalback = true;
1925                        /**
1926                         * TODO - implementar ação de importação
1927                         */
1928            });
1929           
1930        UI.dialogs.importCalendar.find(".menu-export-event")       
1931            .children(".export").click(function(){
1932             
1933                        $('.export-event-form', UI.dialogs.importCalendar).submit();
1934                        UI.dialogs.importCalendar.dialog("close");
1935                        /**
1936                         * TODO - implementar ação de exportação
1937                         */
1938            });
1939       
1940        UI.dialogs.importCalendar.find(".menu-container")
1941        .children(".cancel").click(function(){
1942                UI.dialogs.importCalendar.dialog("close");
1943                });   
1944               
1945                  UI.dialogs.importCalendar.dialog("open");
1946    });
1947}
1948
1949function copyAndMoveTo(calendar, eventId){
1950
1951    var type = $('.calendar-copy-move input[name="typeEvent"]').val();
1952
1953        var schedulable = DataLayer.get('schedulable' , ''+eventId);
1954       
1955        if(typeof(schedulable) == "array")
1956                schedulable = schedulable[0];
1957       
1958        //Move eventos entre agendas
1959        if(!!parseInt(type)){
1960               
1961                schedulable.calendar = calendar;       
1962                DataLayer.put('schedulable', schedulable);
1963       
1964                DataLayer.commit();
1965        //copia eventos entre agendas
1966        }else{
1967       
1968                var newSchedulable = schedulable;
1969       
1970                delete newSchedulable.id;
1971                delete newSchedulable.uid;
1972                delete newSchedulable.sequence;
1973                delete newSchedulable.dtstamp;
1974                delete schedulable.calendar;
1975                delete schedulable.DayLigth;
1976                delete schedulable.rangeStart
1977                delete schedulable.rangeEnd;
1978                delete schedulable.lastUpdate;
1979                delete schedulable.repeat;
1980       
1981                schedulable.calendar = DataLayer.copy(calendar);       
1982       
1983                newSchedulable.endTime = new Date(parseInt(newSchedulable.endTime) - (newSchedulable.allDay ? 86400000 : 0)).toString('yyyy-MM-dd hh:mm:00');
1984                newSchedulable.startTime = new Date(parseInt(newSchedulable.startTime)).toString('yyyy-MM-dd hh:mm:00');
1985               
1986                var participants = DataLayer.copy(schedulable.participants);
1987               
1988                delete schedulable.participants;
1989               
1990                schedulable.participants =  $.map( participants, function( attendee, i ){
1991                       
1992                        var participant = DataLayer.get('participant', attendee);
1993                       
1994                        if(typeof(participant) == 'array')
1995                                participant = participant[0];
1996       
1997                        delete participant.id;
1998                        delete participant.schedulable;
1999                        delete participant.delegatedFrom;
2000                       
2001                        return participant ;
2002        });
2003       
2004                DataLayer.put('schedulable', newSchedulable);           
2005        }
2006       
2007
2008}
Note: See TracBrowser for help on using the repository browser.