Complete UI revamp for admin screens

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);
+		}
+	}
+});