documize/gui/app/components/customize/user-admin.js

// 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 Ember from 'ember';
import AuthProvider from '../../mixins/auth';

export default Ember.Component.extend(AuthProvider, {
	editUser: null,
	deleteUser: null,
	drop: null,
	password: {},
	filter: '',
	filteredUsers: [],
	selectedUsers: [],
	hasSelectedUsers: false,

	didReceiveAttrs() {
		this.users.forEach(user => {
			user.set('me', user.get('id') === this.get('session.session.authenticated.user.id'));
			user.set('selected', false);
		});

		this.set('filteredUsers', this.users);
	},

	willDestroyElement() {
		let drop = this.get('drop');

		if (is.not.null(drop)) {
			drop.destroy();
		}
	},

	onKeywordChange: function () {
		Ember.run.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'));
			this.attrs.onSave(user);
		},

		toggleEditor(id) {
			let user = this.users.findBy("id", id);
			user.set('editor', !user.get('editor'));
			this.attrs.onSave(user);
		},

		toggleAdmin(id) {
			let user = this.users.findBy("id", id);
			user.set('admin', !user.get('admin'));
			this.attrs.onSave(user);
		},

		edit(id) {
			let self = this;

			let user = this.users.findBy("id", id);
			let userCopy = user.getProperties('id', 'created', 'revised', 'firstname', 'lastname', 'email', 'initials', 'active', 'editor', 'admin', 'accounts');
			this.set('editUser', userCopy);
			this.set('password', {
				password: "",
				confirmation: ""
			});
			$(".edit-user-dialog").css("display", "block");
			$("input").removeClass("error");

			let drop = new Drop({
				target: $(".edit-button-" + id)[0],
				content: $(".edit-user-dialog")[0],
				classes: 'drop-theme-basic',
				position: "bottom right",
				openOn: "always",
				tetherOptions: {
					offset: "5px 0",
					targetOffset: "10px 0"
				},
				remove: false
			});

			self.set('drop', drop);

			drop.on('open', function () {
				self.$("#edit-firstname").focus();
			});
		},

		confirmDelete(id) {
			let user = this.users.findBy("id", id);
			this.set('deleteUser', user);
			$(".delete-user-dialog").css("display", "block");

			let drop = new Drop({
				target: $(".delete-button-" + id)[0],
				content: $(".delete-user-dialog")[0],
				classes: 'drop-theme-basic',
				position: "bottom right",
				openOn: "always",
				tetherOptions: {
					offset: "5px 0",
					targetOffset: "10px 0"
				},
				remove: false
			});

			this.set('drop', drop);
		},

		cancel() {
			let drop = this.get('drop');
			drop.close();
		},

		save() {
			let user = this.get('editUser');
			let password = this.get('password');

			if (is.empty(user.firstname)) {
				$("#edit-firstname").addClass("error").focus();
				return;
			}
			if (is.empty(user.lastname)) {
				$("#edit-lastname").addClass("error").focus();
				return;
			}
			if (is.empty(user.email)) {
				$("#edit-email").addClass("error").focus();
				return;
			}

			let drop = this.get('drop');
			drop.close();

			this.attrs.onSave(user);

			if (is.not.empty(password.password) && is.not.empty(password.confirmation) &&
				password.password === password.confirmation) {
				this.attrs.onPassword(user, password.password);
			}
		},

		delete() {
			let drop = this.get('drop');
			drop.close();

			this.set('selectedUsers', []);
			this.set('hasSelectedUsers', false);
			this.attrs.onDelete(this.get('deleteUser.id'));
		},

		onBulkDelete() {
			let su = this.get('selectedUsers');
			
			su.forEach(userId => {
				this.attrs.onDelete(userId);
			});

			this.set('selectedUsers', []);
			this.set('hasSelectedUsers', false);
			
			return true;
		}
	}
});