SOGo.SchedulerUI AngularJS module
parent
a57bf56165
commit
abe9a85c4f
|
@ -0,0 +1,142 @@
|
|||
/* -*- Mode: javascript; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
|
||||
/* JavaScript for SOGo.SchedulerUI module */
|
||||
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
angular.module('SOGo.Common', []);
|
||||
angular.module('SOGo.ContactsUI', []);
|
||||
|
||||
angular.module('SOGo.SchedulerUI', ['ngSanitize', 'ui.router', 'vs-repeat', 'SOGo.Common', 'SOGo.UI', 'SOGo.UIDesktop', 'SOGo.ContactsUI'])
|
||||
|
||||
.constant('sgSettings', {
|
||||
baseURL: ApplicationBaseURL,
|
||||
activeUser: {
|
||||
login: UserLogin,
|
||||
identification: UserIdentification,
|
||||
language: UserLanguage,
|
||||
folderURL: UserFolderURL,
|
||||
isSuperUser: IsSuperUser
|
||||
}
|
||||
})
|
||||
|
||||
.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
|
||||
$stateProvider
|
||||
.state('calendars', {
|
||||
url: '/calendar',
|
||||
views: {
|
||||
calendars: {
|
||||
templateUrl: 'UIxCalMainFrame', // UI/Templates/SchedulerUI/UIxCalMainFrame.wox
|
||||
controller: 'CalendarsController',
|
||||
controllerAs: 'calendars'
|
||||
}
|
||||
},
|
||||
resolve: {
|
||||
stateCalendars: ['sgCalendar', function(Calendar) {
|
||||
return Calendar.$calendars || Calendar.$findAll(window.calendarsData);
|
||||
}]
|
||||
}
|
||||
})
|
||||
.state('calendars.weekView', {
|
||||
url: '/weekView/:day',
|
||||
views: {
|
||||
calendarView: {
|
||||
templateUrl: function ($stateParams) {
|
||||
return 'weekview?day=' + $stateParams.day; // UI/Templates/SchedulerUI/UIxCalWeekView.wox
|
||||
},
|
||||
controller: 'CalendarController',
|
||||
controllerAs: 'calendar'
|
||||
}
|
||||
},
|
||||
resolve: {
|
||||
stateEventsBlocks: ['$stateParams', 'sgComponent', function($stateParams, Component) {
|
||||
return Component.$eventsBlocksForWeek($stateParams.day.asDate());
|
||||
}]
|
||||
}
|
||||
});
|
||||
|
||||
$urlRouterProvider.when('/calendar/weekView', function() {
|
||||
// If no date is specified, show today's week
|
||||
var now = new Date();
|
||||
return '/calendar/weekView/' + now.getDayString();
|
||||
});
|
||||
|
||||
// if none of the above states are matched, use this as the fallback
|
||||
$urlRouterProvider.otherwise('/calendar');
|
||||
}])
|
||||
|
||||
.run(function($rootScope) {
|
||||
$rootScope.$on('$routeChangeError', function(event, current, previous, rejection) {
|
||||
console.error(event, current, previous, rejection)
|
||||
})
|
||||
})
|
||||
|
||||
.controller('CalendarsController', ['$scope', '$rootScope', '$stateParams', '$state', '$timeout', '$log', 'sgFocus', 'encodeUriFilter', 'sgDialog', 'sgSettings', 'sgCalendar', 'stateCalendars', function($scope, $rootScope, $stateParams, $state, $timeout, $log, focus, encodeUriFilter, Dialog, Settings, Calendar, stateCalendars) {
|
||||
this.activeUser = Settings.activeUser;
|
||||
this.list = stateCalendars;
|
||||
|
||||
// Dispatch the event named 'calendars:list' when a calendar is activated or deactivated or
|
||||
// when the color of a calendar is changed
|
||||
$scope.$watch(angular.bind(this, function() {
|
||||
return _.map(this.list, function(o) { return _.pick(o, ['id', 'active', 'color']) });
|
||||
}), function(newList, oldList) {
|
||||
// Identify which calendar has changed
|
||||
var ids = _.pluck(_.filter(newList, function(o, i) { return !_.isEqual(o, oldList[i]); }), 'id');
|
||||
if (ids.length > 0) {
|
||||
$log.debug(ids.join(', ') + ' changed');
|
||||
_.each(ids, function(id) {
|
||||
var calendar = _.find(stateCalendars, function(o) { return o.id == id });
|
||||
calendar.$setActivation().then(function() {
|
||||
$scope.$broadcast('calendars:list');
|
||||
});
|
||||
});
|
||||
}
|
||||
}, true); // compare for object equality
|
||||
}])
|
||||
|
||||
.controller('CalendarListController', ['$scope', '$rootScope', '$timeout', 'sgFocus', 'encodeUriFilter', 'sgDialog', 'sgSettings', 'sgCalendar', 'sgComponent', function($scope, $rootScope, $timeout, focus, encodeUriFilter, Dialog, Settings, Calendar, Component) {
|
||||
// Scope variables
|
||||
this.component = Component;
|
||||
this.componentType = null;
|
||||
|
||||
// Switch between components tabs
|
||||
this.selectComponentType = angular.bind(this, function(type, options) {
|
||||
console.debug("selectComponentType " + type);
|
||||
if (options && options.reload || this.componentType != type) {
|
||||
// TODO: save user settings (Calendar.SelectedList)
|
||||
Component.$filter(type);
|
||||
this.componentType = type;
|
||||
}
|
||||
});
|
||||
|
||||
// Refresh current list when the list of calendars is modified
|
||||
$scope.$on('calendars:list', angular.bind(this, function() {
|
||||
Component.$filter(this.componentType);
|
||||
}));
|
||||
|
||||
// Initialization
|
||||
// TODO: should reflect last state userSettings -> Calendar -> SelectedList
|
||||
this.selectedList = 0;
|
||||
this.selectComponentType('events');
|
||||
}])
|
||||
|
||||
.controller('CalendarController', ['$scope', '$state', '$stateParams', '$timeout', '$interval', '$log', 'sgFocus', 'sgCalendar', 'sgComponent', 'stateEventsBlocks', function($scope, $state, $stateParams, $timeout, $interval, $log, focus, Calendar, Component, stateEventsBlocks) {
|
||||
// Scope variables
|
||||
this.blocks = stateEventsBlocks;
|
||||
|
||||
// Change calendar's view
|
||||
this.changeView = function($event) {
|
||||
var date = angular.element($event.currentTarget).attr('date');
|
||||
$state.go('calendars.weekView', { day: date });
|
||||
};
|
||||
|
||||
// Refresh current view when the list of calendars is modified
|
||||
$scope.$on('calendars:list', angular.bind(this, function() {
|
||||
var ctrl = this;
|
||||
Component.$eventsBlocksForWeek($stateParams.day.asDate()).then(function(data) {
|
||||
ctrl.blocks = data;
|
||||
});
|
||||
}));
|
||||
}]);
|
||||
|
||||
})();
|
Loading…
Reference in New Issue