moved emberjs to gui folder

gui/app/components/section/airtable/type-editor.js

@@ -0,0 +1,39 @@
+// 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';
+
+export default Ember.Component.extend({
+	data: "",
+
+	didReceiveAttrs() {
+		this.set("data", this.get("meta.rawBody"));
+	},
+
+	actions: {
+		isDirty() {
+			return this.get('meta.rawBody') !== this.get('data');
+		},
+
+		onCancel() {
+			this.attrs.onCancel();
+		},
+
+		onAction(title) {
+			let page = this.get('page');
+			let meta = this.get('meta');
+			page.set('title', title);
+			meta.set('rawBody', this.get("data"));
+
+			this.attrs.onAction(page, meta);
+		}
+	}
+});

gui/app/components/section/airtable/type-renderer.js

@@ -0,0 +1,14 @@
+// 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';
+
+export default Ember.Component.extend({});

gui/app/components/section/base-editor-inline.js

@@ -0,0 +1,143 @@
+// 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';
+
+const {
+	computed,
+} = Ember;
+
+
+export default Ember.Component.extend({
+	drop: null,
+	busy: false,
+	mousetrap: null,
+	hasNameError: computed.empty('page.title'),
+	containerId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `base-editor-inline-container-${page.id}`;
+	}),
+	pageId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `page-editor-${page.id}`;
+	}),
+	cancelId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `cancel-edits-button-${page.id}`;
+	}),
+	dialogId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `discard-edits-dialog-${page.id}`;
+	}),
+	contentLinkerButtonId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `content-linker-button-${page.id}`;
+	}),
+	previewButtonId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `content-preview-button-${page.id}`;
+	}),
+
+	didRender() {
+		let msContainer = document.getElementById(this.get('containerId'));
+		let mousetrap = this.get('mousetrap');
+
+		if (is.null(mousetrap)) {
+			mousetrap = new Mousetrap(msContainer);
+		}
+
+		mousetrap.bind('esc', () => {
+			this.send('onCancel');
+			return false;
+		});
+		mousetrap.bind(['ctrl+s', 'command+s'], () => {
+			this.send('onAction');
+			return false;
+		});
+
+		this.set('mousetrap', mousetrap);
+
+		$('#' + this.get('pageId')).focus(function() {
+			$(this).select();
+		});
+	},
+
+	willDestroyElement() {
+		let drop = this.get('drop');
+		if (is.not.null(drop)) {
+			drop.destroy();
+		}
+
+		let mousetrap = this.get('mousetrap');
+		if (is.not.null(mousetrap)) {
+			mousetrap.unbind('esc');
+			mousetrap.unbind(['ctrl+s', 'command+s']);
+		}
+	},
+
+	actions: {
+		onCancel() {
+			if (this.attrs.isDirty() !== null && this.attrs.isDirty()) {
+				$('#' + this.get('dialogId')).css("display", "block");
+
+				let drop = new Drop({
+					target: $('#' + this.get('cancelId'))[0],
+					content: $('#' + this.get('dialogId'))[0],
+					classes: 'drop-theme-basic',
+					position: "bottom right",
+					openOn: "always",
+					constrainToWindow: true,
+					constrainToScrollParent: false,
+					tetherOptions: {
+						offset: "5px 0",
+						targetOffset: "10px 0"
+					},
+					remove: false
+				});
+
+				this.set('drop', drop);
+
+				return;
+			}
+
+			this.attrs.onCancel();
+		},
+
+		onAction() {
+			if (this.get('busy') || is.empty(this.get('page.title'))) {
+				return;
+			}
+
+			if (this.get('isDestroyed') || this.get('isDestroying')) {
+				return;
+			}
+
+			this.attrs.onAction(this.get('page.title'));
+		},
+
+		keepEditing() {
+			let drop = this.get('drop');
+			drop.close();
+		},
+
+		discardEdits() {
+			this.attrs.onCancel();
+		},
+
+		onInsertLink(selection) {
+			return this.get('onInsertLink')(selection);
+		},		
+
+		onPreview() {
+			return this.get('onPreview')();
+		},		
+	}
+});

gui/app/components/section/base-editor.js

@@ -0,0 +1,107 @@
+// 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';
+
+export default Ember.Component.extend({
+	drop: null,
+	cancelLabel: "Close",
+	actionLabel: "Save",
+	tip: "Short and concise title",
+	busy: false,
+	hasExcerpt: Ember.computed('page', function () {
+		return is.not.undefined(this.get('page.excerpt'));
+	}),
+
+	didRender() {
+		let self = this;
+		Mousetrap.bind('esc', function () {
+			self.send('onCancel');
+			return false;
+		});
+		Mousetrap.bind(['ctrl+s', 'command+s'], function () {
+			self.send('onAction');
+			return false;
+		});
+
+		$("#page-title").removeClass("error");
+		$("#page-excerpt").removeClass("error");
+
+		$("#page-title").focus(function() {
+			$(this).select();
+		});
+		$("#page-excerpt").focus(function() {
+			$(this).select();
+		});
+	},
+
+	willDestroyElement() {
+		let drop = this.get('drop');
+
+		if (is.not.null(drop)) {
+			drop.destroy();
+		}
+	},
+
+	actions: {
+		onCancel() {
+			if (this.attrs.isDirty() !== null && this.attrs.isDirty()) {
+				$(".discard-edits-dialog").css("display", "block");
+
+				let drop = new Drop({
+					target: $("#editor-cancel")[0],
+					content: $(".cancel-edits-dialog")[0],
+					classes: 'drop-theme-basic',
+					position: "bottom right",
+					openOn: "always",
+					tetherOptions: {
+						offset: "5px 0",
+						targetOffset: "10px 0"
+					},
+					remove: false
+				});
+
+				this.set('drop', drop);
+
+				return;
+			}
+
+			this.attrs.onCancel();
+		},
+
+		onAction() {
+			if (this.get('busy')) {
+				return;
+			}
+
+			if (is.empty(this.get('page.title'))) {
+				$("#page-title").addClass("error").focus();
+				return;
+			}
+
+			if (this.get('hasExcerpt') && is.empty(this.get('page.excerpt'))) {
+				$("#page-excerpt").addClass("error").focus();
+				return;
+			}
+
+			this.attrs.onAction(this.get('page.title'));
+		},
+
+		keepEditing() {
+			let drop = this.get('drop');
+			drop.close();
+		},
+
+		discardEdits() {
+			this.attrs.onCancel();
+		}
+	}
+});

gui/app/components/section/base-renderer.js

@@ -0,0 +1,15 @@
+// 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';
+
+export default Ember.Component.extend({
+});

gui/app/components/section/code/type-editor.js

@@ -0,0 +1,143 @@
+// 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';
+
+export default Ember.Component.extend(TooltipMixin, {
+    isDirty: false,
+    pageBody: "",
+    syntaxOptions: [],
+    codeSyntax: null,
+	codeEditor: null,
+	editorId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `code-editor-${page.id}`;
+	}),
+	syntaxId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `code-editor-syntax-${page.id}`;
+	}),
+
+	init() {
+		this._super(...arguments);
+
+        let self = this;
+        let rawBody = this.get('meta.rawBody');
+        let cleanBody = rawBody.replace("</pre>", "");
+
+        cleanBody = cleanBody.replace('<pre class="code-mirror cm-s-solarized cm-s-dark" data-lang="', "");
+        let startPos = cleanBody.indexOf('">');
+        let syntax = {
+            mode: "htmlmixed",
+            name: "HTML"
+        };
+
+        if (startPos !== -1) {
+            syntax = cleanBody.substring(0, startPos);
+            cleanBody = cleanBody.substring(startPos + 2);
+        }
+
+        this.set('pageBody', cleanBody);
+
+        let opts = [];
+
+        _.each(_.sortBy(CodeMirror.modeInfo, 'name'), function(item) {
+            let i = { mode: item.mode, name: item.name };
+            opts.pushObject(i);
+
+            if (item.mode === syntax) {
+                self.set('codeSyntax', i);
+            }
+        });
+
+        this.set('syntaxOptions', opts);
+
+        // default check
+        if (is.null(this.get("codeSyntax"))) {
+            this.set("codeSyntax", opts.findBy("mode", "htmlmixed"));
+        }
+    },
+
+    didInsertElement() {
+        var editor = CodeMirror.fromTextArea(document.getElementById(this.get('editorId')), {
+            theme: "material",
+            lineNumbers: true,
+            lineWrapping: true,
+            indentUnit: 4,
+            tabSize: 4,
+            value: "",
+            dragDrop: false
+        });
+
+		CodeMirror.commands.save = function(/*instance*/){
+			Mousetrap.trigger('ctrl+s');
+		};
+
+        this.set('codeEditor', editor);
+
+        let syntax = this.get("codeSyntax");
+        if (is.not.undefined(syntax)) {
+            CodeMirror.autoLoadMode(editor, syntax.mode);
+            editor.setOption("mode", syntax.mode);
+        }
+    },
+
+    willDestroyElement() {
+		let editor = this.get('codeEditor');
+
+		if (is.not.null(editor)) {
+			editor.toTextArea();
+			editor = null;
+			this.set('codeEditor', null);
+		}
+
+		this.destroyTooltips();
+
+    },
+
+    // Wrap code in PRE tag with language identifier for subsequent rendering.
+    getPRE() {
+        let codeSyntax = this.get("codeSyntax.mode");
+        let body = this.get('codeEditor').getDoc().getValue();
+
+        return `<pre class="code-mirror cm-s-solarized cm-s-dark" data-lang="${codeSyntax}">${body}</pre>`;
+    },
+
+    actions: {
+        onSyntaxChange(syntax) {
+            let editor = this.get('codeEditor');
+            CodeMirror.autoLoadMode(editor, syntax.mode);
+            editor.setOption("mode", syntax.mode);
+
+            this.set('isDirty', true);
+            this.set('codeSyntax', syntax);
+        },
+
+        isDirty() {
+            return this.get('isDirty') || (this.get('codeEditor').getDoc().isClean() === false);
+        },
+
+        onCancel() {
+            this.attrs.onCancel();
+        },
+
+        onAction(title) {
+            let page = this.get('page');
+            let meta = this.get('meta');
+            meta.set('rawBody', this.getPRE());
+            page.set('title', title);
+            page.set('body', meta.get('rawBody'));
+
+            this.attrs.onAction(page, meta);
+        }
+    }
+});

gui/app/components/section/code/type-renderer.js

@@ -0,0 +1,85 @@
+// 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';
+
+export default Ember.Component.extend({
+    codeBody: "",
+    codeSyntax: "htmlmixed",
+
+    didReceiveAttrs() {
+        this._super(...arguments);
+        
+        if (this.get('isDestroyed') || this.get('isDestroying')) {
+            return;
+        }
+
+        let page = this.get('page');
+        let rawBody = page.get('body');
+        let cleanBody = rawBody.replace("</pre>", "").replace('<pre class="code-mirror cm-s-solarized cm-s-dark" data-lang="', "");
+        let startPos = cleanBody.indexOf('">');
+
+        if (startPos !== -1) {
+            this.set('codeSyntax', cleanBody.substring(0, startPos));
+            this.set('codeBody', cleanBody.substring(startPos + 2));
+        }
+
+        _.each(_.sortBy(CodeMirror.modeInfo, 'name'), (item) => {
+            let i = { mode: item.mode, name: item.name };
+
+            if (item.mode === this.get('codeSyntax')) {
+                this.set('codeSyntax', i);
+            }
+        });
+    },
+
+    didInsertElement() {
+        this._super(...arguments);
+        
+        if (this.get('isDestroyed') || this.get('isDestroying')) {
+            return;
+        }
+
+        let page = this.get('page');
+        let elem = `page-${page.id}-code`;
+
+        var editor = CodeMirror.fromTextArea(document.getElementById(elem), {
+            theme: "material",
+            lineNumbers: true,
+            lineWrapping: true,
+            indentUnit: 4,
+            tabSize: 4,
+            value: "",
+            dragDrop: false,
+            readOnly: true
+        });
+
+        this.set('codeEditor', editor);
+
+        let syntax = this.get("codeSyntax");
+        if (is.not.undefined(syntax)) {
+            CodeMirror.autoLoadMode(editor, syntax.mode);
+            editor.setOption("mode", syntax.mode);
+        }
+    },
+
+    willDestroyElement() {
+        this._super(...arguments);
+
+		let editor = this.get('codeEditor');
+		if (is.not.null(editor)) {
+			editor.toTextArea();
+			editor = null;
+        }
+
+        this.set('codeEditor', null);
+    }
+});

gui/app/components/section/gemini/type-editor.js

@@ -0,0 +1,228 @@
+// 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 NotifierMixin from '../../../mixins/notifier';
+import TooltipMixin from '../../../mixins/tooltip';
+import SectionMixin from '../../../mixins/section';
+
+export default Ember.Component.extend(SectionMixin, NotifierMixin, TooltipMixin, {
+	sectionService: Ember.inject.service('section'),
+	isDirty: false,
+	waiting: false,
+	authenticated: false,
+	user: {},
+	workspaces: [],
+	config: {},
+
+	didReceiveAttrs() {
+		let config = {};
+
+		try {
+			config = JSON.parse(this.get('meta.config'));
+		} catch (e) {} // eslint-disable-line no-empty
+
+		if (is.empty(config)) {
+			config = {
+				APIKey: "",
+				filter: {},
+				itemCount: 0,
+				url: "",
+				userId: 0,
+				username: "",
+				workspaceId: 0,
+				workspaceName: "",
+			};
+		}
+
+		this.set('config', config);
+
+		let self = this;
+		self.set('waiting', true);
+		this.get('sectionService').fetch(this.get('page'), "secrets", this.get('config'))
+			.then(function (response) {
+				self.set('waiting', false);
+				self.set('config.APIKey', response.apikey);
+				self.set('config.url', response.url);
+				self.set('config.username', response.username);
+
+				if (response.apikey.length > 0 && response.url.length > 0 && response.username.length > 0) {
+					self.send('auth');
+				}
+			}, function (reason) { // eslint-disable-line no-unused-vars
+				self.set('waiting', false);
+				if (self.get('config.userId') > 0) {
+					self.send('auth');
+				}
+			});
+	},
+
+	willDestroyElement() {
+		this.destroyTooltips();
+	},
+
+	getWorkspaces() {
+		let page = this.get('page');
+		let self = this;
+		this.set('waiting', true);
+
+		this.get('sectionService').fetch(page, "workspace", this.get('config'))
+			.then(function (response) {
+				// console.log(response);
+				let workspaceId = self.get('config.workspaceId');
+
+				if (response.length > 0 && workspaceId === 0) {
+					workspaceId = response[0].Id;
+				}
+
+				self.set("config.workspaceId", workspaceId);
+				self.set('workspaces', response);
+				self.selectWorkspace(workspaceId);
+
+				Ember.run.schedule('afterRender', function () {
+					window.scrollTo(0, document.body.scrollHeight);
+
+					response.forEach(function (workspace) {
+						self.addTooltip(document.getElementById("gemini-workspace-" + workspace.Id));
+					});
+				});
+				self.set('waiting', false);
+			}, function (reason) { // eslint-disable-line no-unused-vars
+				self.set('workspaces', []);
+				self.set('waiting', false);
+			});
+	},
+
+	getItems() {
+		let page = this.get('page');
+		let self = this;
+
+		this.set('waiting', true);
+
+		this.get('sectionService').fetch(page, "items", this.get('config'))
+			.then(function (response) {
+				if (self.get('isDestroyed') || self.get('isDestroying')) {
+					return;
+				}
+				self.set('items', response);
+				self.set('config.itemCount', response.length);
+				self.set('waiting', false);
+			}, function (reason) { // eslint-disable-line no-unused-vars
+				if (self.get('isDestroyed') || self.get('isDestroying')) {
+					return;
+				}
+				self.set('items', []);
+				self.set('waiting', false);
+			});
+	},
+
+	selectWorkspace(id) {
+		let self = this;
+		let w = this.get('workspaces');
+
+		w.forEach(function (w) {
+			Ember.set(w, 'selected', w.Id === id);
+
+			if (w.Id === id) {
+				self.set("config.filter", w.Filter);
+				self.set("config.workspaceId", id);
+				self.set("config.workspaceName", w.Title);
+				// console.log(self.get('config'));
+			}
+		});
+
+		this.set('workspaces', w);
+		this.getItems();
+	},
+
+	actions: {
+		isDirty() {
+			return this.get('isDirty');
+		},
+
+		auth() {
+			// missing data?
+			if (is.empty(this.get('config.url'))) {
+				$("#gemini-url").addClass("error").focus();
+				return;
+			}
+			if (is.empty(this.get('config.username'))) {
+				$("#gemini-username").addClass("error").focus();
+				return;
+			}
+			if (is.empty(this.get('config.APIKey'))) {
+				$("#gemini-apikey").addClass("error").focus();
+				return;
+			}
+
+			// knock out spaces
+			this.set('config.url', this.get('config.url').trim());
+			this.set('config.username', this.get('config.username').trim());
+			this.set('config.APIKey', this.get('config.APIKey').trim());
+
+			// remove trailing slash in URL
+			let url = this.get('config.url');
+			if (url.indexOf("/", url.length - 1) !== -1) {
+				this.set('config.url', url.substring(0, url.length - 1));
+			}
+
+			let page = this.get('page');
+			let self = this;
+
+			this.set('waiting', true);
+
+			this.get('sectionService').fetch(page, "auth", this.get('config'))
+				.then(function (response) {
+					self.set('authenticated', true);
+					self.set('user', response);
+					self.set('config.userId', response.BaseEntity.id);
+					self.set('waiting', false);
+					self.getWorkspaces();
+				}, function (reason) { // eslint-disable-line no-unused-vars
+					self.set('authenticated', false);
+					self.set('user', null);
+					self.set('config.userId', 0);
+					self.set('waiting', false);
+
+					switch (reason.status) {
+					case 400:
+						self.showNotification(`Unable to connect to Gemini URL`);
+						break;
+					case 403:
+						self.showNotification(`Unable to authenticate`);
+						break;
+					default:
+						self.showNotification(`Something went wrong, try again!`);
+					}
+				});
+		},
+
+		onWorkspaceChange(id) {
+			this.set('isDirty', true);
+			this.selectWorkspace(id);
+		},
+
+		onCancel() {
+			this.attrs.onCancel();
+		},
+
+		onAction(title) {
+			let page = this.get('page');
+			let meta = this.get('meta');
+			page.set('title', title);
+			meta.set('rawBody', JSON.stringify(this.get("items")));
+			meta.set('config', JSON.stringify(this.get('config')));
+			meta.set('externalSource', true);
+
+			this.attrs.onAction(page, meta);
+		}
+	}
+});

gui/app/components/section/gemini/type-renderer.js

@@ -0,0 +1,14 @@
+// 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';
+
+export default Ember.Component.extend({});

gui/app/components/section/github/type-editor.js

@@ -0,0 +1,263 @@
+// 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 NotifierMixin from '../../../mixins/notifier';
+import TooltipMixin from '../../../mixins/tooltip';
+import SectionMixin from '../../../mixins/section';
+
+export default Ember.Component.extend(SectionMixin, NotifierMixin, TooltipMixin, {
+	sectionService: Ember.inject.service('section'),
+	isDirty: false,
+	busy: false,
+	authenticated: false,
+	config: {},
+	owners: null,
+
+	didReceiveAttrs() {
+		let self = this;
+		let page = this.get('page');
+
+		if (is.undefined(this.get('config.clientId')) || is.undefined(this.get('config.callbackUrl'))) {
+			self.get('sectionService').fetch(page, "config", {})
+			.then(function (cfg) {
+				let config = {};
+
+				config = {
+					clientId: cfg.clientID,
+					callbackUrl: cfg.authorizationCallbackURL,
+					owner: null,
+					owner_name: "",
+					lists: [],
+					branchSince: "",
+					branchLines: "100",
+					userId: "",
+					pageId: page.get('id'),
+					showMilestones: false,
+					showIssues: false,
+					showCommits: true,
+				};
+
+				try {
+					let metaConfig = JSON.parse(self.get('meta.config'));
+					config.owner = metaConfig.owner;
+					config.lists = metaConfig.lists;
+					config.branchSince = metaConfig.branchSince;
+					config.userId = metaConfig.userId;
+					config.pageId = metaConfig.pageId;
+					config.showMilestones = metaConfig.showMilestones;
+					config.showIssues = metaConfig.showIssues;
+					config.showCommits = metaConfig.showCommits;
+				} catch (e) { // eslint-disable-line no-empty
+				}
+
+				if (_.isUndefined(config.showCommits)) {
+					config.showCommits = true;
+				}
+
+				self.set('config', config);
+				self.set('config.pageId', page.get('id'));
+
+				// On auth callback capture code
+				let code = window.location.search;
+				code = code.replace("?mode=edit", "");
+
+				if (is.not.undefined(code) && is.not.null(code) && is.not.empty(code) && code !== "") {
+					let tok = code.replace("&code=", "");
+					self.get('sectionService').fetch(page, "saveSecret", { "token": tok })
+						.then(function () {
+							self.send('authStage2');
+						}, function (error) { //jshint ignore: line
+							console.log(error); // eslint-disable-line no-console
+							self.send('auth');
+						});
+				} else {
+					if (config.userId !== self.get("session.session.authenticated.user.id")) {
+						console.log("github auth wrong user ID, switching"); // eslint-disable-line no-console
+						self.set('config.userId', self.get("session.session.authenticated.user.id"));
+					}
+					self.get('sectionService').fetch(page, "checkAuth", self.get('config'))
+						.then(function () {
+							self.send('authStage2');
+						}, function (error) { 
+							console.log(error); // eslint-disable-line no-console
+							self.send('auth'); // require auth if the db token is invalid
+						});
+				}
+			}, function (error) { 
+				console.log(error); // eslint-disable-line no-console
+			});
+		}
+	},
+
+	willDestroyElement() {
+		this.destroyTooltips();
+	},
+
+	getOwnerLists() {
+		this.set('busy', true);
+
+		let owners = this.get('owners');
+		let thisOwner = this.get('config.owner');
+
+		if (is.null(thisOwner) || is.undefined(thisOwner)) {
+			if (owners.length) {
+				thisOwner = owners[0];
+				this.set('config.owner', thisOwner);
+			}
+		} else {
+			this.set('config.owner', owners.findBy('id', thisOwner.id));
+		}
+
+		this.set('owner', thisOwner);
+
+		this.getOrgReposLists();
+
+		if (is.undefined(this.get('initDateTimePicker'))) {
+			$.datetimepicker.setLocale('en');
+			$('#branch-since').datetimepicker();
+			this.set('initDateTimePicker', "Done");
+		}
+	},
+
+	getOrgReposLists() {
+		this.set('busy', true);
+
+		let self = this;
+		let page = this.get('page');
+
+		this.get('sectionService').fetch(page, "orgrepos", self.get('config'))
+		.then(function (lists) {
+			let savedLists = self.get('config.lists');
+			if (savedLists === null) {
+				savedLists = [];
+			}
+
+			if (lists.length > 0) {
+				let noIncluded = true;
+
+				lists.forEach(function (list) {
+					let included = false;
+					var saved;
+					if (is.not.undefined(savedLists)) {
+						saved = savedLists.findBy("id", list.id);
+					}
+					if (is.not.undefined(saved)) {
+						included = saved.included;
+						noIncluded = false;
+					}
+					list.included = included;
+				});
+
+				if (noIncluded) {
+					lists[0].included = true; // make the first entry the default
+				}
+			}
+
+			self.set('config.lists', lists);
+			self.set('busy', false);
+		}, function (error) { 
+			self.set('busy', false);
+			self.set('authenticated', false);
+			self.showNotification("Unable to fetch repositories");
+			console.log(error); // eslint-disable-line no-console
+		});
+	},
+
+	actions: {
+		isDirty() {
+			return this.get('isDirty');
+		},
+
+		onListCheckbox(id) { // select one repository only
+			let lists = this.get('config.lists');
+			let list = lists.findBy('id', id);
+
+			lists.forEach(function (entry) {
+				Ember.set(entry, 'included', false);
+			});
+
+			if (list !== null) {
+				Ember.set(list, 'included', true);
+			}
+		},
+
+		authStage2() {
+			let self = this;
+			self.set('config.userId', self.get("session.session.authenticated.user.id"));
+			self.set('authenticated', true);
+			self.set('busy', true);
+			let page = this.get('page');
+
+			self.get('sectionService').fetch(page, "owners", self.get('config'))
+				.then(function (owners) {
+					self.set('busy', false);
+					self.set('owners', owners);
+					self.getOwnerLists();
+				}, function (error) { 
+					self.set('busy', false);
+					self.set('authenticated', false);
+					self.showNotification("Unable to fetch owners");
+					console.log(error); // eslint-disable-line no-console
+				});
+
+		},
+
+		auth() {
+			let self = this;
+			self.set('busy', true);
+			self.set('authenticated', false);
+
+			let target = "https://github.com/login/oauth/authorize?client_id=" + self.get('config.clientId') +
+				"&scope=repo&redirect_uri=" + encodeURIComponent(self.get('config.callbackUrl')) +
+				"&state=" + encodeURIComponent(window.location.href);
+
+			window.location.href = target;
+		},
+
+		onOwnerChange(thisOwner) {
+			this.set('isDirty', true);
+			this.set('config.owner', thisOwner);
+			this.set('config.lists', []);
+			this.getOwnerLists();
+		},
+
+		onStateChange(thisState) {
+			this.set('config.state', thisState);
+		},
+
+		onCancel() {
+			this.attrs.onCancel();
+		},
+
+		onAction(title) {
+			this.set('busy', true);
+
+			let self = this;
+			let page = this.get('page');
+			let meta = this.get('meta');
+			page.set('title', title);
+			meta.set('rawBody', '');
+			meta.set('config', JSON.stringify(this.get('config')));
+			meta.set('externalSource', true);
+
+			this.get('sectionService').fetch(page, 'content', this.get('config'))
+				.then(function (response) {
+					meta.set('rawBody', JSON.stringify(response));
+					self.set('busy', false);
+					self.attrs.onAction(page, meta);
+				}, function (reason) { // eslint-disable-line no-unused-vars
+					self.set('busy', false);
+					self.attrs.onAction(page, meta);
+				});
+		}
+	}
+});

gui/app/components/section/github/type-renderer.js

@@ -0,0 +1,14 @@
+// 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';
+
+export default Ember.Component.extend({});

gui/app/components/section/markdown/type-editor.js

@@ -0,0 +1,129 @@
+// 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';
+
+const {
+	inject: { service }
+} = Ember;
+
+export default Ember.Component.extend(TooltipMixin, {
+	link: service(),
+	pageBody: "",
+	pagePreview: "",
+	editMode: true,
+	codeSyntax: null,
+	codeEditor: null,
+	editorId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `markdown-editor-${page.id}`;
+	}),
+	previewId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `markdown-preview-${page.id}`;
+	}),
+
+	init() {
+		this._super(...arguments);
+        this.set('pageBody', this.get('meta.rawBody').trim());
+    },
+
+	didInsertElement() {
+		this.attachEditor();
+		this.addTooltip(document.getElementById(this.get('tooltipId')));
+    },
+
+    willDestroyElement() {
+		let editor = this.get('codeEditor');
+
+		if (this.get('editMode')) {
+			editor.toTextArea();
+			editor = null;
+		}
+
+		this.set('codeEditor', null);
+		this.destroyTooltips();
+    },
+
+	getBody() {
+		return this.get('codeEditor').getDoc().getValue().trim();
+	},
+
+	attachEditor() {
+		var editor = CodeMirror.fromTextArea(document.getElementById(this.get('editorId')), {
+            theme: "default",
+			mode: "markdown",
+            lineNumbers: false,
+            lineWrapping: true,
+            indentUnit: 4,
+            tabSize: 4,
+            value: "",
+            dragDrop: false,
+			extraKeys: {"Enter": "newlineAndIndentContinueMarkdownList"}
+        });
+		
+		CodeMirror.commands.save = function(/*instance*/){
+			Mousetrap.trigger('ctrl+s');
+		};
+
+        this.set('codeEditor', editor);
+
+        let syntax = this.get("codeSyntax");
+
+        if (is.not.undefined(syntax)) {
+            CodeMirror.autoLoadMode(editor, "markdown");
+            editor.setOption("mode", "markdown");
+        }
+	},
+
+	actions: {
+		onPreview() {
+			this.set('editMode', !this.get('editMode'));
+
+			Ember.run.schedule('afterRender', () => {
+				if (this.get('editMode')) {
+					this.attachEditor();
+				} else {
+					this.set('pageBody',this.getBody());
+					let md = window.markdownit({ linkify: true });
+					let result = md.render(this.getBody());
+
+					this.set('pagePreview', result);
+				}
+			});
+		},
+
+		onInsertLink(link) {
+			let linkMarkdown = this.get('link').buildLink(link);
+			this.get('codeEditor').getDoc().replaceSelection(linkMarkdown);
+
+			return true;
+		},
+
+		isDirty() {
+			return this.get('codeEditor').getDoc().isClean() === false;
+		},
+
+		onCancel() {
+			this.attrs.onCancel();
+		},
+
+		onAction(title) {
+			let page = this.get('page');
+			let meta = this.get('meta');
+			page.set('title', title);
+			meta.set('rawBody', this.getBody());
+
+			this.attrs.onAction(page, meta);
+		}
+	}
+});

gui/app/components/section/markdown/type-renderer.js

@@ -0,0 +1,14 @@
+// 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';
+
+export default Ember.Component.extend({});

gui/app/components/section/papertrail/type-editor.js

@@ -0,0 +1,186 @@
+// 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 NotifierMixin from '../../../mixins/notifier';
+import TooltipMixin from '../../../mixins/tooltip';
+import SectionMixin from '../../../mixins/section';
+import netUtil from '../../../utils/net';
+
+export default Ember.Component.extend(SectionMixin, NotifierMixin, TooltipMixin, {
+	sectionService: Ember.inject.service('section'),
+	isDirty: false,
+	waiting: false,
+	authenticated: false,
+	config: {},
+	items: {},
+
+	didReceiveAttrs() {
+		let config = {};
+
+		try {
+			config = JSON.parse(this.get('meta.config'));
+		} catch (e) {} // eslint-disable-line no-empty
+
+		if (is.empty(config)) {
+			config = {
+				APIToken: "",
+				query: "",
+				max: 10,
+				group: null,
+				system: null
+			};
+		}
+
+		this.set('config', config);
+
+		this.send('auth');
+	},
+
+	willDestroyElement() {
+		this.destroyTooltips();
+	},
+
+	displayError(reason) {
+		if (netUtil.isAjaxAccessError(reason)) {
+			this.showNotification(`Unable to authenticate`);
+		} else {
+			this.showNotification(`Something went wrong, try again!`);
+		}
+	},
+
+	actions: {
+		isDirty() {
+			return this.get('isDirty');
+		},
+
+		auth() {
+			let page = this.get('page');
+			let config = this.get('config');
+			let self = this;
+
+			this.set('waiting', true);
+
+			this.get('sectionService').fetch(page, "auth", config)
+				.then(function (response) {
+					self.set('authenticated', true);
+					self.set('items', response);
+					self.set('config.APIToken', '********'); // reset the api token once it has been sent to the host
+
+					self.get('sectionService').fetch(page, "options", config)
+						.then(function (response) {
+							self.set('options', response);
+							self.set('waiting', false);
+
+							let options = self.get('options');
+							let group = {};
+							if (is.not.null(config.group)) {
+								group = _.findWhere(options.groups, { id: config.group.id });
+							} else {
+								group = options.groups[0];
+							}
+							if (is.not.undefined(group)) {
+								Ember.set(config, 'group', group);
+							}
+						}, function (reason) { 
+							self.set('authenticated', false);
+							self.set('waiting', false);
+							self.set('config.APIToken', ''); // clear the api token 
+							self.displayError(reason);
+							console.log("get options call failed"); // eslint-disable-line no-console
+						});
+				}, function (reason) { 
+					self.set('authenticated', false);
+					self.set('waiting', false);
+					self.set('config.APIToken', ''); // clear the api token 
+					self.displayError(reason);
+					console.log("auth token invalid"); // eslint-disable-line no-console
+				});
+		},
+
+		onGroupsChange(group) {
+			let config = this.get('config');
+			let page = this.get('page');
+			let self = this;
+			this.set('isDirty', true);
+			this.set('config.group', group);
+			this.set('waiting', true);
+
+			this.get('sectionService').fetch(page, "auth", config)
+				.then(function (response) {
+					self.set('waiting', false);
+					self.set('items', response);
+				}, function (reason) { //jshint ignore: line
+					self.set('waiting', false);
+					self.displayError(reason);
+				});
+		},
+
+		onSystemsChange(system) {
+			let config = this.get('config');
+			let page = this.get('page');
+			let self = this;
+			this.set('isDirty', true);
+			this.set('config.system', system);
+			this.set('waiting', true);
+
+			this.get('sectionService').fetch(page, "auth", config)
+				.then(function (response) {
+					self.set('waiting', false);
+					self.set('items', response);
+				}, function (reason) { //jshint ignore: line
+					self.set('waiting', false);
+					self.displayError(reason);
+				});
+		},
+
+		onCancel() {
+			this.attrs.onCancel();
+		},
+
+		onAction(title) {
+			let self = this;
+			let page = this.get('page');
+			let meta = this.get('meta');
+			page.set('title', title);
+			meta.set('externalSource', true);
+
+			let config = this.get('config');
+			let max = 10;
+			if (is.number(parseInt(config.max))) {
+				max = parseInt(config.max);
+			}
+
+			Ember.set(config, 'max', max);
+			this.set('waiting', true);
+
+			this.get('sectionService').fetch(page, "auth", this.get('config'))
+				.then(function (response) {
+					self.set('items', response);
+					let items = self.get('items');
+
+					if (items.events.length > max) {
+						items.events = items.events.slice(0, max);
+					}
+
+					meta.set('config', JSON.stringify(config));
+					meta.set('rawBody', JSON.stringify(items));
+
+					self.set('waiting', false);
+					self.attrs.onAction(page, meta);
+				}, function (reason) { // eslint-disable-line no-unused-vars
+					self.set('authenticated', false);
+					self.set('waiting', false);
+					self.showNotification(`Something went wrong, try again!`);
+				});
+		}
+	}
+});

gui/app/components/section/papertrail/type-renderer.js

@@ -0,0 +1,14 @@
+// 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';
+
+export default Ember.Component.extend({});

gui/app/components/section/table/type-editor.js

@@ -0,0 +1,73 @@
+// 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';
+
+export default Ember.Component.extend({
+	isDirty: false,
+	pageBody: "",
+	editorId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `table-editor-${page.id}`;
+	}),
+	defaultTable: '<table class="wysiwyg-table" style="width: 100%;"><thead><tr><th><br></th><th><br></th><th><br></th><th><br></th></tr></thead><tbody><tr><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td></tr><tr><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td></tr><tr><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td><td style="width: 25.0000%;"><br></td></tr></tbody></table>',
+
+	didReceiveAttrs() {
+		this.set('pageBody', this.get('meta.rawBody'));
+
+		if (is.empty(this.get('pageBody'))) {
+			this.set('pageBody', this.get('defaultTable'));
+		}
+	},
+
+	didInsertElement() {
+		let id = '#' + this.get('editorId');
+		$(id).froalaEditor({
+			toolbarButtons: [],
+			toolbarInline: true,
+			tableResizerOffset: 10
+		});
+
+		$(id).on('froalaEditor.contentChanged', () => {
+			this.set('isDirty', true);
+		});
+	},
+
+	willDestroyElement() {
+		$('#' + this.get('editorId')).off('froalaEditor.contentChanged');
+	},
+
+	actions: {
+		isDirty() {
+			return this.get('isDirty');
+		},
+
+		onCancel() {
+			this.attrs.onCancel();
+		},
+
+		onAction(title) {
+			let page = this.get('page');
+			let meta = this.get('meta');
+
+			let body = $('#' + this.get('editorId')).froalaEditor('html.get', true);
+			page.set('title', title);
+
+			if (is.empty(body)) {
+				body = this.get('defaultTable');
+			}
+
+			meta.set('rawBody', body);
+
+			this.attrs.onAction(page, meta);
+		}
+	}
+});

gui/app/components/section/table/type-renderer.js

@@ -0,0 +1,14 @@
+// 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';
+
+export default Ember.Component.extend({});

gui/app/components/section/trello/type-editor.js

@@ -0,0 +1,242 @@
+// 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
+
+/*global Trello*/
+import Ember from 'ember';
+import NotifierMixin from '../../../mixins/notifier';
+import TooltipMixin from '../../../mixins/tooltip';
+import SectionMixin from '../../../mixins/section';
+
+export default Ember.Component.extend(SectionMixin, NotifierMixin, TooltipMixin, {
+	sectionService: Ember.inject.service('section'),
+	isDirty: false,
+	busy: false,
+	authenticated: false,
+	config: {},
+	boards: null,
+	noBoards: false,
+	appKey: "",
+
+	boardStyle: Ember.computed('config.board', function () {
+		let board = this.get('config.board');
+
+		if (is.null(board) || is.undefined(board)) {
+			return "#4c4c4c";
+		}
+
+		let color = board.prefs.backgroundColor;
+		return Ember.String.htmlSafe("background-color: " + color);
+	}),
+
+	didReceiveAttrs() {
+		let page = this.get('page');
+		let config = {};
+		let self = this;
+
+		try {
+			config = JSON.parse(this.get('meta.config'));
+		} catch (e) {} // eslint-disable-line no-empty
+
+		if (is.empty(config)) {
+			config = {
+				token: "",
+				user: null,
+				board: null,
+				lists: []
+			};
+		}
+
+		this.set('config', config);
+
+		this.get('sectionService').fetch(page, "config", {})
+			.then(function (s) {
+				self.set('appKey', s.appKey);
+				self.set('config.token', s.token); // the user's own token has been stored in the DB
+
+				// On auth callback capture user token
+				let hashToken = window.location.hash;
+				if (is.not.undefined(hashToken) && is.not.null(hashToken)) {
+					let token = hashToken.replace("#token=", "");
+					if (is.not.empty(token)) {
+						self.set('config.token', token);
+					}
+				}
+
+				if (self.get('appKey') !== "" && self.get('config.token') !== "") {
+					self.send('auth');
+				} else {
+					Ember.$.getScript("https://api.trello.com/1/client.js?key=" + self.get('appKey'), function () {
+						Trello.deauthorize();
+					});
+				}
+			}, function (error) { 
+				console.log(error); // eslint-disable-line no-console
+			});
+	},
+
+	willDestroyElement() {
+		this.destroyTooltips();
+	},
+
+	getBoardLists() {
+		this.set('busy', true);
+
+		let self = this;
+		let boards = this.get('boards');
+		let board = this.get('config.board');
+		let page = this.get('page');
+
+		if (is.null(boards) || is.undefined(boards) || boards.length === 0) {
+			this.set('noBoards', true);
+			return;
+		}
+
+		this.set('noBoards', false);
+
+		if (is.null(board) || is.undefined(board)) {
+			if (boards.length) {
+				board = boards[0];
+				this.set('config.board', board);
+			}
+		} else {
+			this.set('config.board', boards.findBy('id', board.id));
+		}
+
+		this.get('sectionService').fetch(page, "lists", self.get('config'))
+			.then(function (lists) {
+				let savedLists = self.get('config.lists');
+				if (savedLists === null) {
+					savedLists = [];
+				}
+
+				lists.forEach(function (list) {
+					let saved = savedLists.findBy("id", list.id);
+					let included = true;
+					if (is.not.undefined(saved)) {
+						included = saved.included;
+					}
+					list.included = included;
+				});
+
+				self.set('config.lists', lists);
+				self.set('busy', false);
+			}, function (error) { //jshint ignore: line
+				self.set('busy', false);
+				self.set('authenticated', false);
+				self.showNotification("Unable to fetch board lists");
+				console.log(error); // eslint-disable-line no-console
+			});
+	},
+
+	actions: {
+		isDirty() {
+			return this.get('isDirty');
+		},
+
+		onListCheckbox(id) {
+			let lists = this.get('config.lists');
+			let list = lists.findBy('id', id);
+
+			if (list !== null) {
+				Ember.set(list, 'included', !list.included);
+			}
+		},
+
+		auth() {
+			if (this.get('appKey') === "") {
+				$("#trello-appkey").addClass('error').focus();
+				this.set('authenticated', false);
+				return;
+			}
+
+			let self = this;
+			let page = this.get('page');
+
+			self.set('busy', true);
+
+			Ember.$.getScript("https://api.trello.com/1/client.js?key=" + this.get('appKey'), function () {
+				Trello.authorize({
+					type: "redirect",
+					interactive: true,
+					name: "Documize",
+					scope: {
+						read: true,
+						write: false
+					},
+					expiration: "never",
+					persist: true,
+					success: function () {
+						self.set('authenticated', true);
+						self.set('config.token', Trello.token());
+						self.set('busy', true);
+
+						Trello.members.get("me", function (user) {
+							self.set('config.user', user);
+						}, function (error) {
+							console.log(error); // eslint-disable-line no-console
+						});
+
+						self.get('sectionService').fetch(page, "boards", self.get('config'))
+							.then(function (boards) {
+								self.set('busy', false);
+								self.set('boards', boards);
+								self.getBoardLists();
+							}, function (error) { //jshint ignore: line
+								self.set('busy', false);
+								self.set('authenticated', false);
+								self.showNotification("Unable to fetch boards");
+								console.log(error); // eslint-disable-line no-console
+							});
+					},
+					error: function (error) {
+						self.set('busy', false);
+						self.set('authenticated', false);
+						self.showNotification("Unable to authenticate");
+						console.log(error); // eslint-disable-line no-console
+					}
+				});
+			});
+		},
+
+		onBoardChange(board) {
+			this.set('isDirty', true);
+			this.set('config.board', board);
+			this.set('config.lists', []);
+			this.getBoardLists();
+		},
+
+		onCancel() {
+			this.attrs.onCancel();
+		},
+
+		onAction(title) {
+			this.set('busy', true);
+
+			let self = this;
+			let page = this.get('page');
+			let meta = this.get('meta');
+			page.set('title', title);
+			meta.set('rawBody', '');
+			meta.set('config', JSON.stringify(this.get('config')));
+			meta.set('externalSource', true);
+
+			this.get('sectionService').fetch(page, "cards", this.get('config'))
+				.then(function (response) {
+					meta.set('rawBody', JSON.stringify(response));
+					self.set('busy', false);
+					self.attrs.onAction(page, meta);
+				}, function (reason) { // eslint-disable-line no-unused-vars
+					self.set('busy', false);
+					self.attrs.onAction(page, meta);
+				});
+		}
+	}
+});

gui/app/components/section/trello/type-renderer.js

@@ -0,0 +1,14 @@
+// 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';
+
+export default Ember.Component.extend({});

gui/app/components/section/wysiwyg/type-editor.js

@@ -0,0 +1,134 @@
+// 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';
+
+const {
+	inject: { service }
+} = Ember;
+
+export default Ember.Component.extend({
+	appMeta: service(),
+	link: service(),
+	pageBody: "",
+	editorId: Ember.computed('page', function () {
+		let page = this.get('page');
+		return `wysiwyg-editor-${page.id}`;
+	}),
+
+	didReceiveAttrs() {
+		this.set('pageBody', this.get('meta.rawBody'));
+	},
+
+	didInsertElement() {
+		let options = {
+			selector: "#" + this.get('editorId'),
+			relative_urls: false,
+			cache_suffix: "?v=443",
+			browser_spellcheck: false,
+			gecko_spellcheck: false,
+			theme: "modern",
+			skin: 'documize',
+			statusbar: false,
+			inline: true,
+			entity_encoding: "raw",
+			paste_data_images: true,
+			image_advtab: true,
+			image_caption: true,
+			media_live_embeds: true,
+			fontsize_formats: "8px 10px 12px 14px 17px 18px 24px 36px 40px 50px 60px",
+			formats: {
+				bold: {
+					inline: 'b'
+				},
+				italic: {
+					inline: 'i'
+				}
+			},
+			codesample_languages: [
+				{text: 'HTML/XML', value: 'markup'},
+				{text: 'JavaScript', value: 'javascript'},
+				{text: 'CSS', value: 'css'},
+				{text: 'PHP', value: 'php'},
+				{text: 'Ruby', value: 'ruby'},
+				{text: 'Python', value: 'python'},
+				{text: 'Java', value: 'java'},
+				{text: 'C', value: 'c'},
+				{text: 'C#', value: 'csharp'},
+				{text: 'C++', value: 'cpp'}],
+			extended_valid_elements: "b,i,b/strong,i/em",
+			plugins: [
+				'advlist autolink lists link image charmap print preview hr anchor pagebreak',
+				'searchreplace wordcount visualblocks visualchars code codesample fullscreen',
+				'insertdatetime media nonbreaking save table directionality',
+				'template paste textcolor colorpicker textpattern imagetools'
+			],
+			menu: {},
+			menubar: false,
+			toolbar1: "formatselect fontsizeselect | bold italic underline strikethrough superscript subscript | forecolor backcolor link unlink",
+			toolbar2: "outdent indent bullist numlist | alignleft aligncenter alignright alignjustify | table image media codesample",
+			save_onsavecallback: function () {
+				Mousetrap.trigger('ctrl+s');
+			}
+		};
+
+		if (typeof tinymce === 'undefined') {
+			$.getScript("/tinymce/tinymce.min.js?v=443", function () {
+				window.tinymce.dom.Event.domLoaded = true;
+				tinymce.baseURL = "//" + window.location.host + "/tinymce";
+				tinymce.suffix = ".min";
+				tinymce.init(options);
+			});
+		} else {
+			tinymce.init(options);
+		}
+	},
+
+	willDestroyElement() {
+		tinymce.EditorManager.execCommand('mceRemoveEditor', true, this.get('editorId'));
+	},
+
+	actions: {
+		onInsertLink(link) {
+			let editor = tinymce.EditorManager.get(this.get('editorId'));
+			let userSelection = editor.selection.getContent();
+
+			if (is.not.empty(userSelection)) {
+				Ember.set(link, 'title', userSelection);
+			}
+
+			let linkHTML = this.get('link').buildLink(link);
+			editor.insertContent(linkHTML);
+
+			return true;
+		},
+
+		isDirty() {
+			let editor = tinymce.EditorManager.get(this.get('editorId'));
+			return is.not.undefined(tinymce) && is.not.undefined(editor) && editor.isDirty();
+		},
+
+		onCancel() {
+			this.attrs.onCancel();
+		},
+
+		onAction(title) {
+			let page = this.get('page');
+			let meta = this.get('meta');
+			let editor = tinymce.EditorManager.get(this.get('editorId'));
+
+			page.set('title', title);
+			meta.set('rawBody', editor.getContent());
+
+			this.attrs.onAction(page, meta);
+		}
+	}
+});

gui/app/components/section/wysiwyg/type-renderer.js

@@ -0,0 +1,14 @@
+// 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';
+
+export default Ember.Component.extend({});