add bulk users

gui/app/components/customize/user-list.js

@@ -0,0 +1,189 @@
+// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
+//
+// This software (Documize Community Edition) is licensed under
+// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
+//
+// You can operate outside the AGPL restrictions by purchasing
+// Documize Enterprise Edition and obtaining a commercial license
+// by contacting <sales@documize.com>.
+//
+// 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';
+
+export default Component.extend(AuthProvider, ModalMixin, {
+	editUser: null,
+	deleteUser: null,
+	filter: '',
+	hasSelectedUsers: false,
+	showDeleteDialog: false,
+
+	init() {
+		this._super(...arguments);
+		this.password = {};
+		this.filteredUsers = [];
+		this.selectedUsers = [];	
+	},
+
+	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);
+		},
+
+		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();
+				return;
+			}
+			if (is.empty(user.lastname)) {
+				$("#edit-lastname").addClass("is-invalid").focus();
+				return;
+			}
+			if (is.empty(user.email) || is.not.email(user.email)) {
+				$("#edit-email").addClass("is-invalid").focus();
+				return;
+			}
+
+			$('#edit-user-modal').modal('hide');
+			$('#edit-user-modal').modal('dispose');
+
+			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.set('selectedUsers', []);
+			this.set('hasSelectedUsers', false);
+
+			this.modalClose('#admin-user-delete-modal');
+		}
+	}
+});