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

Revision 5515, 70.1 KB checked in by acoutinho, 12 years ago (diff)

Ticket #2434 - Correcoes e melhorias na visualizacao de anexos e participantes

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