[5399] | 1 | $(document).ready(function() { |
---|
[5863] | 2 | //Remove o icone de configuraçõe padrão antigo do expresso |
---|
| 3 | $('#sideboxdragarea').addClass('hidden'); |
---|
| 4 | |
---|
[5399] | 5 | refresh_calendars(); |
---|
| 6 | $tabs = $('#tabs').tabs({ |
---|
| 7 | add: function( event, ui ) { |
---|
[5409] | 8 | Calendar.lastView = $tabs.tabs('option' ,'selected'); |
---|
| 9 | $('#tabs .events-list-win.active').removeClass('active'); |
---|
[5399] | 10 | $tabs.tabs('select', '#' + ui.panel.id); |
---|
| 11 | }, |
---|
| 12 | remove: function( event, ui ) { |
---|
[5409] | 13 | $tabs.tabs('select', Calendar.lastView); |
---|
[5399] | 14 | }, |
---|
| 15 | show: function( event, ui ){ |
---|
| 16 | delete Calendar.currentViewKey; |
---|
| 17 | $('#calendar').fullCalendar('refetchEvents'); |
---|
| 18 | } |
---|
| 19 | }) |
---|
| 20 | .tabs('option', 'tabTemplate', "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Remove Tab</span></li>" ); |
---|
| 21 | |
---|
| 22 | /** |
---|
| 23 | * Make a button to close the tab |
---|
| 24 | */ |
---|
| 25 | $tabs.find( "span.ui-icon-close" ).live( "click", function() { |
---|
| 26 | var index = $( "li", $tabs ).index( $( this ).parent() ); |
---|
| 27 | if($tabs.tabs('option' ,'selected') == index){ |
---|
[5409] | 28 | if($tabs.tabs("length") == 2 && Calendar.lastView != 1) |
---|
[5399] | 29 | $tabs.tabs( "select", 0); |
---|
[5409] | 30 | $tabs.tabs( "select", Calendar.lastView); |
---|
[5399] | 31 | } |
---|
| 32 | if($tabs.tabs('option' ,'selected') == 0 || $tabs.tabs('option' ,'selected') == 1) |
---|
[5409] | 33 | Calendar.lastView = $tabs.tabs('option' ,'selected'); |
---|
[5399] | 34 | if(index != -1) |
---|
| 35 | $tabs.tabs( "remove", index ); |
---|
| 36 | |
---|
| 37 | |
---|
| 38 | }); |
---|
| 39 | $('.button.config-menu').button({ |
---|
| 40 | icons: { |
---|
| 41 | primary: "ui-icon-gear", |
---|
| 42 | secondary: "ui-icon-triangle-1-s" |
---|
| 43 | }, |
---|
| 44 | text: false |
---|
| 45 | }); |
---|
| 46 | $('.button.add').button({ |
---|
| 47 | icons: { |
---|
| 48 | secondary: "ui-icon-plus" |
---|
| 49 | } |
---|
| 50 | }) |
---|
| 51 | |
---|
| 52 | var miniCalendar = $('.block-vertical-toolbox .mini-calendar').datepicker({ |
---|
| 53 | dateFormat: 'yy-m-d', |
---|
| 54 | //dateFormat: 'DD, d MM, yy', |
---|
| 55 | //inline: true, |
---|
[5409] | 56 | firstDay: dateCalendar.dayOfWeek[User.preferences.weekStart], |
---|
[5399] | 57 | onSelect: function(dateText, inst) |
---|
| 58 | { |
---|
| 59 | $tabs.tabs("select", "#calendar"); |
---|
[5442] | 60 | var toDate = $('.block-vertical-toolbox .mini-calendar').datepicker("getDate").toString('yyyy-MM-dd').split('-'); |
---|
| 61 | $('#calendar').fullCalendar('gotoDate', toDate[0], parseInt(toDate[1]-1), toDate[2] ); |
---|
[5399] | 62 | $('#calendar').fullCalendar( 'changeView', 'agendaDay' ); |
---|
| 63 | } |
---|
| 64 | }) |
---|
| 65 | .find('.ui-icon-circle-triangle-e').removeClass('ui-icon-circle-triangle-e').addClass('ui-icon-triangle-1-e').end() |
---|
| 66 | .find('.ui-icon-circle-triangle-w').removeClass('ui-icon-circle-triangle-w').addClass('ui-icon-triangle-1-w'); |
---|
| 67 | |
---|
| 68 | //Onclick do mês |
---|
| 69 | $('.ui-datepicker-title .ui-datepicker-month').live('click',function(){ |
---|
| 70 | $tabs.tabs("select", "#calendar"); |
---|
[5442] | 71 | $('#calendar').fullCalendar('gotoDate',$(this).siblings('span').html(), Date.getMonthNumberFromName($(this).html() == 'Março' ? 'Mar' : $(this).html()),'01'); |
---|
[5399] | 72 | $('#calendar').fullCalendar( 'changeView', 'month'); |
---|
| 73 | }); |
---|
| 74 | //Onclick do ano |
---|
| 75 | $('.ui-datepicker-title .ui-datepicker-year').live('click',function(){ |
---|
| 76 | $tabs.tabs("select", "#calendar"); |
---|
[5442] | 77 | $('#calendar').fullCalendar('gotoDate',$(this).html(), '0', '01'); |
---|
[5399] | 78 | $('.fc-button-year').click(); |
---|
| 79 | }); |
---|
| 80 | |
---|
| 81 | //Onclick em um dia do calendário anual |
---|
| 82 | $( ".fc-day-number" ).live( "click", function() { |
---|
| 83 | |
---|
| 84 | var date = $(this).parents('[class*="fc-day-"]').attr('class').match(/fc-day-(\d{4})-(\d{2})-(\d{2})/); |
---|
| 85 | |
---|
| 86 | if (date) date.shift(); |
---|
| 87 | else return false; |
---|
| 88 | |
---|
| 89 | $('#calendar').fullCalendar('gotoDate',date[0],date[1]-1,date[2]); |
---|
| 90 | $('#calendar').fullCalendar( 'changeView', 'agendaDay' ); |
---|
| 91 | }); |
---|
| 92 | |
---|
| 93 | $('.main-search input.search').keydown(function(event){ |
---|
| 94 | if(event.keyCode == 13) { |
---|
| 95 | Encoder.EncodeType = "entity"; |
---|
| 96 | //$(this).val($(this).val()); |
---|
| 97 | |
---|
| 98 | add_events_list($(this).val()); |
---|
| 99 | $(this).val(''); |
---|
| 100 | } |
---|
| 101 | }); |
---|
[5592] | 102 | |
---|
| 103 | //efetua pesquisas pelo click na lupa de pesquisa |
---|
| 104 | $('.main-search span.ui-icon-search').click(function(event){ |
---|
| 105 | add_events_list($(this).parent().find('input.search').val()); |
---|
| 106 | $(this).parent().find('input.search').val(); |
---|
| 107 | }); |
---|
| 108 | |
---|
[5399] | 109 | $('.block-horizontal-toolbox .main-config-menu').menu({ |
---|
| 110 | content: $('.main-config-menu-content').html(), |
---|
| 111 | positionOpts: { |
---|
| 112 | posX: 'left', |
---|
| 113 | posY: 'bottom', |
---|
| 114 | offsetX: -140, |
---|
| 115 | offsetY: 0, |
---|
| 116 | directionH: 'right', |
---|
| 117 | directionV: 'down', |
---|
| 118 | detectH: true, // do horizontal collision detection |
---|
| 119 | detectV: true, // do vertical collision detection |
---|
| 120 | linkToFront: false |
---|
| 121 | }, |
---|
| 122 | flyOut: true, |
---|
| 123 | showSpeed: 100, |
---|
| 124 | crumbDefaultText: '>' |
---|
| 125 | }); |
---|
| 126 | |
---|
| 127 | $('#trash').droppable({ |
---|
| 128 | drop: function(event, ui){ |
---|
| 129 | // calendar.fullCalendar( 'removeEvents', ui.draggable.attr('event-id') ); |
---|
| 130 | DataLayer.remove( "event", ui.draggable.attr('event-id') ); |
---|
| 131 | $(this).switchClass('empty','full'); |
---|
| 132 | }, |
---|
| 133 | tolerance: "touch" |
---|
| 134 | }); |
---|
| 135 | |
---|
| 136 | /* initialize the calendar |
---|
| 137 | -----------------------------------------------------------------*/ |
---|
| 138 | $(".button.add.add-event").click(function(event){ |
---|
[6444] | 139 | var startEvent = new Date(); |
---|
| 140 | var configData = (startEvent.toString('mm') < 30) ? {minutes: (30 - parseInt(startEvent.toString('mm')))} : {hours: 1, minutes: '-'+startEvent.toString('mm')}; |
---|
| 141 | startEvent.add(configData); |
---|
| 142 | |
---|
[5399] | 143 | eventDetails({ |
---|
[5409] | 144 | startTime: startEvent.getTime(), |
---|
[6444] | 145 | endTime: dateCalendar.decodeRange(startEvent, (!!User.preferences.defaultCalendar ? ( !!Calendar.signatureOf[User.preferences.defaultCalendar].calendar.defaultDuration ? |
---|
| 146 | (Calendar.signatureOf[User.preferences.defaultCalendar].calendar.defaultDuration) : (User.preferences.defaultDuration)) : (User.preferences.defaultDuration))) |
---|
[5399] | 147 | }, true ); |
---|
| 148 | }); |
---|
| 149 | |
---|
[5409] | 150 | var calendar = $('#calendar').fullCalendar(DataLayer.merge({ |
---|
[5399] | 151 | |
---|
| 152 | defaultView: User.preferences.defaultCalView, |
---|
| 153 | timeFormat: User.preferences.hourFormat, |
---|
| 154 | axisFormat: User.preferences.hourFormat, |
---|
| 155 | eventSources: Calendar.sources, |
---|
| 156 | |
---|
| 157 | header: { |
---|
| 158 | left: 'prev,next today,basicWeek,basicDay', |
---|
| 159 | center: 'title', |
---|
| 160 | right: 'agendaDay,agendaWeek,month,year' |
---|
| 161 | }, |
---|
[5510] | 162 | firstHour: dateCalendar.getShortestTime(User.preferences.defaultStartHour ? User.preferences.defaultStartHour : '6'), |
---|
[5409] | 163 | firstDay: dateCalendar.dayOfWeek[User.preferences.weekStart], |
---|
[5399] | 164 | editable: true, |
---|
| 165 | selectable: true, |
---|
| 166 | selectHelper: true, |
---|
| 167 | droppable: true, // this allows things to be dropped onto the calendar !!! |
---|
| 168 | timeFormat: { |
---|
| 169 | agenda: 'HH:mm{ - HH:mm}', |
---|
| 170 | '': 'HH:mm{ - HH:mm} }' |
---|
| 171 | }, |
---|
| 172 | titleFormat: { |
---|
| 173 | month: 'MMMM yyyy', |
---|
| 174 | week: "dd[ yyyy] { 'a'[ MMM] dd 'de' MMMM '-' yyyy}", |
---|
| 175 | day: 'dddd, dd MMM , yyyy' |
---|
| 176 | }, |
---|
| 177 | columnFormat:{ |
---|
| 178 | month: 'ddd', |
---|
| 179 | week: 'ddd dd/MM', |
---|
| 180 | day: 'dddd dd/MM' |
---|
| 181 | }, |
---|
[5409] | 182 | |
---|
[5399] | 183 | allDayText: 'Dia todo', |
---|
| 184 | buttonText: { |
---|
| 185 | today: 'hoje', |
---|
| 186 | month: 'mês', |
---|
| 187 | week: 'semana', |
---|
| 188 | day: 'dia', |
---|
| 189 | year: 'ano' |
---|
| 190 | }, |
---|
[5409] | 191 | /* |
---|
[5399] | 192 | eventRender: function( event, element, view ){ |
---|
| 193 | $(element).attr( 'event-id', event.id ); |
---|
| 194 | }, |
---|
[5409] | 195 | */ |
---|
[5399] | 196 | select: function( start, end, allDay, event, view ){ |
---|
[5510] | 197 | if (view.name == "month") { |
---|
| 198 | if (User.preferences.defaultStartHour) { |
---|
| 199 | _start = User.preferences.defaultStartHour; |
---|
| 200 | |
---|
| 201 | if (_start.length > 4) |
---|
| 202 | _start = _start.trim().substring(0,5); // remove o am/pm |
---|
| 203 | |
---|
| 204 | _start = _start.split(":"); |
---|
| 205 | start.setHours(_start[0]); |
---|
| 206 | start.setMinutes(_start[1]); |
---|
| 207 | } |
---|
| 208 | |
---|
| 209 | if (User.preferences.defaultEndHour) { |
---|
| 210 | _end = User.preferences.defaultEndHour; |
---|
| 211 | if (_end.length > 4) |
---|
| 212 | _end = _end.trim().substring(0,5); // remove o am/pm |
---|
| 213 | |
---|
| 214 | _end = _end.split(":"); |
---|
| 215 | end.setHours(_end[0]); |
---|
| 216 | end.setMinutes(_end[1]); |
---|
| 217 | } |
---|
| 218 | } // END if (view.name == "month") |
---|
| 219 | |
---|
[5399] | 220 | eventDetails( { 'start': start, |
---|
| 221 | 'end': end, |
---|
| 222 | 'allDay': allDay } ); |
---|
| 223 | }, |
---|
| 224 | |
---|
[5746] | 225 | eventDrop: function( evt, event, view ){ |
---|
| 226 | evt.id = evt.id.split('-')[0]; |
---|
| 227 | if(!evt.disableDragging){ |
---|
| 228 | |
---|
| 229 | if(evt.isRepeat){ |
---|
| 230 | var schedulable = copyAndMoveTo(false , evt.id , false, "3", evt); |
---|
| 231 | |
---|
| 232 | var repeat = mount_exception(evt.id, evt.occurrence); |
---|
| 233 | DataLayer.remove('repeat', false); |
---|
| 234 | DataLayer.put('repeat', repeat); |
---|
| 235 | DataLayer.commit('repeat', false, function(data){ |
---|
[5752] | 236 | |
---|
| 237 | DataLayer.remove('schedulable', repeat.schedulable, false); |
---|
[5746] | 238 | DataLayer.put('schedulable', schedulable); |
---|
| 239 | |
---|
| 240 | }); |
---|
[5427] | 241 | |
---|
[5746] | 242 | }else{ |
---|
| 243 | DataLayer.put( "schedulable:calendar", evt ); |
---|
| 244 | |
---|
[5592] | 245 | event.editable = false; |
---|
| 246 | event.className = "blocked-event"; |
---|
[5746] | 247 | calendar.fullCalendar( 'updateEvent', evt ); |
---|
| 248 | } |
---|
| 249 | |
---|
[5592] | 250 | }else |
---|
[5746] | 251 | Calendar.rerenderView(true); |
---|
[5399] | 252 | }, |
---|
| 253 | |
---|
[5746] | 254 | eventResize: function( evt, event, view ){ |
---|
| 255 | evt.id = evt.id.split('-')[0]; |
---|
| 256 | if(!evt.disableDragging){ |
---|
| 257 | if(evt.isRepeat){ |
---|
| 258 | var schedulable = copyAndMoveTo(false , evt.id , false, "3", evt); |
---|
| 259 | |
---|
| 260 | //Normaliza a data para o backend |
---|
| 261 | schedulable.startTime = new Date(parseInt(schedulable.startTime)).toString('yyyy-MM-dd hh:mm:00'); |
---|
| 262 | schedulable.endTime = new Date(parseInt(schedulable.endTime)).toString('yyyy-MM-dd hh:mm:00'); |
---|
| 263 | |
---|
| 264 | var repeat = mount_exception(evt.id, evt.occurrence); |
---|
| 265 | |
---|
| 266 | DataLayer.remove('repeat', false); |
---|
| 267 | DataLayer.put('repeat', repeat); |
---|
| 268 | DataLayer.commit('repeat', false, function(data){ |
---|
| 269 | |
---|
[5752] | 270 | DataLayer.remove('schedulable', repeat.schedulable, false); |
---|
[5746] | 271 | DataLayer.put('schedulable', schedulable); |
---|
| 272 | |
---|
| 273 | }); |
---|
| 274 | }else{ |
---|
| 275 | DataLayer.put( "schedulable:calendar", evt ); |
---|
| 276 | evt.editable = false; |
---|
| 277 | evt.className = "blocked-event"; |
---|
| 278 | calendar.fullCalendar( 'updateEvent', evt ); |
---|
| 279 | } |
---|
| 280 | |
---|
[5592] | 281 | }else |
---|
| 282 | Calendar.rerenderView(true); |
---|
[5399] | 283 | }, |
---|
| 284 | |
---|
| 285 | eventClick: function( evt, event, view ){ |
---|
[5746] | 286 | evt.id = evt.id.split('-')[0]; |
---|
| 287 | if(evt.selectable){ |
---|
| 288 | if(evt.isRepeat){ |
---|
| 289 | $.Zebra_Dialog(evt.title + ' é um evento com repetição.', { |
---|
| 290 | 'type': 'question', |
---|
| 291 | 'overlay_opacity': '0.5', |
---|
| 292 | 'buttons': ['Editar todas ocorrências', 'Editar essa ocorrência'], |
---|
| 293 | 'onClose': function(clicked) { |
---|
| 294 | if(clicked == 'Editar todas ocorrências') { |
---|
| 295 | eventDetails( DataLayer.get( "schedulable", evt.id), true); |
---|
| 296 | }else{ |
---|
| 297 | /* |
---|
| 298 | * TODO - repeat foi adicionado pois melhorias devem ser feitas no rollback do |
---|
| 299 | *DataLayer, repeat somente é usado quando se trata da criação de um evento |
---|
| 300 | *pela edição de uma ocorrência. |
---|
| 301 | */ |
---|
| 302 | var repeat = mount_exception(evt.id, evt.occurrence); |
---|
| 303 | |
---|
| 304 | $('.calendar-copy-move input[name="typeEvent"]').val("3"); |
---|
| 305 | |
---|
| 306 | eventDetails(copyAndMoveTo(false , evt.id , false, "3", evt), true, '', false, repeat); |
---|
| 307 | } |
---|
| 308 | } |
---|
| 309 | }); |
---|
| 310 | |
---|
[5947] | 311 | }else{ |
---|
| 312 | var schedulable = DataLayer.get( "schedulable", evt.id); |
---|
| 313 | schedulable.calendar = evt.calendar; |
---|
| 314 | eventDetails( schedulable, true); |
---|
| 315 | |
---|
| 316 | } |
---|
[5746] | 317 | |
---|
| 318 | } |
---|
[5943] | 319 | }, |
---|
| 320 | |
---|
| 321 | eventAfterRender: function(event, element, view){ |
---|
| 322 | contentMenu(); |
---|
[5399] | 323 | } |
---|
[5409] | 324 | }, dateCalendar)); |
---|
[5592] | 325 | |
---|
| 326 | contentMenu(); |
---|
| 327 | |
---|
| 328 | $('body').click(function(){ |
---|
| 329 | $('#context-menu-event').html(''); |
---|
| 330 | }); |
---|
| 331 | |
---|
[5399] | 332 | if($(window).height() < $('body').height()){ |
---|
| 333 | var hei = $('body').height() - $(window).height(); |
---|
| 334 | hei = $('#divAppbox').height() - hei; |
---|
| 335 | $('#divAppbox').css('max-height', hei); |
---|
| 336 | $('#divAppbox').css('min-height', hei); |
---|
| 337 | $('body').css('overflow-y','hidden'); |
---|
| 338 | delete hei; |
---|
| 339 | } |
---|
| 340 | |
---|
| 341 | $(window).resize(function(){ |
---|
| 342 | $('#divAppbox').css('max-height', $(window).height() - 104); |
---|
| 343 | $('#divAppbox').css('min-height', $(window).height() - 104); |
---|
| 344 | $('#divAppbox').css('overflow-x', 'auto'); |
---|
| 345 | $('#divAppbox').css('overflow-y', 'scroll'); |
---|
| 346 | }); |
---|
| 347 | //Todo chamada do metodo que adiciona ao full calendar o botao de listagem de eventos |
---|
| 348 | //listEvents(); |
---|
[6444] | 349 | }); |
---|