Break out document tag and category mng sections

Separate out screens for tag and category management.

gui/app/components/document/settings-category.js

@@ -0,0 +1,189 @@
+// 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 { inject as service } from '@ember/service';
+import { A } from '@ember/array';
+import { computed } from '@ember/object';
+import { schedule } from '@ember/runloop';
+import Notifier from '../../mixins/notifier';
+import Component from '@ember/component';
+
+export default Component.extend(Notifier, {
+	appMeta: service(),
+	documentSvc: service('document'),
+	categoryService: service('category'),
+
+	tagz: A([]),
+	categories: A([]),
+	newCategory: '',
+	showCategoryModal: false,
+	hasCategories: computed('categories', function() {
+		return this.get('categories').length > 0;
+	}),
+	canSelectCategory: computed('categories', function() {
+		return (this.get('categories').length > 0 && this.get('permissions.documentEdit'));
+	}),
+	canAddCategory: computed('categories', function() {
+		return this.get('permissions.spaceOwner') || this.get('permissions.spaceManage');
+	}),
+
+	didReceiveAttrs() {
+		this._super(...arguments);
+		this.load();
+	},
+
+	didInsertElement() {
+		this._super(...arguments);
+
+		schedule('afterRender', () => {
+			$("#add-tag-field-1").focus();
+
+			$(".tag-input").off("keydown").on("keydown", function(e) {
+				if (e.shiftKey && e.which === 9) {
+					return true;
+				}
+
+					if (e.shiftKey) {
+					return false;
+				}
+
+				if (e.which === 9 ||
+					e.which === 13 ||
+					e.which === 16 ||
+					e.which === 37 ||
+					e.which === 38 ||
+					e.which === 39 ||
+					e.which === 40 ||
+					e.which === 45 ||
+					e.which === 189 ||
+					e.which === 8 ||
+					e.which === 127 ||
+					(e.which >= 65 && e.which <= 90) ||
+					(e.which >= 97 && e.which <= 122) ||
+					(e.which >= 48 && e.which <= 57)) {
+					return true;
+				}
+
+				return false;
+			});
+		});
+	},
+
+	willDestroyElement() {
+		this._super(...arguments);
+
+		$(".tag-input").off("keydown");
+	},
+
+	load() {
+		this.get('categoryService').getUserVisible(this.get('space.id')).then((categories) => {
+			let cats = A(categories);
+			this.set('categories', cats);
+			this.get('categoryService').getDocumentCategories(this.get('document.id')).then((selected) => {
+				this.set('selectedCategories', selected);
+				selected.forEach((s) => {
+					let cat = cats.findBy('id', s.id);
+					if (is.not.undefined(cat)) {
+						cat.set('selected', true);
+						this.set('categories', cats);
+					}
+				});
+			});
+		});
+
+		let counter = 1;
+		let tagz = A([]);
+		let maxTags = this.get('appMeta.maxTags');
+
+		if (!_.isUndefined(this.get('document.tags')) && this.get('document.tags').length > 1) {
+			let tags = this.get('document.tags').split('#');
+
+            _.each(tags, (tag) => {
+				tag = tag.trim();
+				if (tag.length > 0 && counter <= maxTags) {
+					tagz.pushObject({number: counter, value: tag});
+					counter++;
+				}
+			});
+		}
+
+		for (let index = counter; index <= maxTags; index++) {
+			tagz.pushObject({number: index, value: ''});
+		}
+
+		this.set('tagz', tagz);
+	},
+
+	actions: {
+		onSave() {
+			let docId = this.get('document.id');
+			let folderId = this.get('space.id');
+			let link = this.get('categories').filterBy('selected', true);
+			let unlink = this.get('categories').filterBy('selected', false);
+			let toLink = [];
+			let toUnlink = [];
+
+			// prepare links associated with document
+			link.forEach((l) => {
+				let t = {
+					spaceId: folderId,
+					documentId: docId,
+					categoryId: l.get('id')
+				};
+
+				toLink.push(t);
+			});
+
+			// prepare links no longer associated with document
+			unlink.forEach((l) => {
+				let t = {
+					spaceId: folderId,
+					documentId: docId,
+					categoryId: l.get('id')
+				};
+
+				toUnlink.pushObject(t);
+			});
+
+			this.get('categoryService').setCategoryMembership(toUnlink, 'unlink').then(() => {
+				this.get('categoryService').setCategoryMembership(toLink, 'link').then(() => {
+				});
+			});
+
+			let tagz = this.get('tagz');
+			let tagzToSave = [];
+
+			_.each(tagz, (t) => {
+				let tag = t.value.toLowerCase().trim();
+				if (tag.length> 0) {
+					if (!_.contains(tagzToSave, tag) && is.not.startWith(tag, '-')) {
+						tagzToSave.push(tag);
+						this.$('#add-tag-field-' + t.number).removeClass('is-invalid');
+					} else {
+						this.$('#add-tag-field-' + t.number).addClass('is-invalid');
+					}
+				}
+			});
+
+			let save = "#";
+			_.each(tagzToSave, (t) => {
+				save += t;
+				save += '#';
+			});
+
+			let doc = this.get('document');
+			doc.set('tags', save);
+
+			this.get('onSaveDocument')(doc);
+		}
+	}
+});