2018-10-25 16:51:20 +02:00
|
|
|
/* eslint-disable
|
|
|
|
camelcase,
|
|
|
|
handle-callback-err,
|
|
|
|
no-return-assign,
|
|
|
|
no-undef,
|
|
|
|
*/
|
|
|
|
// TODO: This file was created by bulk-decaffeinate.
|
|
|
|
// Fix any style issues and re-enable lint.
|
2018-10-25 16:50:16 +02:00
|
|
|
/*
|
|
|
|
* decaffeinate suggestions:
|
|
|
|
* DS101: Remove unnecessary use of Array.from
|
|
|
|
* DS102: Remove unnecessary code created because of implicit returns
|
|
|
|
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
|
|
|
|
*/
|
2018-11-21 11:08:53 +01:00
|
|
|
'use strict';
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Controller used in the calendar management page
|
|
|
|
*/
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
Application.Controllers.controller('AdminCalendarController', ['$scope', '$state', '$uibModal', 'moment', 'Availability', 'Slot', 'Setting', 'Export', 'growl', 'dialogs', 'bookingWindowStart', 'bookingWindowEnd', 'machinesPromise', '_t', 'uiCalendarConfig', 'CalendarConfig',
|
|
|
|
function ($scope, $state, $uibModal, moment, Availability, Slot, Setting, Export, growl, dialogs, bookingWindowStart, bookingWindowEnd, machinesPromise, _t, uiCalendarConfig, CalendarConfig) {
|
|
|
|
/* PRIVATE STATIC CONSTANTS */
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
// The calendar is divided in slots of 30 minutes
|
2018-11-21 11:08:53 +01:00
|
|
|
const BASE_SLOT = '00:30:00';
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
// The bookings can be positioned every half hours
|
2018-11-21 11:08:53 +01:00
|
|
|
const BOOKING_SNAP = '00:30:00';
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
// We do not allow the creation of slots that are not a multiple of 60 minutes
|
2019-10-29 16:52:52 +01:00
|
|
|
const SLOT_MULTIPLE = Fablab.slotDuration;
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
/* PUBLIC SCOPE */
|
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// list of the FabLab machines
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.machines = machinesPromise;
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// currently selected availability
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.availability = null;
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2019-11-27 12:31:32 +01:00
|
|
|
// corresponding fullCalendar item in the DOM
|
|
|
|
$scope.availabilityDom = null;
|
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// bind the availabilities slots with full-Calendar events
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.eventSources = [];
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.eventSources.push({
|
|
|
|
url: '/api/availabilities',
|
|
|
|
textColor: 'black'
|
2018-11-21 11:08:53 +01:00
|
|
|
});
|
2018-10-25 16:51:20 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// fullCalendar (v2) configuration
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.calendarConfig = CalendarConfig({
|
|
|
|
slotDuration: BASE_SLOT,
|
|
|
|
snapDuration: BOOKING_SNAP,
|
|
|
|
selectable: true,
|
|
|
|
selecHelper: true,
|
|
|
|
minTime: moment.duration(moment(bookingWindowStart.setting.value).format('HH:mm:ss')),
|
|
|
|
maxTime: moment.duration(moment(bookingWindowEnd.setting.value).format('HH:mm:ss')),
|
|
|
|
select (start, end, jsEvent, view) {
|
2018-11-21 11:08:53 +01:00
|
|
|
return calendarSelectCb(start, end, jsEvent, view);
|
2018-10-25 16:51:20 +02:00
|
|
|
},
|
|
|
|
eventClick (event, jsEvent, view) {
|
2018-11-21 11:08:53 +01:00
|
|
|
return calendarEventClickCb(event, jsEvent, view);
|
2018-10-25 16:51:20 +02:00
|
|
|
},
|
|
|
|
eventRender (event, element, view) {
|
2019-11-27 12:31:32 +01:00
|
|
|
return eventRenderCb(event, element, view);
|
|
|
|
},
|
|
|
|
viewRender(view, element) {
|
|
|
|
return viewRenderCb(view, element);
|
2018-10-25 16:51:20 +02:00
|
|
|
},
|
|
|
|
loading (isLoading, view) {
|
2018-11-21 11:08:53 +01:00
|
|
|
return loadingCb(isLoading, view);
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
});
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Open a confirmation modal to cancel the booking of a user for the currently selected event.
|
|
|
|
* @param slot {Object} reservation slot of a user, inherited from $resource
|
|
|
|
*/
|
2018-11-21 10:59:07 +01:00
|
|
|
$scope.cancelBooking = function (slot) {
|
2018-10-25 16:50:16 +02:00
|
|
|
// open a confirmation dialog
|
2018-11-20 12:26:06 +01:00
|
|
|
dialogs.confirm(
|
|
|
|
{
|
|
|
|
resolve: {
|
|
|
|
object () {
|
|
|
|
return {
|
|
|
|
title: _t('admin_calendar.confirmation_required'),
|
|
|
|
msg: _t('admin_calendar.do_you_really_want_to_cancel_the_USER_s_reservation_the_DATE_at_TIME_concerning_RESERVATION'
|
|
|
|
, { GENDER: getGender($scope.currentUser), USER: slot.user.name, DATE: moment(slot.start_at).format('L'), TIME: moment(slot.start_at).format('LT'), RESERVATION: slot.reservable.name }
|
|
|
|
, 'messageformat')
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
|
|
|
}
|
2018-11-20 12:26:06 +01:00
|
|
|
},
|
2018-11-21 10:59:07 +01:00
|
|
|
function () {
|
2018-11-20 12:26:06 +01:00
|
|
|
// the admin has confirmed, cancel the subscription
|
|
|
|
Slot.cancel(
|
|
|
|
{ id: slot.slot_id },
|
|
|
|
function (data, status) { // success
|
|
|
|
// update the canceled_at attribute
|
|
|
|
for (let resa of Array.from($scope.reservations)) {
|
|
|
|
if (resa.slot_id === data.id) {
|
2018-11-21 11:08:53 +01:00
|
|
|
resa.canceled_at = data.canceled_at;
|
|
|
|
break;
|
2018-11-20 12:26:06 +01:00
|
|
|
}
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-20 12:26:06 +01:00
|
|
|
// notify the admin
|
2018-11-21 11:08:53 +01:00
|
|
|
return growl.success(_t('admin_calendar.reservation_was_successfully_cancelled'));
|
2018-11-20 12:26:06 +01:00
|
|
|
},
|
|
|
|
function (data, status) { // failed
|
2018-11-21 11:08:53 +01:00
|
|
|
growl.error(_t('admin_calendar.reservation_cancellation_failed'));
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
);
|
2018-11-20 12:26:06 +01:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
);
|
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Open a confirmation modal to remove a machine for the currently selected availability,
|
|
|
|
* except if it is the last machine of the reservation.
|
|
|
|
* @param machine {Object} must contain the machine ID and name
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.removeMachine = function (machine) {
|
|
|
|
if ($scope.availability.machine_ids.length === 1) {
|
2018-11-21 11:08:53 +01:00
|
|
|
return growl.error(_t('admin_calendar.unable_to_remove_the_last_machine_of_the_slot_delete_the_slot_rather'));
|
2018-10-25 16:51:20 +02:00
|
|
|
} else {
|
2018-10-25 16:50:16 +02:00
|
|
|
// open a confirmation dialog
|
2018-10-25 16:51:20 +02:00
|
|
|
return dialogs.confirm({
|
|
|
|
resolve: {
|
|
|
|
object () {
|
|
|
|
return {
|
|
|
|
title: _t('admin_calendar.confirmation_required'),
|
|
|
|
msg: _t('admin_calendar.do_you_really_want_to_remove_MACHINE_from_this_slot', { GENDER: getGender($scope.currentUser), MACHINE: machine.name }, 'messageformat') + ' ' +
|
2018-10-25 16:50:16 +02:00
|
|
|
_t('admin_calendar.this_will_prevent_any_new_reservation_on_this_slot_but_wont_cancel_those_existing') + ' ' +
|
|
|
|
_t('admin_calendar.beware_this_cannot_be_reverted')
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
|
|
|
}
|
2018-10-25 16:51:20 +02:00
|
|
|
, function () {
|
2018-10-25 16:50:16 +02:00
|
|
|
// the admin has confirmed, remove the machine
|
2018-11-21 11:08:53 +01:00
|
|
|
const machines = $scope.availability.machine_ids;
|
2018-10-25 16:51:20 +02:00
|
|
|
for (let m_id = 0; m_id < machines.length; m_id++) {
|
2018-11-21 11:08:53 +01:00
|
|
|
const key = machines[m_id];
|
2018-10-25 16:51:20 +02:00
|
|
|
if (m_id === machine.id) {
|
2018-11-21 11:08:53 +01:00
|
|
|
machines.splice(key, 1);
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
return Availability.update({ id: $scope.availability.id }, { availability: { machines_attributes: [{ id: machine.id, _destroy: true }] } }
|
|
|
|
, function (data, status) { // success
|
|
|
|
// update the machine_ids attribute
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.availability.machine_ids = data.machine_ids;
|
|
|
|
$scope.availability.title = data.title;
|
|
|
|
uiCalendarConfig.calendars.calendar.fullCalendar('rerenderEvents');
|
2018-10-25 16:51:20 +02:00
|
|
|
// notify the admin
|
2018-11-21 11:08:53 +01:00
|
|
|
return growl.success(_t('admin_calendar.the_machine_was_successfully_removed_from_the_slot'));
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 10:59:07 +01:00
|
|
|
, function (data, status) { // failed
|
2018-11-21 11:08:53 +01:00
|
|
|
growl.error(_t('admin_calendar.deletion_failed'));
|
2018-11-20 12:26:06 +01:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
);
|
|
|
|
});
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Callback to alert the admin that the export request was acknowledged and is
|
|
|
|
* processing right now.
|
|
|
|
*/
|
2018-11-21 10:59:07 +01:00
|
|
|
$scope.alertExport = function (type) {
|
2018-10-25 16:51:20 +02:00
|
|
|
Export.status({ category: 'availabilities', type }).then(function (res) {
|
|
|
|
if (!res.data.exists) {
|
2018-11-21 11:08:53 +01:00
|
|
|
return growl.success(_t('admin_calendar.export_is_running_you_ll_be_notified_when_its_ready'));
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
});
|
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Mark the selected slot as unavailable for new reservations or allow reservations again on it
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.toggleLockReservations = function () {
|
2018-10-25 16:50:16 +02:00
|
|
|
// first, define a shortcut to the lock property
|
2018-11-21 11:08:53 +01:00
|
|
|
const locked = $scope.availability.lock;
|
2018-10-25 16:51:20 +02:00
|
|
|
// then check if we'll allow reservations locking
|
2018-11-21 11:08:53 +01:00
|
|
|
let prevent = !locked; // if currently locked, allow unlock anyway
|
2018-10-25 16:51:20 +02:00
|
|
|
if (!locked) {
|
2018-11-21 11:08:53 +01:00
|
|
|
prevent = false;
|
2018-10-25 16:51:20 +02:00
|
|
|
angular.forEach($scope.reservations, function (r) {
|
2018-10-25 16:50:16 +02:00
|
|
|
if (r.canceled_at === null) {
|
2018-11-21 11:08:53 +01:00
|
|
|
return prevent = true;
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
}); // if currently unlocked and has any non-cancelled reservation, disallow locking
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2018-10-25 16:51:20 +02:00
|
|
|
if (!prevent) {
|
2018-10-25 16:50:16 +02:00
|
|
|
// open a confirmation dialog
|
2018-11-20 12:26:06 +01:00
|
|
|
dialogs.confirm(
|
|
|
|
{
|
|
|
|
resolve: {
|
|
|
|
object () {
|
|
|
|
return {
|
|
|
|
title: _t('admin_calendar.confirmation_required'),
|
|
|
|
msg: locked ? _t('admin_calendar.do_you_really_want_to_allow_reservations') : _t('admin_calendar.do_you_really_want_to_block_this_slot')
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
|
|
|
}
|
2018-11-20 12:26:06 +01:00
|
|
|
},
|
2018-11-21 10:59:07 +01:00
|
|
|
function () {
|
2018-11-20 12:26:06 +01:00
|
|
|
// the admin has confirmed, lock/unlock the slot
|
|
|
|
Availability.lock(
|
|
|
|
{ id: $scope.availability.id },
|
|
|
|
{ lock: !locked },
|
|
|
|
function (data) { // success
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.availability = data;
|
|
|
|
growl.success(locked ? _t('admin_calendar.unlocking_success') : _t('admin_calendar.locking_success'));
|
|
|
|
uiCalendarConfig.calendars.calendar.fullCalendar('refetchEvents');
|
2018-11-20 12:26:06 +01:00
|
|
|
},
|
|
|
|
function (error) { // failed
|
2018-11-21 11:08:53 +01:00
|
|
|
growl.error(locked ? _t('admin_calendar.unlocking_failed') : _t('admin_calendar.locking_failed'));
|
|
|
|
console.error(error);
|
2018-11-20 12:26:06 +01:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
);
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
);
|
2018-10-25 16:51:20 +02:00
|
|
|
} else {
|
2018-11-21 11:08:53 +01:00
|
|
|
return growl.error(_t('admin_calendar.unlockable_because_reservations'));
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Confirm and destroy the slot in $scope.availability
|
|
|
|
*/
|
2018-11-21 10:59:07 +01:00
|
|
|
$scope.removeSlot = function () {
|
2018-11-20 12:26:06 +01:00
|
|
|
// open a confirmation dialog
|
2019-11-18 17:29:51 +01:00
|
|
|
const modalInstance = $uibModal.open({
|
|
|
|
animation: true,
|
|
|
|
templateUrl: '<%= asset_path "admin/calendar/deleteRecurrent.html" %>',
|
|
|
|
size: 'md',
|
|
|
|
controller: 'DeleteRecurrentAvailabilityController',
|
|
|
|
resolve: {
|
|
|
|
availabilityPromise: ['Availability', function (Availability) { return Availability.get({ id: $scope.availability.id }).$promise; }]
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2019-11-18 17:29:51 +01:00
|
|
|
});
|
|
|
|
// once the dialog was closed, do things depending on the result
|
|
|
|
modalInstance.result.then(function (res) {
|
|
|
|
if (res.status == 'success') {
|
|
|
|
$scope.availability = null;
|
|
|
|
}
|
|
|
|
for (const availability of res.availabilities) {
|
|
|
|
uiCalendarConfig.calendars.calendar.fullCalendar('removeEvents', availability);
|
|
|
|
}
|
|
|
|
});
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
/* PRIVATE SCOPE */
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Return an enumerable meaninful string for the gender of the provider user
|
|
|
|
* @param user {Object} Database user record
|
|
|
|
* @return {string} 'male' or 'female'
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
var getGender = function (user) {
|
2019-06-04 13:33:00 +02:00
|
|
|
if (user.statistic_profile) {
|
|
|
|
if (user.statistic_profile.gender === 'true') { return 'male'; } else { return 'female'; }
|
2018-11-21 11:08:53 +01:00
|
|
|
} else { return 'other'; }
|
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
// Triggered when the admin drag on the agenda to create a new reservable slot.
|
|
|
|
// @see http://fullcalendar.io/docs/selection/select_callback/
|
2018-11-21 10:59:07 +01:00
|
|
|
//
|
2018-10-25 16:51:20 +02:00
|
|
|
var calendarSelectCb = function (start, end, jsEvent, view) {
|
2018-11-21 11:08:53 +01:00
|
|
|
start = moment.tz(start.toISOString(), Fablab.timezone);
|
|
|
|
end = moment.tz(end.toISOString(), Fablab.timezone);
|
2019-10-23 17:48:31 +02:00
|
|
|
|
|
|
|
// check if slot is not in the past
|
|
|
|
const today = new Date();
|
|
|
|
if (Math.trunc((start.valueOf() - today) / (60 * 1000)) < 0) {
|
|
|
|
growl.warning(_t('admin_calendar.event_in_the_past'));
|
|
|
|
return uiCalendarConfig.calendars.calendar.fullCalendar('unselect');
|
|
|
|
}
|
|
|
|
|
2019-10-30 15:09:44 +01:00
|
|
|
// check that the selected slot is an multiple of SLOT_MULTIPLE (ie. not decimal)
|
2019-10-23 17:48:31 +02:00
|
|
|
const slots = Math.trunc((end.valueOf() - start.valueOf()) / (60 * 1000)) / SLOT_MULTIPLE;
|
|
|
|
if (!Number.isInteger(slots)) {
|
2019-10-30 15:09:44 +01:00
|
|
|
// otherwise, round it to upper decimal
|
|
|
|
const upper = Math.ceil(slots) * SLOT_MULTIPLE;
|
|
|
|
end = moment(start).add(upper, 'minutes');
|
2019-10-23 17:48:31 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// then we open a modal window to let the admin specify the slot type
|
|
|
|
const modalInstance = $uibModal.open({
|
|
|
|
templateUrl: '<%= asset_path "admin/calendar/eventModal.html" %>',
|
|
|
|
controller: 'CreateEventModalController',
|
|
|
|
resolve: {
|
|
|
|
start () { return start; },
|
|
|
|
end () { return end; },
|
|
|
|
machinesPromise: ['Machine', function (Machine) { return Machine.query().$promise; }],
|
|
|
|
trainingsPromise: ['Training', function (Training) { return Training.query().$promise; }],
|
2019-11-13 10:59:10 +01:00
|
|
|
spacesPromise: ['Space', function (Space) { return Space.query().$promise; }],
|
|
|
|
tagsPromise: ['Tag', function (Tag) { return Tag.query().$promise; }]
|
2019-10-23 17:48:31 +02:00
|
|
|
} });
|
|
|
|
// when the modal is closed, we send the slot to the server for saving
|
|
|
|
modalInstance.result.then(
|
|
|
|
function (availability) {
|
|
|
|
uiCalendarConfig.calendars.calendar.fullCalendar(
|
|
|
|
'renderEvent',
|
|
|
|
{
|
|
|
|
id: availability.id,
|
|
|
|
title: availability.title,
|
|
|
|
start: availability.start_at,
|
|
|
|
end: availability.end_at,
|
|
|
|
textColor: 'black',
|
|
|
|
backgroundColor: availability.backgroundColor,
|
|
|
|
borderColor: availability.borderColor,
|
|
|
|
tag_ids: availability.tag_ids,
|
|
|
|
tags: availability.tags,
|
|
|
|
machine_ids: availability.machine_ids
|
2018-11-20 12:26:06 +01:00
|
|
|
},
|
2019-10-23 17:48:31 +02:00
|
|
|
true
|
2018-11-21 11:08:53 +01:00
|
|
|
);
|
2019-10-23 17:48:31 +02:00
|
|
|
},
|
|
|
|
function () { uiCalendarConfig.calendars.calendar.fullCalendar('unselect'); }
|
|
|
|
);
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-21 11:08:53 +01:00
|
|
|
return uiCalendarConfig.calendars.calendar.fullCalendar('unselect');
|
|
|
|
};
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Triggered when the admin clicks on a availability slot in the agenda.
|
|
|
|
* @see http://fullcalendar.io/docs/mouse/eventClick/
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
var calendarEventClickCb = function (event, jsEvent, view) {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.availability = event;
|
2018-10-25 16:51:20 +02:00
|
|
|
|
2019-11-27 12:31:32 +01:00
|
|
|
if ($scope.availabilityDom) {
|
|
|
|
$scope.availabilityDom.classList.remove("fc-selected")
|
|
|
|
}
|
|
|
|
$scope.availabilityDom = jsEvent.target.closest('.fc-event');
|
|
|
|
$scope.availabilityDom.classList.add("fc-selected")
|
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
// if the user has clicked on the delete event button, delete the event
|
|
|
|
if ($(jsEvent.target).hasClass('remove-event')) {
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.removeSlot();
|
2018-10-25 16:51:20 +02:00
|
|
|
// if the user has only clicked on the event, display its reservations
|
|
|
|
} else {
|
2018-11-21 11:08:53 +01:00
|
|
|
return Availability.reservations({ id: event.id }, function (reservations) { $scope.reservations = reservations; });
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2016-10-05 11:06:58 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Triggered when fullCalendar tries to graphicaly render an event block.
|
|
|
|
* Append the event tag into the block, just after the event title.
|
|
|
|
* @see http://fullcalendar.io/docs/event_rendering/eventRender/
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
var eventRenderCb = function (event, element) {
|
2019-11-25 14:49:39 +01:00
|
|
|
if (event.available_type !== 'event') {
|
|
|
|
element.find('.fc-content').prepend('<span class="remove-event">x </span>');
|
|
|
|
}
|
2018-10-25 16:51:20 +02:00
|
|
|
if (event.tags.length > 0) {
|
2018-11-21 11:08:53 +01:00
|
|
|
let html = '';
|
2018-10-25 16:51:20 +02:00
|
|
|
for (let tag of Array.from(event.tags)) {
|
2018-11-21 11:08:53 +01:00
|
|
|
html += `<span class='label label-success text-white'>${tag.name}</span> `;
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
element.find('.fc-title').append(`<br/>${html}`);
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
|
|
|
// force return to prevent coffee-script auto-return to return random value (possiblity falsy)
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2016-10-05 11:06:58 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Triggered when resource fetching starts/stops.
|
|
|
|
* @see https://fullcalendar.io/docs/resource_data/loading/
|
|
|
|
*/
|
2019-11-27 12:31:32 +01:00
|
|
|
const loadingCb = function (isLoading, view) {
|
2018-10-25 16:51:20 +02:00
|
|
|
if (isLoading) {
|
2019-11-27 12:31:32 +01:00
|
|
|
// we remove existing events when fetching starts to prevent duplicates
|
|
|
|
uiCalendarConfig.calendars.calendar.fullCalendar('removeEvents');
|
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2019-11-27 12:31:32 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Triggered when the view is changed
|
|
|
|
* @see https://fullcalendar.io/docs/v3/viewRender#v2
|
|
|
|
*/
|
|
|
|
const viewRenderCb = function(view, element) {
|
|
|
|
// we unselect the current event to keep consistency
|
|
|
|
$scope.availability = null;
|
|
|
|
$scope.availabilityDom = null;
|
|
|
|
};
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-21 11:08:53 +01:00
|
|
|
]);
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Controller used in the slot creation modal window
|
|
|
|
*/
|
2019-11-13 10:59:10 +01:00
|
|
|
Application.Controllers.controller('CreateEventModalController', ['$scope', '$uibModalInstance', '$sce', 'moment', 'start', 'end', 'machinesPromise', 'Availability', 'trainingsPromise', 'spacesPromise', 'tagsPromise', 'growl', '_t',
|
|
|
|
function ($scope, $uibModalInstance, $sce, moment, start, end, machinesPromise, Availability, trainingsPromise, spacesPromise, tagsPromise, growl, _t) {
|
2018-11-19 16:17:49 +01:00
|
|
|
// $uibModal parameter
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.start = start;
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// $uibModal parameter
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.end = end;
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// machines list
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.machines = machinesPromise.filter(function (m) { return !m.disabled; });
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// trainings list
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.trainings = trainingsPromise.filter(function (t) { return !t.disabled; });
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// spaces list
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.spaces = spacesPromise.filter(function (s) { return !s.disabled; });
|
2017-02-15 11:32:29 +01:00
|
|
|
|
2019-11-13 10:59:10 +01:00
|
|
|
// all tags list
|
|
|
|
$scope.tags = tagsPromise;
|
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// machines associated with the created slot
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.selectedMachines = [];
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// training associated with the created slot
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.selectedTraining = null;
|
2016-03-23 18:39:41 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// space associated with the created slot
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.selectedSpace = null;
|
2017-02-15 11:32:29 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// UI step
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.step = 1;
|
2017-02-15 11:32:29 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// the user is not able to edit the ending time of the availability, unless he set the type to 'training'
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.endDateReadOnly = true;
|
2017-02-15 11:32:29 +01:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// timepickers configuration
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.timepickers = {
|
|
|
|
start: {
|
|
|
|
hstep: 1,
|
|
|
|
mstep: 5
|
|
|
|
},
|
|
|
|
end: {
|
|
|
|
hstep: 1,
|
|
|
|
mstep: 5
|
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// slot details
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.availability = {
|
|
|
|
start_at: start,
|
|
|
|
end_at: end,
|
2019-11-12 16:28:10 +01:00
|
|
|
available_type: 'machines', // default
|
2019-11-13 10:59:10 +01:00
|
|
|
tag_ids: [],
|
2019-11-12 16:28:10 +01:00
|
|
|
is_recurrent: false,
|
|
|
|
period: 'week',
|
|
|
|
nb_periods: 1,
|
|
|
|
end_date: undefined // recurrence end
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2019-11-12 16:28:10 +01:00
|
|
|
// recurrent slots
|
|
|
|
$scope.occurrences = [];
|
|
|
|
|
|
|
|
// localized name(s) of the reservable item(s)
|
|
|
|
$scope.reservableName = '';
|
|
|
|
|
2019-11-13 10:59:10 +01:00
|
|
|
// localized name(s) of the selected tag(s)
|
|
|
|
$scope.tagsName = '';
|
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Adds or removes the provided machine from the current slot
|
|
|
|
* @param machine {Object}
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.toggleSelection = function (machine) {
|
2018-11-21 11:08:53 +01:00
|
|
|
const index = $scope.selectedMachines.indexOf(machine);
|
2018-10-25 16:51:20 +02:00
|
|
|
if (index > -1) {
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.selectedMachines.splice(index, 1);
|
2018-10-25 16:50:16 +02:00
|
|
|
} else {
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.selectedMachines.push(machine);
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Callback for the modal window validation: save the slot and closes the modal
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.ok = function () {
|
|
|
|
if ($scope.availability.available_type === 'machines') {
|
|
|
|
if ($scope.selectedMachines.length > 0) {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.availability.machine_ids = $scope.selectedMachines.map(function (m) { return m.id; });
|
2018-10-25 16:51:20 +02:00
|
|
|
} else {
|
2018-11-21 11:08:53 +01:00
|
|
|
growl.error(_t('admin_calendar.you_should_select_at_least_a_machine'));
|
|
|
|
return;
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
|
|
|
} else if ($scope.availability.available_type === 'training') {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.availability.training_ids = [$scope.selectedTraining.id];
|
2018-10-25 16:51:20 +02:00
|
|
|
} else if ($scope.availability.available_type === 'space') {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.availability.space_ids = [$scope.selectedSpace.id];
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2019-11-13 12:13:22 +01:00
|
|
|
if ($scope.availability.is_recurrent) {
|
|
|
|
$scope.availability.occurrences = $scope.occurrences;
|
|
|
|
}
|
2018-10-25 16:51:20 +02:00
|
|
|
return Availability.save(
|
2019-11-13 12:13:22 +01:00
|
|
|
{ availability: $scope.availability },
|
|
|
|
function (availability) { $uibModalInstance.close(availability); }
|
|
|
|
);
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Move the modal UI to the next step
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.next = function () {
|
2018-11-21 11:08:53 +01:00
|
|
|
if ($scope.step === 1) { $scope.setNbTotalPlaces(); }
|
2019-11-12 14:25:28 +01:00
|
|
|
if ($scope.step === 2) { return validateSelection(); }
|
|
|
|
if ($scope.step === 4) { return validateRecurrence(); }
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.step++;
|
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Move the modal UI to the next step
|
|
|
|
*/
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.previous = function () { return $scope.step--; };
|
2018-10-25 16:51:20 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Callback to cancel the slot creation
|
|
|
|
*/
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.cancel = function () { $uibModalInstance.dismiss('cancel'); };
|
2018-10-25 16:51:20 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* For training avaiabilities, set the maximum number of people allowed to register on this slot
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.setNbTotalPlaces = function () {
|
|
|
|
if ($scope.availability.available_type === 'training') {
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.availability.nb_total_places = $scope.selectedTraining.nb_total_places;
|
2018-10-25 16:51:20 +02:00
|
|
|
} else if ($scope.availability.available_type === 'space') {
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.availability.nb_total_places = $scope.selectedSpace.default_places;
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2018-10-25 16:51:20 +02:00
|
|
|
/* PRIVATE SCOPE */
|
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
/**
|
|
|
|
* Kind of constructor: these actions will be realized first when the controller is loaded
|
|
|
|
*/
|
2018-10-25 16:51:20 +02:00
|
|
|
const initialize = function () {
|
|
|
|
if ($scope.trainings.length > 0) {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.selectedTraining = $scope.trainings[0];
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
2018-10-25 16:51:20 +02:00
|
|
|
if ($scope.spaces.length > 0) {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.selectedSpace = $scope.spaces[0];
|
2018-10-25 16:50:16 +02:00
|
|
|
}
|
|
|
|
|
2019-10-30 15:09:44 +01:00
|
|
|
// When we configure a machine/space availability, do not let the user change the end time, as the total
|
|
|
|
// time must be dividable by Fablab.slotDuration minutes (base slot duration). For training availabilities, the user
|
2018-11-19 16:17:49 +01:00
|
|
|
// can configure any duration as it does not matters.
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.$watch('availability.available_type', function (newValue, oldValue, scope) {
|
|
|
|
if ((newValue === 'machines') || (newValue === 'space')) {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.endDateReadOnly = true;
|
2019-10-30 15:09:44 +01:00
|
|
|
const slots = Math.trunc(($scope.end.valueOf() - $scope.start.valueOf()) / (60 * 1000)) / Fablab.slotDuration;
|
|
|
|
if (!Number.isInteger(slots)) {
|
|
|
|
// otherwise, round it to upper decimal
|
|
|
|
const upper = Math.ceil(slots) * Fablab.slotDuration;
|
|
|
|
$scope.end = moment($scope.start).add(upper, 'minutes').toDate();
|
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.availability.end_at = $scope.end;
|
2018-10-25 16:51:20 +02:00
|
|
|
} else {
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.endDateReadOnly = false;
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
});
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2019-10-30 15:09:44 +01:00
|
|
|
// When the start date is changed, if we are configuring a machine/space availability,
|
2018-11-19 16:17:49 +01:00
|
|
|
// maintain the relative length of the slot (ie. change the end time accordingly)
|
2018-10-25 16:51:20 +02:00
|
|
|
$scope.$watch('start', function (newValue, oldValue, scope) {
|
|
|
|
// for machine or space availabilities, adjust the end time
|
|
|
|
if (($scope.availability.available_type === 'machines') || ($scope.availability.available_type === 'space')) {
|
2018-11-21 11:08:53 +01:00
|
|
|
end = moment($scope.end);
|
|
|
|
end.add(moment(newValue).diff(oldValue), 'milliseconds');
|
|
|
|
$scope.end = end.toDate();
|
2018-10-25 16:51:20 +02:00
|
|
|
} else { // for training availabilities
|
2019-11-12 14:25:28 +01:00
|
|
|
// prevent the admin from setting the beginning after the end
|
|
|
|
if (moment(newValue).add(Fablab.slotDuration, 'minutes').isAfter($scope.end)) {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.start = oldValue;
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
// update availability object
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.availability.start_at = $scope.start;
|
|
|
|
});
|
2018-10-25 16:51:20 +02:00
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// Maintain consistency between the end time and the date object in the availability object
|
2018-10-25 16:51:20 +02:00
|
|
|
return $scope.$watch('end', function (newValue, oldValue, scope) {
|
2019-11-12 14:25:28 +01:00
|
|
|
// we prevent the admin from setting the end of the availability before its beginning
|
2019-10-30 15:09:44 +01:00
|
|
|
if (moment($scope.start).add(Fablab.slotDuration, 'minutes').isAfter(newValue)) {
|
2018-11-21 11:08:53 +01:00
|
|
|
$scope.end = oldValue;
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
|
|
|
// update availability object
|
2018-11-21 11:08:53 +01:00
|
|
|
return $scope.availability.end_at = $scope.end;
|
|
|
|
});
|
|
|
|
};
|
2018-10-25 16:50:16 +02:00
|
|
|
|
2019-11-12 14:25:28 +01:00
|
|
|
/**
|
|
|
|
* Validates that a machine or more was/were selected before continuing to step 3 (adjust time + tags)
|
|
|
|
*/
|
|
|
|
const validateSelection = function () {
|
|
|
|
if ($scope.availability.available_type === 'machines') {
|
|
|
|
if ($scope.selectedMachines.length === 0) {
|
|
|
|
return growl.error(_t('admin_calendar.you_should_select_at_least_a_machine'));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$scope.step++;
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Validates that the recurrence parameters were correctly set before continuing to step 5 (summary)
|
|
|
|
*/
|
|
|
|
const validateRecurrence = function () {
|
|
|
|
if ($scope.availability.is_recurrent) {
|
|
|
|
if (!$scope.availability.period) {
|
|
|
|
return growl.error(_t('admin_calendar.select_period'));
|
|
|
|
}
|
|
|
|
if (!$scope.availability.nb_periods) {
|
|
|
|
return growl.error(_t('admin_calendar.select_nb_period'));
|
|
|
|
}
|
|
|
|
if (!$scope.availability.end_date) {
|
|
|
|
return growl.error(_t('admin_calendar.select_end_date'));
|
|
|
|
}
|
|
|
|
}
|
2019-11-12 16:28:10 +01:00
|
|
|
// settings are ok
|
|
|
|
computeOccurrences();
|
2019-11-13 10:59:10 +01:00
|
|
|
computeNames();
|
2019-11-12 14:25:28 +01:00
|
|
|
$scope.step++;
|
|
|
|
};
|
|
|
|
|
2019-11-12 16:28:10 +01:00
|
|
|
/**
|
|
|
|
* Compute the various occurrences of the availability, according to the recurrence settings
|
|
|
|
*/
|
|
|
|
const computeOccurrences = function () {
|
|
|
|
$scope.occurrences = [];
|
|
|
|
|
|
|
|
if ($scope.availability.is_recurrent) {
|
|
|
|
const date = moment($scope.availability.start_at);
|
2019-11-18 11:50:20 +01:00
|
|
|
const diff = moment($scope.availability.end_at).diff($scope.availability.start_at);
|
2019-11-12 16:28:10 +01:00
|
|
|
const end = moment($scope.availability.end_date).endOf('day');
|
|
|
|
while (date.isBefore(end)) {
|
|
|
|
const occur_end = moment(date).add(diff, 'ms');
|
|
|
|
$scope.occurrences.push({
|
|
|
|
start_at: date.toDate(),
|
|
|
|
end_at: occur_end.toDate()
|
|
|
|
});
|
|
|
|
date.add($scope.availability.nb_periods, $scope.availability.period);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
$scope.occurrences.push({
|
|
|
|
start_at: $scope.availability.start_at,
|
|
|
|
end_at: $scope.availability.end_at
|
|
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2019-11-13 10:59:10 +01:00
|
|
|
const computeNames = function () {
|
2019-11-12 16:28:10 +01:00
|
|
|
$scope.reservableName = '';
|
|
|
|
switch ($scope.availability.available_type) {
|
|
|
|
case 'machines':
|
2019-11-13 10:59:10 +01:00
|
|
|
$scope.reservableName = localizedList($scope.selectedMachines)
|
2019-11-12 16:28:10 +01:00
|
|
|
break;
|
|
|
|
case 'training':
|
2019-11-13 10:59:10 +01:00
|
|
|
$scope.reservableName = `<strong>${$scope.selectedTraining.name}</strong>`;
|
2019-11-12 16:28:10 +01:00
|
|
|
break;
|
|
|
|
case 'space':
|
2019-11-13 10:59:10 +01:00
|
|
|
$scope.reservableName = `<strong>${$scope.selectedSpace.name}</strong>`;
|
2019-11-12 16:28:10 +01:00
|
|
|
break;
|
|
|
|
default:
|
2019-11-13 10:59:10 +01:00
|
|
|
$scope.reservableName = `<span class="warning">${_t("admin_calendar.none")}</span>`;
|
2019-11-12 16:28:10 +01:00
|
|
|
}
|
2019-11-13 10:59:10 +01:00
|
|
|
const tags = $scope.tags.filter(function (t) {
|
|
|
|
return $scope.availability.tag_ids.indexOf(t.id) > -1;
|
|
|
|
})
|
|
|
|
$scope.tagsName = localizedList(tags);
|
|
|
|
}
|
|
|
|
|
|
|
|
const localizedList = function (items) {
|
|
|
|
if (items.length === 0) return `<span class="text-gray text-italic">${_t("admin_calendar.none")}</span>`;
|
|
|
|
|
|
|
|
const names = items.map(function (i) { return $sce.trustAsHtml(`<strong>${i.name}</strong>`); });
|
|
|
|
if (items.length > 1) return names.slice(0, -1).join(', ') + ` ${_t('and')} ` + names[names.length - 1];
|
|
|
|
|
|
|
|
return names[0];
|
2019-11-12 16:28:10 +01:00
|
|
|
}
|
|
|
|
|
2018-11-19 16:17:49 +01:00
|
|
|
// !!! MUST BE CALLED AT THE END of the controller
|
2018-11-21 11:08:53 +01:00
|
|
|
return initialize();
|
2018-10-25 16:51:20 +02:00
|
|
|
}
|
2018-11-21 11:08:53 +01:00
|
|
|
]);
|
2019-11-18 17:29:51 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Controller used in the slot deletion modal window
|
|
|
|
*/
|
|
|
|
Application.Controllers.controller('DeleteRecurrentAvailabilityController', ['$scope', '$uibModalInstance', 'Availability', 'availabilityPromise', 'growl', '_t',
|
|
|
|
function ($scope, $uibModalInstance, Availability, availabilityPromise, growl, _t) {
|
|
|
|
|
|
|
|
// is the current slot (to be deleted) recurrent?
|
|
|
|
$scope.isRecurrent = availabilityPromise.is_recurrent;
|
|
|
|
|
|
|
|
// with recurrent slots: how many slots should we delete?
|
|
|
|
$scope.deleteMode = 'single';
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Confirmation callback
|
|
|
|
*/
|
|
|
|
$scope.ok = function () {
|
|
|
|
const { id, start_at, end_at } = availabilityPromise;
|
|
|
|
// the admin has confirmed, delete the slot
|
|
|
|
Availability.delete(
|
|
|
|
{ id, mode: $scope.deleteMode },
|
|
|
|
function (res) {
|
|
|
|
// delete success
|
|
|
|
if (res.deleted > 1) {
|
|
|
|
growl.success(_t(
|
|
|
|
'admin_calendar.slots_deleted',
|
|
|
|
{START: moment(start_at).format('LL LT'), COUNT: res.deleted - 1},
|
|
|
|
'messageformat'
|
|
|
|
));
|
|
|
|
} else {
|
|
|
|
growl.success(_t(
|
|
|
|
'admin_calendar.slot_successfully_deleted',
|
|
|
|
{START: moment(start_at).format('LL LT'), END: moment(end_at).format('LT')}
|
|
|
|
));
|
|
|
|
}
|
|
|
|
$uibModalInstance.close({
|
|
|
|
status: 'success',
|
|
|
|
availabilities: res.details.map(function (d) { return d.availability.id })
|
|
|
|
});
|
|
|
|
},
|
|
|
|
function (res) {
|
|
|
|
// not everything was deleted
|
|
|
|
const { data } = res;
|
|
|
|
if (data.total > 1) {
|
|
|
|
growl.warning(_t(
|
|
|
|
'admin_calendar.slots_not_deleted',
|
|
|
|
{TOTAL: data.total, COUNT: data.total - data.deleted},
|
|
|
|
'messageformat'
|
|
|
|
));
|
|
|
|
} else {
|
|
|
|
growl.error(_t(
|
|
|
|
'admin_calendar.unable_to_delete_the_slot',
|
|
|
|
{START: moment(start_at).format('LL LT'), END: moment(end_at).format('LT')}
|
|
|
|
));
|
|
|
|
}
|
|
|
|
$uibModalInstance.close({
|
|
|
|
status: 'failed',
|
|
|
|
availabilities: data.details.filter(function (d) { return d.status }).map(function (d) { return d.availability.id })
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Cancellation callback
|
|
|
|
*/
|
|
|
|
$scope.cancel = function () {
|
|
|
|
$uibModalInstance.dismiss('cancel');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]);
|
2019-11-27 16:17:32 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Controller used in the iCalendar (ICS) imports management page
|
|
|
|
*/
|
|
|
|
|
2019-11-27 17:39:19 +01:00
|
|
|
Application.Controllers.controller('AdminICalendarController', ['$scope', 'iCalendars', 'ICalendar', 'growl', '_t',
|
|
|
|
function ($scope, iCalendars, ICalendar, growl, _t) {
|
2019-11-27 16:17:32 +01:00
|
|
|
// list of ICS sources
|
2019-11-27 17:05:19 +01:00
|
|
|
$scope.calendars = iCalendars;
|
2019-11-27 16:17:32 +01:00
|
|
|
|
|
|
|
// configuration of a new ICS source
|
|
|
|
$scope.newCalendar = {
|
|
|
|
color: undefined,
|
|
|
|
textColor: undefined,
|
|
|
|
url: undefined,
|
2019-11-27 17:39:19 +01:00
|
|
|
name: undefined,
|
2019-11-27 16:17:32 +01:00
|
|
|
textHidden: false
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Save the new iCalendar in database
|
|
|
|
*/
|
|
|
|
$scope.save = function () {
|
2019-11-27 17:39:19 +01:00
|
|
|
ICalendar.save({}, { i_calendar: $scope.newCalendar }, function (data) {
|
|
|
|
// success
|
|
|
|
$scope.calendars.push(data);
|
|
|
|
$scope.newCalendar.url = undefined;
|
|
|
|
$scope.newCalendar.name = undefined;
|
|
|
|
$scope.newCalendar.color = null;
|
|
|
|
$scope.newCalendar.textColor = null;
|
|
|
|
$scope.newCalendar.textHidden = false;
|
|
|
|
}, function (error) {
|
|
|
|
// failed
|
|
|
|
growl.error(_t('icalendar.create_error'));
|
|
|
|
console.error(error);
|
|
|
|
})
|
2019-11-27 16:17:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Return a CSS-like style of the given calendar configuration
|
|
|
|
* @param calendar
|
|
|
|
*/
|
|
|
|
$scope.calendarStyle = function (calendar) {
|
|
|
|
return {
|
|
|
|
'border-color': calendar.color,
|
|
|
|
'color': calendar.textColor,
|
|
|
|
'width': calendar.textHidden ? '50px' : 'auto',
|
|
|
|
'height': calendar.textHidden ? '21px' : 'auto'
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Delete the given calendar from the database
|
|
|
|
* @param calendar
|
|
|
|
*/
|
|
|
|
$scope.delete = function (calendar) {
|
|
|
|
const idx = $scope.calendars.indexOf(calendar);
|
|
|
|
$scope.calendars.splice(idx, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]);
|