moved emberjs to gui folder

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);
+    }
+});