angular-ui / ui-calendar

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

Added resourceWatcher #354

Open gusreyes01 opened 8 years ago

gusreyes01 commented 8 years ago

Resources are supported and work with FullCalendar Scheduler Plugin.

antoinepairet commented 8 years ago

@gusreyes01 Thanks for your PR. I am looking forward having this merged into master :-) We need to fix failing tests and might need to write new ones to make sure everything works as expected. @jkurz what do you think?

philnorton commented 7 years ago

Hey, just commenting here to see if the Scheduler module will be compatible with Angular?

Babugoli commented 7 years ago

Hi @antoinepairet

Did you get scheduler working with uiCalender directive.

Thanks

antoinepairet commented 7 years ago

Yes its working great

On Mon, 14 Aug 2017 at 00:20, Babugoli notifications@github.com wrote:

Hi @antoinepairet https://github.com/antoinepairet

Did you get scheduler working with uiCalender directive.

Thanks

— You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub https://github.com/angular-ui/ui-calendar/pull/354#issuecomment-322071208, or mute the thread https://github.com/notifications/unsubscribe-auth/AE_vQOLKpZJlu2_DQiAzzO1lTuQmXL_gks5sX3bEgaJpZM4GtjaY .

Babugoli commented 7 years ago

hi @antoinepairet

it doesnt work for me, i used final changes from raw source, do you mind helping or share sample you using with calendar.js file

here is how I'm using

$scope.uiConfig = { calendar: { height: 520, editable: true, header: { left: 'title', center: '', right: 'timelineDay,timelineThreeDays,agendaWeek' }, droppable: true, defaultView: 'timelineDay', theme: true, resourceLabelText: 'Team', //events: $scope.loadEvents, eventClick: $scope.alertOnEventClick, eventDrop: $scope.alertOnDrop, eventResize: $scope.alertOnResize, eventRender: $scope.eventRender, dayClick: $scope.dayClick, // drop: $scope.drop,

        //removeEvents:$scope.removeEvents,
    }
};

$scope.events = [ { id: '1', resourceId: 'a', start: '2016-01-07T02:00:00', end: '2016-01-07T07:00:00', title: 'event 1' }, { id: '2', resourceId: 'b', start: '2016-01-07T05:00:00', end: '2016-01-07T22:00:00', title: 'event 2' }, { id: '3', resourceId: 'c', start: '2016-01-06', end: '2016-01-08', title: 'event 3' }, { id: '4', resourceId: 'd', start: '2016-01-07T03:00:00', end: '2016-01-07T08:00:00', title: 'event 4' }, { id: '5', resourceId: 'e', start: '2016-01-07T00:30:00', end: '2016-01-07T02:30:00', title: 'event 5' } ];

    $scope.eventSources = [$scope.events];

    $scope.eventResources = [
            { id: 'a', title: 'User 1' },
            { id: 'b', title: 'User 2', eventColor: 'green' },
            { id: 'c', title: 'User 3', eventColor: 'orange' },
            { id: 'd', title: 'User 4' },
            { id: 'e', title: 'User 5', eventColor: 'red' },
    ];

I do find error as b.class is not a constructor

Babugoli commented 7 years ago

thanks @antoinepairet works for me too. appreciate for getting back

seemsjames commented 5 years ago

Hello I have used angular-ui calendar i am facing same error like b.class is not a constructor. How to solve this one. thanks