documize/gui/app/components/folder/space-toolbar.js

// 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 { computed } from '@ember/object';

import Component from '@ember/component';
import { inject as service } from '@ember/service';
import NotifierMixin from '../../mixins/notifier';
import TooltipMixin from '../../mixins/tooltip';
import AuthMixin from '../../mixins/auth';

export default Component.extend(NotifierMixin, TooltipMixin, AuthMixin, {
	folderService: service('folder'),
	session: service(),
	appMeta: service(),
	pinned: service(),
	showToolbar: false,
	folder: {},
	busy: false,
	moveFolderId: "",
	drop: null,
	pinState : {
		isPinned: false,
		pinId: '',
		newName: ''
	},
	deleteSpaceName: '',
	spaceSettings: computed('permissions', function() {
		return this.get('permissions.spaceOwner') || this.get('permissions.spaceManage');
	}),

	didReceiveAttrs() {
		this._super(...arguments);

		let folder = this.get('folder');
		let targets = _.reject(this.get('folders'), {id: folder.get('id')});

		this.get('pinned').isSpacePinned(folder.get('id')).then((pinId) => {
			this.set('pinState.pinId', pinId);
			this.set('pinState.isPinned', pinId !== '');
			this.set('pinState.newName', folder.get('name'));
		});

		this.set('movedFolderOptions', targets);
	},

	didRender() {
		this._super(...arguments);
		this.renderTooltips();
	},

	renderTooltips() {
		this.destroyTooltips();

		if (this.get('hasSelectedDocuments')) {
			if (this.get('permissions.documentMove')) {
				this.addTooltip(document.getElementById("move-documents-button"));
			}

			if (this.get('permissions.documentDelete')) {
				this.addTooltip(document.getElementById("delete-documents-button"));
			}
		} else {
			if (this.get('permissions.spaceOwner')) {
				this.addTooltip(document.getElementById("space-delete-button"));
			}

			if (this.get('permissions.spaceManage')) {
				this.addTooltip(document.getElementById("space-settings-button"));
			}

			if (this.get('pinState.isPinned')) {
				this.addTooltip(document.getElementById("space-unpin-button"));
			} else {
				this.addTooltip(document.getElementById("space-pin-button"));
			}

			if (this.get('permissions.documentAdd')) {
				this.addTooltip(document.getElementById("document-add-button"));
			}
		}
	},

	willDestroyElement() {
		this._super(...arguments);

		if (this.get('isDestroyed') || this.get('isDestroying')) return;

		if (is.not.null(this.get('drop'))) {
			this.get('drop').destroy();
			this.set('drop', null);
		}

		this.destroyTooltips();
	},

	actions: {
		onUnpin() {
			this.get('pinned').unpinItem(this.get('pinState.pinId')).then(() => {
				this.set('pinState.isPinned', false);
				this.set('pinState.pinId', '');
				this.eventBus.publish('pinChange');
				this.renderTooltips();
			});
		},

		onPin() {
			let pin = {
				pin: this.get('pinState.newName'),
				documentId: '',
				folderId: this.get('folder.id')
			};

			if (is.empty(pin.pin)) {
				$('#pin-space-name').addClass('error').focus();
				return false;
			}

			this.get('pinned').pinItem(pin).then((pin) => {
				this.set('pinState.isPinned', true);
				this.set('pinState.pinId', pin.get('id'));
				this.eventBus.publish('pinChange');
				this.renderTooltips();
			});

			return true;
		},

		deleteDocuments() {
			this.attrs.onDeleteDocument();
		},

		deleteSpace() {
			let spaceName = this.get('folder').get('name');
			let spaceNameTyped = this.get('deleteSpaceName');

			if (spaceNameTyped !== spaceName || spaceNameTyped === '' || spaceName === '') {
				$("#delete-space-name").addClass("error").focus();
				return false;
			}

			this.set('deleteSpaceName', '');
			$("#delete-space-name").removeClass("error");

			this.attrs.onDeleteSpace();

			return true;
		},

		setMoveFolder(folderId) {
			this.set('moveFolderId', folderId);

			let folders = this.get('folders');

			folders.forEach(folder => {
				folder.set('selected', folder.id === folderId);
			});
		},

		moveDocuments() {
			if (this.get("moveFolderId") === "") {
				return false;
			}

			this.attrs.onMoveDocument(this.get('moveFolderId'));

			return true;
		},

		onStartDocument() {
			this.attrs.onStartDocument();
		}
	}
});