Introduce modular UI framework

1. Modals wrapped
2. Toolbar icon actions: click and link-to navigation
3. Moved components into sub-folders
4. Replaced Bootstrap Tooltip and Dropdown libs with Ember specific add-ons

And more.

Co-Authored-By: Saul S <sauls8t@users.noreply.github.com>
Co-Authored-By: McMatts <matt@documize.com>

gui/app/components/user/forgot-password.js

@@ -0,0 +1,40 @@
+// 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 { empty, and } from '@ember/object/computed';
+import { set } from '@ember/object';
+import { isEmpty } from '@ember/utils';
+import Component from '@ember/component';
+
+export default Component.extend({
+	email: "",
+	sayThanks: false,
+	emailEmpty: empty('email'),
+	hasEmptyEmailError: and('emailEmpty', 'emailIsEmpty'),
+
+	actions: {
+		forgot() {
+			let email = this.get('email');
+
+			if (isEmpty(email)) {
+				set(this, 'emailIsEmpty', true);
+				return $("#email").focus();
+			}
+
+			this.get('forgot')(email).then(() => {
+				set(this, 'sayThanks', true);
+				set(this, 'email', '');
+				set(this, 'emailIsEmpty', false);
+			});
+		}
+	}
+});

gui/app/components/user/password-reset.js

@@ -0,0 +1,55 @@
+// 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 { empty, and } from '@ember/object/computed';
+import { isEqual, isEmpty } from '@ember/utils';
+import { set } from '@ember/object';
+import Component from '@ember/component';
+
+export default Component.extend({
+	password: "",
+	passwordConfirm: "",
+	mustMatch: false,
+	passwordEmpty: empty('password'),
+	confirmEmpty: empty('passwordConfirm'),
+	hasPasswordError: and('passwordEmpty', 'passwordIsEmpty'),
+	hasConfirmError: and('confirmEmpty', 'passwordConfirmIsEmpty'),
+
+	actions: {
+		reset() {
+			let password = this.get('password');
+			let passwordConfirm = this.get('passwordConfirm');
+
+			if (isEmpty(password)) {
+				set(this, 'passwordIsEmpty', true);
+				return $("#newPassword").focus();
+			}
+
+			if (isEmpty(passwordConfirm)) {
+				set(this, 'passwordConfirmIsEmpty', true);
+				return $("#passwordConfirm").focus();
+			}
+
+			if (!isEqual(password, passwordConfirm)) {
+				set(this, 'hasPasswordError', true);
+				set(this, 'hasConfirmError', true);
+				set(this, 'mustMatch', true);
+				return;
+			}
+
+			this.get('reset')(password).then(() => {
+				set(this, 'passwordIsEmpty', false);
+				set(this, 'passwordConfirmIsEmpty', false);
+			});
+		}
+	}
+});

gui/app/components/user/user-profile.js

@@ -0,0 +1,95 @@
+// 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 { empty } from '@ember/object/computed';
+import { computed, set } from '@ember/object';
+import { isPresent, isEqual, isEmpty } from '@ember/utils';
+import { inject as service } from '@ember/service';
+import AuthProvider from '../../mixins/auth';
+import Component from '@ember/component';
+
+export default Component.extend(AuthProvider, {
+	appMeta: service(),
+	hasFirstnameError: empty('model.firstname'),
+	hasLastnameError: empty('model.lastname'),
+	hasEmailError: computed('model.email', function() {
+		let email = this.get('model.email');
+		return isEmpty(email) || is.not.email(email);
+	}),
+	hasPasswordError: computed('passwordError', 'password.password', {
+		get() {
+			if (isPresent(this.get('passwordError'))) {
+				return `error`;
+			}
+
+			if (isEmpty(this.get('password.password'))) {
+				return null;
+			}
+		}
+	}),
+	hasConfirmPasswordError: computed('confirmPasswordError', {
+		get() {
+			if (isPresent(this.get("confirmPasswordError"))) {
+				return `is-invalid`;
+			}
+
+			return '';
+		}
+	}),
+
+	init() {
+		this._super(...arguments);
+		this.password = { password: "", confirmation: "" };
+	},
+
+	actions: {
+		save() {
+			let password = this.get('password.password');
+			let confirmation = this.get('password.confirmation');
+
+			if (isEmpty(this.get('model.firstname'))) {
+				return $("#firstname").focus();
+			}
+			if (isEmpty(this.get('model.lastname'))) {
+				return $("#lastname").focus();
+			}
+			if (isEmpty(this.get('model.email'))) {
+				return $("#email").focus();
+			}
+
+			if (isPresent(password) && isEmpty(confirmation)) {
+				set(this, 'confirmPasswordError', 'error');
+				return $("#confirmPassword").focus();
+			}
+			if (isEmpty(password) && isPresent(confirmation)) {
+				set(this, 'passwordError', 'error');
+				return $("#password").focus();
+			}
+			if (!isEqual(password, confirmation)) {
+				set(this, 'passwordError', 'error');
+				return $("#password").focus();
+			}
+
+			let passwords = this.get('password');
+
+			this.get('save')(passwords).finally(() => {
+				set(this, 'password.password', '');
+				set(this, 'password.confirmation', '');
+			});
+		}
+
+		// onThemeChange(theme) {
+		// 	this.get('appMeta').setTheme(theme);
+		// 	this.set('model.theme', theme);
+		// }
+	}
+});