angular-ui / ui-calendar

A complete AngularJS directive for the Arshaw FullCalendar.
http://angular-ui.github.io/ui-calendar/
MIT License
1.49k stars 729 forks source link

How to change eventClick color ? #512

Open estellederrien opened 7 years ago

estellederrien commented 7 years ago

Hello,

I'm able to change the event color like this 👍

 /* config object */
    $scope.uiConfig = {
      calendar:{
        height: 650,
        editable: true,
        header:{
          left: 'title',
          center: '',
          right: 'today prev,next'
        },
        eventClick: $scope.alertOnEventClick,
        eventDrop: $scope.alertOnDrop,
        eventResize: $scope.alertOnResize,
        eventRender: $scope.eventRender,
        monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
        dayNamesShort: ["Dim", "Lun", "Mar", "Merc", "Jeud", "Vend", "Same"],
        dayClick: $scope.newrendezVous

      }
    };

$scope.alertOnEventClick = function( item, jsEvent, view){
       $(this).css('background-color', 'grey');
    $(this).delay(2000).queue(function(next){$(this).css('background-color', item.color);next();});
 }

But when I click another event, the first event stay grey and doesnt get his initial color... How could i do please thank you