moved emberjs to gui folder

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

@@ -0,0 +1,202 @@
+// 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;
+		}
+	}
+});