documize/gui/app/components/folder/space-heading.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 $ from 'jquery';
import { empty } from '@ember/object/computed';
import { schedule } from '@ember/runloop';
import { inject as service } from '@ember/service';
import Component from '@ember/component';

export default Component.extend({
	folderService: service('folder'),
	spaceName: '',
	hasNameError: empty('spaceName'),
	editMode: false,

	keyUp(e) {
		if (e.keyCode === 27) { // escape key
			this.send('onCancel');
		}
	},

	actions: {
		toggleEdit() {
			this.set('spaceName', this.get('space.name'));
			this.set('editMode', true);

			schedule('afterRender', () => {
				$('#folder-name').select();
			});
		},

		onSave() {
			if (this.get('hasNameError')) {
				return;
			}

			this.set('space.name', this.get('spaceName'));
			this.get('folderService').save(this.get('space'));
			this.set('editMode', false);
		},

		onCancel() {
			this.set('editMode', false);
		}
	}
});