source: trunk/prototype/modules/calendar/js/init.js @ 5442

$(document).ready(function() {

        refresh_calendars();
        $tabs = $('#tabs').tabs({
            add: function( event, ui ) {
                        Calendar.lastView = $tabs.tabs('option' ,'selected');
                        $('#tabs .events-list-win.active').removeClass('active');
                        $tabs.tabs('select', '#' + ui.panel.id);
                },
                remove: function( event, ui ) {
                        $tabs.tabs('select', Calendar.lastView);
                },
                show: function( event, ui ){
                        delete Calendar.currentViewKey;
                        $('#calendar').fullCalendar('refetchEvents');
                }
        })
        .tabs('option', 'tabTemplate', "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Remove Tab</span></li>" );

        /**
          * Make a button to close the tab
          */
        $tabs.find( "span.ui-icon-close" ).live( "click", function() {
                var index = $( "li", $tabs ).index( $( this ).parent() );
                if($tabs.tabs('option' ,'selected') == index){
                        if($tabs.tabs("length") == 2 && Calendar.lastView != 1)
                                $tabs.tabs( "select", 0);
                        $tabs.tabs( "select", Calendar.lastView);
                }
                if($tabs.tabs('option' ,'selected') == 0 || $tabs.tabs('option' ,'selected') == 1)
                        Calendar.lastView = $tabs.tabs('option' ,'selected');
                if(index != -1)
                  $tabs.tabs( "remove", index );        
                        
                
                });     
        $('.button.config-menu').button({
            icons: {
                primary: "ui-icon-gear",
                secondary: "ui-icon-triangle-1-s"
            },
            text: false
        });
      $('.button.add').button({
              icons: {
                      secondary: "ui-icon-plus"
              }
      })

                var miniCalendar = $('.block-vertical-toolbox .mini-calendar').datepicker({
                        dateFormat: 'yy-m-d',
                        //dateFormat: 'DD, d MM, yy',
                        //inline: true,
                        firstDay: dateCalendar.dayOfWeek[User.preferences.weekStart],
                        onSelect: function(dateText, inst)
                        {       
                                $tabs.tabs("select", "#calendar");
                                var toDate = $('.block-vertical-toolbox .mini-calendar').datepicker("getDate").toString('yyyy-MM-dd').split('-');
                                $('#calendar').fullCalendar('gotoDate', toDate[0], parseInt(toDate[1]-1), toDate[2] );
                                $('#calendar').fullCalendar( 'changeView', 'agendaDay' );
                        }                       
                })
                .find('.ui-icon-circle-triangle-e').removeClass('ui-icon-circle-triangle-e').addClass('ui-icon-triangle-1-e').end()
                .find('.ui-icon-circle-triangle-w').removeClass('ui-icon-circle-triangle-w').addClass('ui-icon-triangle-1-w');
                
                //Onclick do mês
                $('.ui-datepicker-title .ui-datepicker-month').live('click',function(){
                        $tabs.tabs("select", "#calendar");
                        $('#calendar').fullCalendar('gotoDate',$(this).siblings('span').html(), Date.getMonthNumberFromName($(this).html() == 'Março' ? 'Mar' : $(this).html()),'01');
                        $('#calendar').fullCalendar( 'changeView', 'month');
                });
                //Onclick do ano
                $('.ui-datepicker-title .ui-datepicker-year').live('click',function(){
                        $tabs.tabs("select", "#calendar");
                        $('#calendar').fullCalendar('gotoDate',$(this).html(), '0', '01');
                        $('.fc-button-year').click();
                });
                
        //Onclick em um dia do calendário anual
        $( ".fc-day-number" ).live( "click", function() {
                        
                var date = $(this).parents('[class*="fc-day-"]').attr('class').match(/fc-day-(\d{4})-(\d{2})-(\d{2})/);

                if (date) date.shift();
                else return false;

                $('#calendar').fullCalendar('gotoDate',date[0],date[1]-1,date[2]);
                $('#calendar').fullCalendar( 'changeView', 'agendaDay' );
        });     

        $('.main-search input.search').keydown(function(event){
                if(event.keyCode == 13) {
                        Encoder.EncodeType = "entity";
                        //$(this).val($(this).val());
                                        
                        add_events_list($(this).val());
                        $(this).val('');
                }
        });
                                
        $('.block-horizontal-toolbox .main-config-menu').menu({
                content: $('.main-config-menu-content').html(),
                positionOpts: {
                        posX: 'left', 
                        posY: 'bottom',
                        offsetX: -140,
                        offsetY: 0,
                        directionH: 'right',
                        directionV: 'down', 
                        detectH: true, // do horizontal collision detection  
                        detectV: true, // do vertical collision detection
                        linkToFront: false
                },
                flyOut: true,
                showSpeed: 100,
                crumbDefaultText: '>'
        });
              
                $('#trash').droppable({
                        drop: function(event, ui){
                                //              calendar.fullCalendar( 'removeEvents', ui.draggable.attr('event-id') );
                                DataLayer.remove( "event", ui.draggable.attr('event-id') );
                                $(this).switchClass('empty','full');
                        },
                        tolerance: "touch"
                });

      /* initialize the calendar
      -----------------------------------------------------------------*/
                $(".button.add.add-event").click(function(event){
                        var startEvent = new Date();  
                        if(startEvent.toString('mm') < 30) 
                                        startEvent.add({minutes: (30 - parseInt(startEvent.toString('mm')))}); 
                        else 
                                        startEvent.add({hours: 1, minutes: '-'+startEvent.toString('mm')}); 
                        var endEvent = function(date){ 
                                        if(!!User.preferences.defaultCalendar){ 
                                                        return  parseInt(date.getTime()) + 
                                                                (       !!Calendar.signatureOf[User.preferences.defaultCalendar].calendar.defaultDuration ?  
                                                                        (Calendar.signatureOf[User.preferences.defaultCalendar].calendar.defaultDuration * 60000) :
                                                                        (User.preferences.defaultDuration * 60000)
                                                                );
                                        }else 
                                                        return parseInt(date.getTime()) + (User.preferences.defaultDuration * 60000); 
                        };       
                        
                        eventDetails({ 
                                startTime: startEvent.getTime(),
                                endTime: endEvent(startEvent)
                        }, true );
                });

        var calendar = $('#calendar').fullCalendar(DataLayer.merge({ 

                defaultView: User.preferences.defaultCalView,
                timeFormat: User.preferences.hourFormat,
                axisFormat: User.preferences.hourFormat,
                eventSources: Calendar.sources,

                header: {
                        left: 'prev,next today,basicWeek,basicDay',
                        center: 'title',
                        right: 'agendaDay,agendaWeek,month,year'
                },
                firstDay: dateCalendar.dayOfWeek[User.preferences.weekStart],
                editable: true,
                selectable: true,
                selectHelper: true,
                droppable: true, // this allows things to be dropped onto the calendar !!!
                timeFormat: {
                        agenda: 'HH:mm{ - HH:mm}',
                        '': 'HH:mm{ - HH:mm} }'
                },
                titleFormat: {
                        month: 'MMMM yyyy',                             
                        week: "dd[ yyyy] { 'a'[ MMM] dd 'de' MMMM '-' yyyy}", 
                        day: 'dddd,  dd MMM , yyyy'
                },
                columnFormat:{
                        month: 'ddd',    
                        week: 'ddd dd/MM', 
                        day: 'dddd dd/MM'  
                },
                
                allDayText: 'Dia todo',
                buttonText: {
                        today: 'hoje',
                        month: 'mês',
                        week: 'semana',
                        day: 'dia',
                        year: 'ano'
                },
                /*
                eventRender: function( event, element, view ){
                        $(element).attr( 'event-id', event.id );
                },
                */
                select: function( start, end, allDay, event, view ){
                        eventDetails( { 'start': start,
                                        'end': end,
                                        'allDay': allDay } );
                },

                eventDrop: function( event ){
                        DataLayer.put( "schedulable:calendar", event );

                        event.editable = false;
                        event.className = "blocked-event";
                        calendar.fullCalendar( 'updateEvent', event );
                },

                eventResize: function( event ){
                        DataLayer.put( "schedulable:calendar", event );

                        event.editable = false;
                        event.className = "blocked-event";
                        calendar.fullCalendar( 'updateEvent', event );
                },

                eventClick: function( evt, event, view ){
                        eventDetails( DataLayer.get( "schedulable", evt.id), true);
                }
        }, dateCalendar));
          
        if($(window).height() < $('body').height()){
                var hei = $('body').height() - $(window).height();
                hei = $('#divAppbox').height() - hei;
                $('#divAppbox').css('max-height', hei);
                $('#divAppbox').css('min-height', hei);
                $('body').css('overflow-y','hidden');
                delete hei;
         }
          
         $(window).resize(function(){
                $('#divAppbox').css('max-height', $(window).height() - 104);
                $('#divAppbox').css('min-height', $(window).height() - 104);
                $('#divAppbox').css('overflow-x', 'auto');
                $('#divAppbox').css('overflow-y', 'scroll');
        });       
        //Todo chamada do metodo que adiciona ao full calendar o botao de listagem de eventos  
        //listEvents();
});