moved emberjs to gui folder

gui/app/components/layout/zone-navigation.js

@@ -0,0 +1,163 @@
+// 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 netUtil from '../../utils/net';
+import constants from '../../utils/constants';
+import TooltipMixin from '../../mixins/tooltip';
+
+const {
+	inject: { service }
+} = Ember;
+
+export default Ember.Component.extend(TooltipMixin, {
+	folderService: service('folder'),
+	appMeta: service(),
+	session: service(),
+	store: service(),
+	folder: null,
+	view: {
+		folder: false,
+		search: false,
+		settings: false,
+		profile: false
+	},
+	pinned: service(),
+	pins: [],
+	enableLogout: true,
+
+	init() {
+		this._super(...arguments);
+
+		if (this.get("session.authenticated") && this.get("session.user.id") !== '0') {
+			this.get("session.accounts").forEach((account) => {
+				// TODO: do not mutate account.active here
+				account.active = account.orgId === this.get("appMeta.orgId");
+			});
+		}
+
+		this.set('pins', this.get('pinned').get('pins'));
+
+		if (this.get('appMeta.authProvider') === constants.AuthProvider.Keycloak) {
+			let config = this.get('appMeta.authConfig');
+			config = JSON.parse(config);
+			this.set('enableLogout', !config.disableLogout);
+		}
+	},
+
+	didReceiveAttrs() {
+		if (this.get('folder') === null) {
+			this.set("folder", this.get('folderService.currentFolder'));
+		}
+
+		let route = this.get('router.currentRouteName');
+		this.set('view.folder', (is.startWith(route, 'folder')) ? true : false);
+		this.set('view.settings', (is.startWith(route, 'customize')) ? true : false);
+		this.set('view.profile', (route === 'profile') ? true : false);
+		this.set('view.search', (route === 'search') ? true : false);
+	},
+
+	didInsertElement() {
+		this._super(...arguments);
+
+		// Size the pinned items zone
+		if (this.get("session.authenticated")) {
+			this.eventBus.subscribe('resized', this, 'sizePinnedZone');
+			this.eventBus.subscribe('pinChange', this, 'setupPins');
+			this.sizePinnedZone();
+			this.setupPins();
+
+			let self = this;
+
+			var sortable = Sortable.create(document.getElementById('pinned-zone'), {
+				animation: 150,
+				onEnd: function () {
+					self.get('pinned').updateSequence(this.toArray()).then((pins) => {
+						self.set('pins', pins);
+					});
+				}
+			});
+
+			this.set('sortable', sortable);
+		}
+	},
+
+	didRender() {
+		if (this.get('session.isAdmin')) {
+			this.addTooltip(document.getElementById("workspace-settings"));
+		}
+		if (this.get("session.authenticated") && this.get('enableLogout')) {
+			this.addTooltip(document.getElementById("workspace-logout"));
+		} else {
+			this.addTooltip(document.getElementById("workspace-login"));
+		}
+	},
+
+	setupPins() {
+		if (this.get('isDestroyed') || this.get('isDestroying')) {
+			return;
+		}
+
+		this.get('pinned').getUserPins().then((pins) => {
+			if (this.get('isDestroyed') || this.get('isDestroying')) {
+				return;
+			}
+
+			this.set('pins', pins);
+
+			pins.forEach((pin) => {
+				this.addTooltip(document.getElementById(`pin-${pin.id}`));
+			});
+		});
+	},
+
+	// set height for pinned zone so ti scrolls on spill
+	sizePinnedZone() {
+		let topofBottomZone = parseInt($('#bottom-zone').css("top").replace("px", ""));
+		let heightOfTopZone = parseInt($('#top-zone').css("height").replace("px", ""));
+		let size = topofBottomZone - heightOfTopZone - 40;
+		$('#pinned-zone').css('height', size + "px");
+	},
+
+	willDestroyElement() {
+		let sortable = this.get('sortable');
+
+		if (!_.isUndefined(sortable)) {
+			sortable.destroy();
+		}
+
+		this.eventBus.unsubscribe('resized');
+		this.eventBus.unsubscribe('pinChange');
+
+		this.destroyTooltips();
+	},
+
+	actions: {
+		switchAccount(domain) {
+			window.location.href = netUtil.getAppUrl(domain);
+		},
+
+		jumpToPin(pin) {
+			let folderId = pin.get('folderId');
+			let documentId = pin.get('documentId');
+
+			if (_.isEmpty(documentId)) {
+				// jump to space
+				let folder = this.get('store').peekRecord('folder', folderId);
+				this.get('router').transitionTo('folder', folderId, folder.get('slug'));
+			} else {
+				// jump to doc
+				let folder = this.get('store').peekRecord('folder', folderId);
+				this.get('router').transitionTo('document', folderId, folder.get('slug'), documentId, 'document');
+			}
+		}
+	}
+});