/lib/controls/code_editor.js
https://github.com/ajanthanm/cssfilterlab · JavaScript · 83 lines · 51 code · 13 blank · 19 comment · 3 complexity · a1ae43c0a5609a1b1e41b9d1831ef368 MD5 · raw file
- /*
- * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- (function(){
-
- function CodeEditor(el) {
- CodeEditor.$super.call(this);
- // For performance reasons we will keep the code-mirror editor in a absolute posioned element
- // attached directly to body. This way we will avoid long layouts and long paint times due to
- // flex-box implementation.
- // We will keep the original element around to make it easy to steal its coordinates.
- this.uiElement = el;
- this.element = $("<div />").addClass("code-editor").appendTo("#codemirror-editors-view");
- this.isSupported = true;
-
- if (typeof CodeMirror !== 'function'){
- console.warn("Missing CodeMirror library. See README file")
- this.isSupported = false;
- return
- }
- var self = this;
- this.editor = new CodeMirror(this.element[0], {
- lineNumbers: true,
- matchBrackets: true,
- mode: "text/x-csrc",
- onChange: function() {
- self.fire("valueChanged", [self.getValue()]);
- }
- });
- }
- Global.Utils.extend(CodeEditor).from(Global.EventDispatcher);
- $.extend(CodeEditor.prototype, {
- setValue: function(value) {
- this.editor.setValue(value);
- },
- getValue: function() {
- return this.editor.getValue();
- },
- setActive: function(active) {
- this.element.toggleClass("active-shader-view", active);
- if (active)
- this.refresh();
- },
- refresh: function() {
- if (!this.isSupported){
- return
- }
- var clientRect = this.uiElement[0].getBoundingClientRect();
- this.element.css({
- "left": clientRect.left,
- "top": clientRect.top,
- "width": clientRect.width,
- "height": clientRect.height
- });
- $(this.editor.getScrollerElement()).height(clientRect.height);
- this.editor.refresh();
- }
- });
- Global.CodeEditor = CodeEditor;
- })();