1
0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2024-12-04 15:24:23 +01:00
fab-manager/app/assets/javascripts/controllers/admin/members.js.erb
2018-11-19 16:17:49 +01:00

622 lines
21 KiB
Plaintext

/* eslint-disable
handle-callback-err,
no-return-assign,
no-self-assign,
no-undef,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
* decaffeinate suggestions:
* DS101: Remove unnecessary use of Array.from
* DS102: Remove unnecessary code created because of implicit returns
* DS207: Consider shorter variations of null checks
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
*/
'use strict'
/* COMMON CODE */
/**
* Provides a set of common properties and methods to the $scope parameter. They are used
* in the various members' admin controllers.
*
* Provides :
* - $scope.groups = [{Group}]
* - $scope.trainings = [{Training}]
* - $scope.plans = []
* - $scope.datePicker = {}
* - $scope.submited(content)
* - $scope.cancel()
* - $scope.fileinputClass(v)
* - $scope.openDatePicker($event)
* - $scope.openSubscriptionDatePicker($event)
*
* Requires :
* - $state (Ui-Router) [ 'app.admin.members' ]
*/
class MembersController {
constructor ($scope, $state, Group, Training) {
// Retrieve the profiles groups (eg. students ...)
Group.query(groups => $scope.groups = groups.filter(g => (g.slug !== 'admins') && !g.disabled))
// Retrieve the list of available trainings
Training.query().$promise.then(data =>
$scope.trainings = data.map(d =>
({
id: d.id,
name: d.name,
disabled: d.disabled
})
)
)
// Default parameters for AngularUI-Bootstrap datepicker
$scope.datePicker = {
format: Fablab.uibDateFormat,
opened: false, // default: datePicker is not shown
subscription_date_opened: false,
options: {
startingDay: Fablab.weekStartingDay
}
}
/**
* Shows the birth day datepicker
* @param $event {Object} jQuery event object
*/
$scope.openDatePicker = function ($event) {
$event.preventDefault()
$event.stopPropagation()
return $scope.datePicker.opened = true
}
/**
* Shows the end of subscription datepicker
* @param $event {Object} jQuery event object
*/
$scope.openSubscriptionDatePicker = function ($event) {
$event.preventDefault()
$event.stopPropagation()
return $scope.datePicker.subscription_date_opened = true
}
/**
* For use with ngUpload (https://github.com/twilson63/ngUpload).
* Intended to be the callback when an upload is done: any raised error will be stacked in the
* $scope.alerts array. If everything goes fine, the user is redirected to the members listing page.
* @param content {Object} JSON - The upload's result
*/
$scope.submited = function (content) {
if ((content.id == null)) {
$scope.alerts = []
return angular.forEach(content, (v, k) =>
angular.forEach(v, err =>
$scope.alerts.push({
msg: k + ': ' + err,
type: 'danger'
})
)
)
} else {
return $state.go('app.admin.members')
}
}
/**
* Changes the admin's view to the members list page
*/
$scope.cancel = () => $state.go('app.admin.members')
/**
* For use with 'ng-class', returns the CSS class name for the uploads previews.
* The preview may show a placeholder or the content of the file depending on the upload state.
* @param v {*} any attribute, will be tested for truthiness (see JS evaluation rules)
*/
$scope.fileinputClass = function (v) {
if (v) {
return 'fileinput-exists'
} else {
return 'fileinput-new'
}
}
}
}
/**
* Controller used in the members/groups management page
*/
Application.Controllers.controller('AdminMembersController', ['$scope', '$sce', 'membersPromise', 'adminsPromise', 'growl', 'Admin', 'dialogs', '_t', 'Member', 'Export',
function ($scope, $sce, membersPromise, adminsPromise, growl, Admin, dialogs, _t, Member, Export) {
/* PRIVATE STATIC CONSTANTS */
// number of users loaded each time we click on 'load more...'
const USERS_PER_PAGE = 20
/* PUBLIC SCOPE */
// members list
$scope.members = membersPromise
$scope.member = {
// Members plain-text filtering. Default: not filtered
searchText: '',
// Members ordering/sorting. Default: not sorted
order: 'id',
// currently displayed page of members
page: 1,
// true when all members where loaded
noMore: false
}
// admins list
$scope.admins = adminsPromise.admins
// Admins ordering/sorting. Default: not sorted
$scope.orderAdmin = null
/**
* Change the members ordering criterion to the one provided
* @param orderBy {string} ordering criterion
*/
$scope.setOrderMember = function (orderBy) {
if ($scope.member.order === orderBy) {
$scope.member.order = `-${orderBy}`
} else {
$scope.member.order = orderBy
}
resetSearchMember()
return memberSearch()
}
/**
* Change the admins ordering criterion to the one provided
* @param orderBy {string} ordering criterion
*/
$scope.setOrderAdmin = function (orderAdmin) {
if ($scope.orderAdmin === orderAdmin) {
return $scope.orderAdmin = `-${orderAdmin}`
} else {
return $scope.orderAdmin = orderAdmin
}
}
/**
* Ask for confirmation then delete the specified administrator
* @param admins {Array} full list of administrators
* @param admin {Object} administrator to delete
*/
$scope.destroyAdmin = (admins, admin) =>
dialogs.confirm({
resolve: {
object () {
return {
title: _t('confirmation_required'),
msg: $sce.trustAsHtml(_t('do_you_really_want_to_delete_this_administrator_this_cannot_be_undone') + '<br/><br/>' + _t('this_may_take_a_while_please_wait'))
}
}
}
}
, () => // cancel confirmed
Admin.delete({ id: admin.id }, function () {
admins.splice(findAdminIdxById(admins, admin.id), 1)
return growl.success(_t('administrator_successfully_deleted'))
}
, error => growl.error(_t('unable_to_delete_the_administrator')))
)
/**
* Callback for the 'load more' button.
* Will load the next results of the current search, if any
*/
$scope.showNextMembers = function () {
$scope.member.page += 1
return memberSearch(true)
}
/**
* Callback when the search field content changes: reload the search results
*/
$scope.updateTextSearch = function () {
resetSearchMember()
return memberSearch()
}
/**
* Callback to alert the admin that the export request was acknowledged and is
* processing right now.
*/
$scope.alertExport = type =>
Export.status({ category: 'users', type }).then(function (res) {
if (!res.data.exists) {
return growl.success(_t('export_is_running_you_ll_be_notified_when_its_ready'))
}
})
/* PRIVATE SCOPE */
/**
* Kind of constructor: these actions will be realized first when the controller is loaded
*/
const initialize = function () {
if (!membersPromise[0] || (membersPromise[0].maxMembers <= $scope.members.length)) {
return $scope.member.noMore = true
}
}
/**
* Iterate through the provided array and return the index of the requested admin
* @param admins {Array} full list of users with role 'admin'
* @param id {Number} user id of the admin to retrieve in the list
* @returns {Number} index of the requested admin, in the provided array
*/
var findAdminIdxById = (admins, id) =>
(admins.map(admin => admin.id)).indexOf(id)
/**
* Reinitialize the context of members's search to display new results set
*/
var resetSearchMember = function () {
$scope.member.noMore = false
return $scope.member.page = 1
}
/**
* Run a search query with the current parameters set ($scope.member[searchText,order,page])
* and affect or append the result in $scope.members, depending on the concat parameter
* @param concat {boolean} if true, the result will be append to $scope.members instead of being affected
*/
var memberSearch = concat =>
Member.list({ query: { search: $scope.member.searchText, order_by: $scope.member.order, page: $scope.member.page, size: USERS_PER_PAGE } }, function (members) {
if (concat) {
$scope.members = $scope.members.concat(members)
} else {
$scope.members = members
}
if (!members[0] || (members[0].maxMembers <= $scope.members.length)) {
return $scope.member.noMore = true
}
})
// !!! MUST BE CALLED AT THE END of the controller
return initialize()
}
])
/**
* Controller used in the member edition page
*/
Application.Controllers.controller('EditMemberController', ['$scope', '$state', '$stateParams', 'Member', 'Training', 'dialogs', 'growl', 'Group', 'Subscription', 'CSRF', 'memberPromise', 'tagsPromise', '$uibModal', 'Plan', '$filter', '_t', 'walletPromise', 'transactionsPromise', 'activeProviderPromise', 'Wallet',
function ($scope, $state, $stateParams, Member, Training, dialogs, growl, Group, Subscription, CSRF, memberPromise, tagsPromise, $uibModal, Plan, $filter, _t, walletPromise, transactionsPromise, activeProviderPromise, Wallet) {
/* PUBLIC SCOPE */
// API URL where the form will be posted
$scope.actionUrl = `/api/members/${$stateParams.id}`
// Form action on the above URL
$scope.method = 'patch'
// List of tags associables with user
$scope.tags = tagsPromise
// The user to edit
$scope.user = memberPromise
// Should the passord be modified?
$scope.password =
{ change: false }
// the user subscription
if (($scope.user.subscribed_plan != null) && ($scope.user.subscription != null)) {
$scope.subscription = $scope.user.subscription
$scope.subscription.expired_at = $scope.subscription.expired_at
} else {
Plan.query({ group_id: $scope.user.group_id }, function (plans) {
$scope.plans = plans
return Array.from($scope.plans).map((plan) =>
(plan.nameToDisplay = $filter('humanReadablePlanName')(plan)))
})
}
// Available trainings list
$scope.trainings = []
// Profiles types (student/standard/...)
$scope.groups = []
// the user wallet
$scope.wallet = walletPromise
// user wallet transactions
$scope.transactions = transactionsPromise
// used in wallet partial template to identify parent view
$scope.view = 'member_edit'
// current active authentication provider
$scope.activeProvider = activeProviderPromise
/**
* Open a modal dialog, allowing the admin to extend the current user's subscription (freely or not)
* @param subscription {Object} User's subscription object
* @param free {boolean} True if the extent is offered, false otherwise
*/
$scope.updateSubscriptionModal = function (subscription, free) {
const modalInstance = $uibModal.open({
animation: true,
templateUrl: '<%= asset_path "admin/subscriptions/expired_at_modal.html" %>',
size: 'lg',
controller: ['$scope', '$uibModalInstance', 'Subscription', function ($scope, $uibModalInstance, Subscription) {
$scope.new_expired_at = angular.copy(subscription.expired_at)
$scope.free = free
$scope.datePicker = {
opened: false,
format: Fablab.uibDateFormat,
options: {
startingDay: Fablab.weekStartingDay
},
minDate: new Date()
}
$scope.openDatePicker = function (ev) {
ev.preventDefault()
ev.stopPropagation()
return $scope.datePicker.opened = true
}
$scope.ok = () =>
Subscription.update({ id: subscription.id }, { subscription: { expired_at: $scope.new_expired_at, free } }, function (_subscription) {
growl.success(_t('you_successfully_changed_the_expiration_date_of_the_user_s_subscription'))
return $uibModalInstance.close(_subscription)
}
, error => growl.error(_t('a_problem_occurred_while_saving_the_date')))
return $scope.cancel = () => $uibModalInstance.dismiss('cancel')
}
] })
// once the form was validated succesfully ...
return modalInstance.result.then(subscription => $scope.subscription.expired_at = subscription.expired_at)
}
/**
* Open a modal dialog allowing the admin to set a subscription for the given user.
* @param user {Object} User object, user currently reviewed, as recovered from GET /api/members/:id
* @param plans {Array} List of plans, availables for the currently reviewed user, as recovered from GET /api/plans
*/
$scope.createSubscriptionModal = function (user, plans) {
const modalInstance = $uibModal.open({
animation: true,
templateUrl: '<%= asset_path "admin/subscriptions/create_modal.html" %>',
size: 'lg',
controller: ['$scope', '$uibModalInstance', 'Subscription', 'Group', function ($scope, $uibModalInstance, Subscription, Group) {
// selected user
$scope.user = user
// available plans for the selected user
$scope.plans = plans
/**
* Generate a string identifying the given plan by literal humain-readable name
* @param plan {Object} Plan object, as recovered from GET /api/plan/:id
* @param groups {Array} List of Groups objects, as recovered from GET /api/groups
* @param short {boolean} If true, the generated name will contains the group slug, otherwise the group full name
* will be included.
* @returns {String}
*/
$scope.humanReadablePlanName = (plan, groups, short) => `${$filter('humanReadablePlanName')(plan, groups, short)}`
/**
* Modal dialog validation callback
*/
$scope.ok = function () {
$scope.subscription.user_id = user.id
return Subscription.save({ }, { subscription: $scope.subscription }, function (_subscription) {
growl.success(_t('subscription_successfully_purchased'))
$uibModalInstance.close(_subscription)
return $state.reload()
}
, error => growl.error(_t('a_problem_occurred_while_taking_the_subscription')))
}
/**
* Modal dialog cancellation callback
*/
return $scope.cancel = () => $uibModalInstance.dismiss('cancel')
}
] })
// once the form was validated succesfully ...
return modalInstance.result.then(subscription => $scope.subscription = subscription)
}
$scope.createWalletCreditModal = function (user, wallet) {
const modalInstance = $uibModal.open({
animation: true,
templateUrl: '<%= asset_path "wallet/credit_modal.html" %>',
controller: ['$scope', '$uibModalInstance', 'Wallet', function ($scope, $uibModalInstance, Wallet) {
// default: do not generate a refund invoice
$scope.generate_avoir = false
// date of the generated refund invoice
$scope.avoir_date = null
// optional description shown on the refund invoice
$scope.description = ''
// default configuration for the avoir date selector widget
$scope.datePicker = {
format: Fablab.uibDateFormat,
opened: false,
options: {
startingDay: Fablab.weekStartingDay
}
}
/**
* Callback to open/close the date picker
*/
$scope.toggleDatePicker = function ($event) {
$event.preventDefault()
$event.stopPropagation()
return $scope.datePicker.opened = !$scope.datePicker.opened
}
/**
* Modal dialog validation callback
*/
$scope.ok = () =>
Wallet.credit({ id: wallet.id }, {
amount: $scope.amount,
avoir: $scope.generate_avoir,
avoir_date: $scope.avoir_date,
avoir_description: $scope.description
}
, function (_wallet) {
growl.success(_t('wallet_credit_successfully'))
return $uibModalInstance.close(_wallet)
}
, error => growl.error(_t('a_problem_occurred_for_wallet_credit')))
/**
* Modal dialog cancellation callback
*/
return $scope.cancel = () => $uibModalInstance.dismiss('cancel')
}
] })
// once the form was validated succesfully ...
return modalInstance.result.then(function (wallet) {
$scope.wallet = wallet
return Wallet.transactions({ id: wallet.id }, transactions => $scope.transactions = transactions)
})
}
/**
* To use as callback in Array.prototype.filter to get only enabled plans
*/
$scope.filterDisabledPlans = plan => !plan.disabled
/* PRIVATE SCOPE */
/**
* Kind of constructor: these actions will be realized first when the controller is loaded
*/
const initialize = function () {
CSRF.setMetaTags()
// init the birth date to JS object
$scope.user.profile.birthday = moment($scope.user.profile.birthday).toDate()
// the user subscription
if (($scope.user.subscribed_plan != null) && ($scope.user.subscription != null)) {
$scope.subscription = $scope.user.subscription
$scope.subscription.expired_at = $scope.subscription.expired_at
} else {
Plan.query({ group_id: $scope.user.group_id }, function (plans) {
$scope.plans = plans
return Array.from($scope.plans).map((plan) =>
(plan.nameToDisplay = `${plan.base_name} - ${plan.interval}`))
})
}
// Using the MembersController
return new MembersController($scope, $state, Group, Training)
}
// !!! MUST BE CALLED AT THE END of the controller
return initialize()
}
])
/**
* Controller used in the member's creation page (admin view)
*/
Application.Controllers.controller('NewMemberController', ['$scope', '$state', '$stateParams', 'Member', 'Training', 'Group', 'CSRF',
function ($scope, $state, $stateParams, Member, Training, Group, CSRF) {
CSRF.setMetaTags()
/* PUBLIC SCOPE */
// API URL where the form will be posted
$scope.actionUrl = '/api/members'
// Form action on the above URL
$scope.method = 'post'
// Should the passord be set manually or generated?
$scope.password =
{ change: false }
// Default member's profile parameters
$scope.user =
{ plan_interval: '' }
// Callback when the admin check/unckeck the box telling that the new user is an organization.
// Disable or enable the organization fields in the form, accordingly
$scope.toggleOrganization = function () {
if ($scope.user.organization) {
if (!$scope.user.profile) { $scope.user.profile = {} }
return $scope.user.profile.organization = {}
} else {
return $scope.user.profile.organization = undefined
}
}
// Using the MembersController
return new MembersController($scope, $state, Group, Training)
}
])
/**
* Controller used in the admin's creation page (admin view)
*/
Application.Controllers.controller('NewAdminController', ['$state', '$scope', 'Admin', 'growl', '_t', function ($state, $scope, Admin, growl, _t) {
// default admin profile
let getGender
$scope.admin = {
profile_attributes: {
gender: true
}
}
// Default parameters for AngularUI-Bootstrap datepicker
$scope.datePicker = {
format: Fablab.uibDateFormat,
opened: false,
options: {
startingDay: Fablab.weekStartingDay
}
}
/**
* Shows the birth day datepicker
* @param $event {Object} jQuery event object
*/
$scope.openDatePicker = $event => $scope.datePicker.opened = true
/**
* Send the new admin, currently stored in $scope.admin, to the server for database saving
*/
$scope.saveAdmin = () =>
Admin.save({}, { admin: $scope.admin }, function () {
growl.success(_t('administrator_successfully_created_he_will_receive_his_connection_directives_by_email', { GENDER: getGender($scope.admin) }, 'messageformat'))
return $state.go('app.admin.members')
}
, error => console.log(error))
/* PRIVATE SCOPE */
/**
* Return an enumerable meaninful string for the gender of the provider user
* @param user {Object} Database user record
* @return {string} 'male' or 'female'
*/
return getGender = function (user) {
if (user.profile_attributes) {
if (user.profile_attributes.gender) { return 'male' } else { return 'female' }
} else { return 'other' }
}
}
])