Complete UI revamp for admin screens

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

@@ -12,9 +12,10 @@
 import $ from 'jquery';
 import AuthProvider from '../../mixins/auth';
 import ModalMixin from '../../mixins/modal';
+import Notifier from '../../mixins/notifier';
 import Component from '@ember/component';
 
-export default Component.extend(AuthProvider, ModalMixin, {
+export default Component.extend(AuthProvider, ModalMixin, Notifier, {
 	bulkUsers: '',
 	newUser: null,
 
@@ -51,6 +52,7 @@ export default Component.extend(AuthProvider, ModalMixin, {
 
 			this.get('onAddUser')(user).then(() => {
 				this.set('newUser', { firstname: '', lastname: '', email: '', active: true });
+				this.notifySuccess('Added user');
 			});
 
 			this.modalClose("#add-user-modal");
@@ -65,6 +67,7 @@ export default Component.extend(AuthProvider, ModalMixin, {
 
 			this.get('onAddUsers')(this.get('bulkUsers')).then(() => {
 				this.set('bulkUsers', '');
+				this.notifySuccess('Added users');
 			});
 
 			this.modalClose("#add-user-modal");

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

@@ -15,9 +15,10 @@ import { inject as service } from '@ember/service';
 import { schedule, debounce } from '@ember/runloop';
 import AuthProvider from '../../mixins/auth';
 import ModalMixin from '../../mixins/modal';
+import Notifier from '../../mixins/notifier';
 import Component from '@ember/component';
 
-export default Component.extend(AuthProvider, ModalMixin, {
+export default Component.extend(AuthProvider, ModalMixin, Notifier, {
 	groupSvc: service('group'),
 	editUser: null,
 	deleteUser: null,
@@ -171,9 +172,15 @@ export default Component.extend(AuthProvider, ModalMixin, {
 			let cb = this.get('onDelete');
 			cb(this.get('deleteUser.id'));
 
+			this.notifySuccess("Deleted user");
+
 			return true;
 		},
 
+		onShowDeleteBulk() {
+			this.modalOpen("#admin-user-delete-modal", {"show": true});
+		},
+
 		onBulkDelete() {
 			let su = this.get('selectedUsers');
 
@@ -185,6 +192,8 @@ export default Component.extend(AuthProvider, ModalMixin, {
 			this.set('selectedUsers', []);
 			this.set('hasSelectedUsers', false);
 
+			this.notifySuccess("Deleted selected users");
+
 			this.modalClose('#admin-user-delete-modal');
 		},
 

gui/app/components/ui/ui-dialog.js

@@ -19,7 +19,6 @@ export default Component.extend({
 	confirmCaption: 'OK',
 	title: 'Confirm',
 	show: false,
-	buttonType: 'btn-secondary',
 	size: '', // modal-lg, modal-sm
 
 	didInsertElement() {

gui/app/components/ui/ui-toolbar-icon.js

@@ -40,8 +40,7 @@ export default Component.extend({
 			return;
 		}
 		if (is.not.undefined(this.linkTo)) {
-			// TODO:
-			// Pass in linkModel, linkOptions
+			// TODO: pass in linkModel, linkOptions
 			// https://emberjs.com/api/ember/3.5/classes/RouterService/methods/transitionTo?anchor=transitionTo
 			this.router.transitionTo(this.linkTo);
 		}

gui/app/components/ui/ui-toolbar-label.js

@@ -0,0 +1,44 @@
+// 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 { inject as service } from '@ember/service';
+import { computed } from '@ember/object';
+import Component from '@ember/component';
+
+export default Component.extend({
+	router: service(),
+	tagName: 'div',
+	classNames: ['label'],
+	classNameBindings: ['calcClass'],
+
+	color: '',
+	label: '',
+	tooltip: '',
+
+	calcClass: computed(function() {
+		let c = '';
+		if (this.color !== '') c += this.color + ' ';
+
+		return c.trim();
+	}),
+
+	click(e) {
+		if (is.not.undefined(this.onClick)) {
+			this.onClick(e);
+			return;
+		}
+		if (is.not.undefined(this.linkTo)) {
+			// TODO: pass in linkModel, linkOptions
+			// https://emberjs.com/api/ember/3.5/classes/RouterService/methods/transitionTo?anchor=transitionTo
+			this.router.transitionTo(this.linkTo);
+		}
+	}
+});

gui/app/components/ui/ui-toolbar.js

@@ -24,7 +24,5 @@ export default Component.extend({
 	bordered: false,
 	dark: false,
 	light: false,
-
-	actions: {
-	}
+	tooltip: ''
 });