367 lines
14 KiB
JavaScript
367 lines
14 KiB
JavaScript
/* -*- 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', 'ct.ui.router.extras.sticky', 'ct.ui.router.extras.previous', '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.view', {
|
|
url: '/{view:(?:day|week|month)}/:day',
|
|
sticky: true,
|
|
deepStateRedirect: true,
|
|
views: {
|
|
calendarView: {
|
|
templateUrl: function($stateParams) {
|
|
// UI/Templates/SchedulerUI/UIxCalDayView.wox or
|
|
// UI/Templates/SchedulerUI/UIxCalWeekView.wox or
|
|
// UI/Templates/SchedulerUI/UIxCalMonthView.wox
|
|
return $stateParams.view + 'view?day=' + $stateParams.day;
|
|
},
|
|
controller: 'CalendarController',
|
|
controllerAs: 'calendar'
|
|
}
|
|
},
|
|
resolve: {
|
|
stateEventsBlocks: ['$stateParams', 'sgComponent', function($stateParams, Component) {
|
|
return Component.$eventsBlocksForView($stateParams.view, $stateParams.day.asDate());
|
|
}]
|
|
}
|
|
})
|
|
.state('calendars.component', {
|
|
url: '/:calendarId/event/:componentId',
|
|
views: {
|
|
componentEditor: {
|
|
templateUrl: 'UIxAppointmentEditorTemplate',
|
|
controller: 'ComponentController',
|
|
controllerAs: 'editor'
|
|
}
|
|
},
|
|
resolve: {
|
|
stateComponent: ['$stateParams', 'sgCalendar', function($stateParams, Calendar) {
|
|
return Calendar.$get($stateParams.calendarId).$getComponent($stateParams.componentId);
|
|
}]
|
|
}
|
|
});
|
|
|
|
$urlRouterProvider.when('/calendar/day', function() {
|
|
// If no date is specified, show today
|
|
var now = new Date();
|
|
return '/calendar/day/' + now.getDayString();
|
|
})
|
|
$urlRouterProvider.when('/calendar/week', function() {
|
|
// If no date is specified, show today's week
|
|
var now = new Date();
|
|
return '/calendar/week/' + now.getDayString();
|
|
})
|
|
$urlRouterProvider.when('/calendar/month', function() {
|
|
// If no date is specified, show today's month
|
|
var now = new Date();
|
|
return '/calendar/month/' + 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', '$q', '$mdDialog', '$log', 'sgFocus', 'encodeUriFilter', 'sgDialog', 'sgSettings', 'sgCalendar', 'sgUser', 'stateCalendars', function($scope, $rootScope, $stateParams, $state, $timeout, $q, $mdDialog, $log, focus, encodeUriFilter, Dialog, Settings, Calendar, User, stateCalendars) {
|
|
var vm = this;
|
|
|
|
vm.activeUser = Settings.activeUser;
|
|
vm.service = Calendar;
|
|
|
|
// Dispatch the event named 'calendars:list' when a calendar is activated or deactivated or
|
|
// when the color of a calendar is changed
|
|
$scope.$watch(
|
|
function() {
|
|
return _.union(
|
|
_.map(Calendar.$calendars, function(o) { return _.pick(o, ['id', 'active', 'color']) }),
|
|
_.map(Calendar.$subscriptions, 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 = Calendar.$get(id);
|
|
calendar.$setActivation().then(function() {
|
|
$scope.$broadcast('calendars:list');
|
|
});
|
|
});
|
|
}
|
|
},
|
|
true // compare for object equality
|
|
);
|
|
|
|
$scope.newCalendar = function(ev) {
|
|
$mdDialog.show({
|
|
parent: angular.element(document.body),
|
|
targetEvent: ev,
|
|
clickOutsideToClose: true,
|
|
escapeToClose: true,
|
|
template:
|
|
'<md-dialog aria-label="' + l('New calendar') + '">' +
|
|
' <md-dialog-content layout="column">' +
|
|
' <md-input-container>' +
|
|
' <label>' + l('Name of the Calendar') + '</label>' +
|
|
' <input type="text" ng-model="name" required="required"/>' +
|
|
' </md-input-container>' +
|
|
' <div layout="row">' +
|
|
' <md-button ng-click="cancelClicked()">' +
|
|
' Cancel' +
|
|
' </md-button>' +
|
|
' <md-button ng-click="okClicked()" ng-disabled="!name.length">' +
|
|
' OK' +
|
|
' </md-button>' +
|
|
' </div>'+
|
|
' </md-dialog-content>' +
|
|
'</md-dialog>',
|
|
controller: NewCalendarDialogController
|
|
});
|
|
function NewCalendarDialogController(scope, $mdDialog) {
|
|
scope.name = "";
|
|
scope.cancelClicked = function() {
|
|
$mdDialog.hide();
|
|
}
|
|
scope.okClicked = function() {
|
|
var calendar = new Calendar(
|
|
{
|
|
name: scope.name,
|
|
isEditable: true,
|
|
isRemote: false,
|
|
owner: UserLogin
|
|
}
|
|
);
|
|
Calendar.$add(calendar);
|
|
$mdDialog.hide();
|
|
}
|
|
}
|
|
};
|
|
|
|
$scope.share = function(calendar) {
|
|
$mdDialog.show({
|
|
templateUrl: calendar.id + '/UIxAclEditor', // UI/Templates/UIxAclEditor.wox
|
|
controller: CalendarACLController,
|
|
clickOutsideToClose: true,
|
|
escapeToClose: true,
|
|
locals: {
|
|
usersWithACL: calendar.$acl.$users(),
|
|
User: User,
|
|
stateCalendar: calendar,
|
|
q: $q
|
|
}
|
|
});
|
|
function CalendarACLController($scope, $mdDialog, usersWithACL, User, stateCalendar, q) {
|
|
$scope.users = usersWithACL; // ACL users
|
|
$scope.stateCalendar = stateCalendar;
|
|
$scope.userToAdd = '';
|
|
$scope.searchText = '';
|
|
$scope.userFilter = function($query) {
|
|
var deferred = q.defer();
|
|
User.$filter($query).then(function(results) {
|
|
deferred.resolve(results)
|
|
});
|
|
return deferred.promise;
|
|
};
|
|
$scope.closeModal = function() {
|
|
stateCalendar.$acl.$resetUsersRights(); // cancel changes
|
|
$mdDialog.hide();
|
|
};
|
|
$scope.saveModal = function() {
|
|
stateCalendar.$acl.$saveUsersRights().then(function() {
|
|
$mdDialog.hide();
|
|
}, function(data, status) {
|
|
Dialog.alert(l('Warning'), l('An error occured please try again.'));
|
|
});
|
|
};
|
|
$scope.confirmChange = function(user) {
|
|
var confirmation = user.$confirmRights();
|
|
if (confirmation) {
|
|
Dialog.confirm(l('Warning'), confirmation).then(function(res) {
|
|
if (!res)
|
|
user.$resetRights(true);
|
|
});
|
|
}
|
|
};
|
|
$scope.removeUser = function(user) {
|
|
stateCalendar.$acl.$removeUser(user.uid).then(function() {
|
|
if (user.uid == $scope.selectedUser.uid) {
|
|
$scope.selectedUser = null;
|
|
}
|
|
}, function(data, status) {
|
|
Dialog.alert(l('Warning'), l('An error occured please try again.'))
|
|
});
|
|
};
|
|
$scope.addUser = function(data) {
|
|
stateCalendar.$acl.$addUser(data).then(function() {
|
|
$scope.userToAdd = '';
|
|
$scope.searchText = '';
|
|
}, function(error) {
|
|
Dialog.alert(l('Warning'), error);
|
|
});
|
|
};
|
|
$scope.selectUser = function(user) {
|
|
// Check if it is a different user
|
|
if ($scope.selectedUser != user) {
|
|
$scope.selectedUser = user;
|
|
$scope.selectedUser.$rights();
|
|
}
|
|
};
|
|
};
|
|
}
|
|
/**
|
|
* subscribeToFolder - Callback of sgSubscribe directive
|
|
*/
|
|
$scope.subscribeToFolder = function(calendarData) {
|
|
console.debug('subscribeToFolder ' + calendarData.owner + calendarData.name);
|
|
Calendar.$subscribe(calendarData.owner, calendarData.name).catch(function(data) {
|
|
Dialog.alert(l('Warning'), l('An error occured please try again.'));
|
|
});
|
|
};
|
|
}])
|
|
|
|
.controller('CalendarListController', ['$scope', '$rootScope', '$timeout', 'sgFocus', 'encodeUriFilter', 'sgDialog', 'sgSettings', 'sgCalendar', 'sgComponent', '$mdSidenav', function($scope, $rootScope, $timeout, focus, encodeUriFilter, Dialog, Settings, Calendar, Component, $mdSidenav) {
|
|
// 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.view', { view: $stateParams.view, day: date });
|
|
};
|
|
|
|
// Refresh current view when the list of calendars is modified
|
|
$scope.$on('calendars:list', angular.bind(this, function() {
|
|
var ctrl = this;
|
|
Component.$eventsBlocksForView($stateParams.view, $stateParams.day.asDate()).then(function(data) {
|
|
ctrl.blocks = data;
|
|
});
|
|
}));
|
|
}])
|
|
|
|
.controller('ComponentController', ['$scope', '$log', '$timeout', '$state', '$previousState', '$mdSidenav', '$mdDialog', 'sgCalendar', 'sgComponent', 'stateCalendars', 'stateComponent', function($scope, $log, $timeout, $state, $previousState, $mdSidenav, $mdDialog, Calendar, Component, stateCalendars, stateComponent) {
|
|
var vm = this;
|
|
|
|
vm.calendars = stateCalendars;
|
|
vm.event = stateComponent;
|
|
vm.categories = {};
|
|
vm.editRecurrence = editRecurrence;
|
|
vm.cancel = cancel;
|
|
vm.save = save;
|
|
|
|
$scope.$on('$viewContentLoaded', function(event) {
|
|
$timeout(function() {
|
|
$mdSidenav('right').open()
|
|
.then(function() {
|
|
$scope.$watch($mdSidenav('right').isOpen, function(isOpen, wasOpen) {
|
|
if (!isOpen) {
|
|
if ($previousState.get())
|
|
$previousState.go()
|
|
else
|
|
$state.go('calendars');
|
|
}
|
|
});
|
|
});
|
|
}, 100); // don't ask why
|
|
});
|
|
|
|
function editRecurrence($event) {
|
|
$mdDialog.show({
|
|
templateUrl: 'editRecurrence', // UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox
|
|
controller: RecurrenceController
|
|
});
|
|
function RecurrenceController() {
|
|
|
|
}
|
|
}
|
|
|
|
function save(form) {
|
|
if (form.$valid) {
|
|
vm.event.$save()
|
|
.then(function(data) {
|
|
$scope.$emit('calendars:list');
|
|
$mdSidenav('right').close();
|
|
}, function(data, status) {
|
|
console.debug('failed');
|
|
});
|
|
}
|
|
}
|
|
|
|
function cancel() {
|
|
vm.event.$reset();
|
|
if (vm.event.isNew) {
|
|
// Cancelling the creation of a card
|
|
vm.event = null;
|
|
}
|
|
$mdSidenav('right').close();
|
|
}
|
|
}]);
|
|
|
|
})();
|