documize/app/app/components/folder/sidebar-zone.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 Ember from 'ember';
import TooltipMixin from '../../mixins/tooltip';
import NotifierMixin from '../../mixins/notifier';
import AuthMixin from '../../mixins/auth';

const {
	inject: { service }
} = Ember;

export default Ember.Component.extend(TooltipMixin, NotifierMixin, AuthMixin, {
	folderService: service('folder'),
	templateService: service('template'),
	appMeta: service(),
	pinned: service(),
	publicFolders: [],
	protectedFolders: [],
	privateFolders: [],
	hasPublicFolders: false,
	hasProtectedFolders: false,
	hasPrivateFolders: false,
	newFolder: "",
	menuOpen: false,
	pinState : {
		isPinned: false,
		pinId: '',
		newName: '',
	},
	tab: '',

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

		if (is.empty(this.get('tab')) || is.undefined(this.get('tab'))) {
			this.set('tab', 'index');
		}
	},


	// 	this._super(...arguments);

	// 	if (this.get('noFolder')) {
	// 		return;
	// 	}

	// 	let _this = this;
	// 	this.get('templateService').getSavedTemplates().then(function(saved) {
    //         let emptyTemplate = {
    //             id: "0",
    //             title: "Empty",
	// 			description: "An empty canvas for your words",
	// 			img: "insert_drive_file",
	// 			layout: "doc",
	// 			locked: true
    //         };

	// 		saved.forEach(function(t) {
	// 			Ember.set(t, 'img', 'content_copy');
	// 		});

    //         saved.unshiftObject(emptyTemplate);
    //         _this.set('savedTemplates', saved);
    //     });
	// },

	didReceiveAttrs() {
		if (!this.get('noFolder')) {
			let folder = this.get('folder');
			this.set('pinState.pinId', this.get('pinned').isSpacePinned(folder.get('id')));
			this.set('pinState.isPinned', this.get('pinState.pinId') !== '');
			this.set('pinState.newName', folder.get('name').substring(0,3).toUpperCase());		
		}
	},

	// navigateToDocument(document) {
    //     this.attrs.showDocument(this.get('folder'), document);
    // },

	actions: {
		// onImport() {
		// 	this.attrs.onImport();
		// },

		onFolderAdd(folderName) {
			this.attrs.onFolderAdd(folderName);
			return true;
		},

		// onEditTemplate(template) {
        //     this.navigateToDocument(template);
        // },

        // onDocumentTemplate(id /*, title, type*/ ) {
        //     let self = this;

        //     this.send("showNotification", "Creating");

        //     this.get('templateService').importSavedTemplate(this.folder.get('id'), id).then(function(document) {
        //         self.navigateToDocument(document);
        //     });
        // },

		onChangeTab(tab) {
			this.set('tab', tab);
		},

		onMenuOpen() {
			this.set('menuOpen', !this.get('menuOpen'));
		},

		onUnpin() {
			this.audit.record('unpinned-space');

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

		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.audit.record('pinned-space');

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

			return true;
		},
	}
});