1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-22 14:49:42 +02:00

add bulk users

This commit is contained in:
sauls8t 2018-03-01 10:58:55 +00:00
parent 7e6d6366da
commit 0b5ed8fd9e
11 changed files with 627 additions and 410 deletions

View file

@ -10,180 +10,64 @@
// https://documize.com
import $ from 'jquery';
import Component from '@ember/component';
import { schedule, debounce } from '@ember/runloop';
import AuthProvider from '../../mixins/auth';
import ModalMixin from '../../mixins/modal';
import Component from '@ember/component';
export default Component.extend(AuthProvider, ModalMixin, {
editUser: null,
deleteUser: null,
filter: '',
hasSelectedUsers: false,
showDeleteDialog: false,
bulkUsers: '',
newUser: null,
init() {
this._super(...arguments);
this.password = {};
this.filteredUsers = [];
this.selectedUsers = [];
this.set('newUser', { firstname: '', lastname: '', email: '', active: true });
},
didReceiveAttrs() {
this._super(...arguments);
let users = this.get('users');
users.forEach(user => {
user.set('me', user.get('id') === this.get('session.session.authenticated.user.id'));
user.set('selected', false);
});
this.set('users', users);
this.set('filteredUsers', users);
},
onKeywordChange: function () {
debounce(this, this.filterUsers, 350);
}.observes('filter'),
filterUsers() {
let users = this.get('users');
let filteredUsers = [];
let filter = this.get('filter').toLowerCase();
users.forEach(user => {
if (user.get('fullname').toLowerCase().includes(filter) || user.get('email').toLowerCase().includes(filter)) {
filteredUsers.pushObject(user);
}
});
this.set('filteredUsers', filteredUsers);
},
actions: {
toggleSelect(user) {
user.set('selected', !user.get('selected'));
let su = this.get('selectedUsers');
if (user.get('selected')) {
su.push(user.get('id'));
} else {
su = _.reject(su, function(id){ return id === user.get('id') });
}
this.set('selectedUsers', su);
this.set('hasSelectedUsers', su.length > 0);
onOpenUserModal() {
this.modalOpen("#add-user-modal", {"show": true}, '#newUserFirstname');
},
toggleActive(id) {
let user = this.users.findBy("id", id);
user.set('active', !user.get('active'));
let cb = this.get('onSave');
cb(user);
},
toggleEditor(id) {
let user = this.users.findBy("id", id);
user.set('editor', !user.get('editor'));
let cb = this.get('onSave');
cb(user);
},
toggleAdmin(id) {
let user = this.users.findBy("id", id);
user.set('admin', !user.get('admin'));
let cb = this.get('onSave');
cb(user);
},
toggleUsers(id) {
let user = this.users.findBy("id", id);
user.set('viewUsers', !user.get('viewUsers'));
let cb = this.get('onSave');
cb(user);
},
onShowEdit(id) {
let user = this.users.findBy("id", id);
let userCopy = user.getProperties('id', 'created', 'revised', 'firstname', 'lastname', 'email', 'initials', 'active', 'editor', 'admin', 'viewUsers', 'accounts');
this.set('editUser', userCopy);
this.set('password', {
password: "",
confirmation: ""
});
$('#edit-user-modal').on('show.bs.modal', function(event) { // eslint-disable-line no-unused-vars
schedule('afterRender', () => {
$("#edit-firstname").focus();
});
});
$('#edit-user-modal').modal('dispose');
$('#edit-user-modal').modal({show: true});
},
onUpdate() {
let user = this.get('editUser');
let password = this.get('password');
if (is.empty(user.firstname)) {
$("#edit-firstname").addClass("is-invalid").focus();
onAddUser() {
if (is.empty(this.get('newUser.firstname'))) {
$("#newUserFirstname").addClass('is-invalid').focus();
return;
}
if (is.empty(user.lastname)) {
$("#edit-lastname").addClass("is-invalid").focus();
$("#newUserFirstname").removeClass('is-invalid');
if (is.empty(this.get('newUser.lastname'))) {
$("#newUserLastname").addClass('is-invalid').focus();
return;
}
if (is.empty(user.email) || is.not.email(user.email)) {
$("#edit-email").addClass("is-invalid").focus();
$("#newUserLastname").removeClass('is-invalid');
if (is.empty(this.get('newUser.email')) || is.not.email(this.get('newUser.email'))) {
$("#newUserEmail").addClass('is-invalid').focus();
return;
}
$("#newUserEmail").removeClass('is-invalid');
$('#edit-user-modal').modal('hide');
$('#edit-user-modal').modal('dispose');
let user = this.get('newUser');
let cb = this.get('onSave');
cb(user);
if (is.not.empty(password.password) && is.not.empty(password.confirmation) &&
password.password === password.confirmation) {
let pw = this.get('onPassword');
pw(user, password.password);
}
},
onShowDelete(id) {
this.set('deleteUser', this.users.findBy("id", id));
this.set('showDeleteDialog', true);
},
onDelete() {
this.set('showDeleteDialog', false);
this.set('selectedUsers', []);
this.set('hasSelectedUsers', false);
let cb = this.get('onDelete');
cb(this.get('deleteUser.id'));
return true;
},
onBulkDelete() {
let su = this.get('selectedUsers');
su.forEach(userId => {
let cb = this.get('onDelete');
cb(userId);
this.get('onAddUser')(user).then(() => {
this.set('newUser', { firstname: '', lastname: '', email: '', active: true });
});
this.set('selectedUsers', []);
this.set('hasSelectedUsers', false);
this.modalClose("#add-user-modal");
},
this.modalClose('#admin-user-delete-modal');
onAddUsers() {
if (is.empty(this.get('bulkUsers'))) {
$("#bulkUsers").addClass('is-invalid').focus();
return;
}
$("#bulkUsers").removeClass('is-invalid');
this.get('onAddUsers')(this.get('bulkUsers')).then(() => {
this.set('bulkUsers', '');
});
this.modalClose("#add-user-modal");
}
}
});