diff options
author | Pushkar Joshi | 2012-05-31 12:20:03 -0700 |
---|---|---|
committer | Pushkar Joshi | 2012-05-31 12:20:03 -0700 |
commit | 4bc52365b1f81a386c3c59fd7c6ad874bb387cb5 (patch) | |
tree | c5b17297aba04bd54a59cf6214d29486e089031b /js/document/views/code.js | |
parent | 75a862d305bc4502e22bc5aa65fa271143b8cf6c (diff) | |
parent | 6042bdc5f2aada4412912fd01602d32c9088dc26 (diff) | |
download | ninja-4bc52365b1f81a386c3c59fd7c6ad874bb387cb5.tar.gz |
Merge branch 'master' into pentool
Diffstat (limited to 'js/document/views/code.js')
-rwxr-xr-x | js/document/views/code.js | 142 |
1 files changed, 138 insertions, 4 deletions
diff --git a/js/document/views/code.js b/js/document/views/code.js index cd3e02d4..0a0ff5c1 100755 --- a/js/document/views/code.js +++ b/js/document/views/code.js | |||
@@ -10,16 +10,150 @@ var Montage = require("montage/core/core").Montage, | |||
10 | Component = require("montage/ui/component").Component, | 10 | Component = require("montage/ui/component").Component, |
11 | BaseDocumentView = require("js/document/views/base").BaseDocumentView; | 11 | BaseDocumentView = require("js/document/views/base").BaseDocumentView; |
12 | //////////////////////////////////////////////////////////////////////// | 12 | //////////////////////////////////////////////////////////////////////// |
13 | // | 13 | // |
14 | exports.CodeDocumentView = Montage.create(BaseDocumentView, { | 14 | exports.CodeDocumentView = Montage.create(BaseDocumentView, { |
15 | //////////////////////////////////////////////////////////////////// | 15 | //////////////////////////////////////////////////////////////////// |
16 | // | 16 | // |
17 | hasTemplate: { | 17 | hasTemplate: { |
18 | enumerable: false, | ||
19 | value: false | 18 | value: false |
19 | }, | ||
20 | //////////////////////////////////////////////////////////////////// | ||
21 | // | ||
22 | _editor: { | ||
23 | value: null | ||
24 | }, | ||
25 | //////////////////////////////////////////////////////////////////// | ||
26 | // | ||
27 | editor: { | ||
28 | get: function() {return this._editor;}, | ||
29 | set: function(value) {this._editor = value;} | ||
30 | }, | ||
31 | //////////////////////////////////////////////////////////////////// | ||
32 | // | ||
33 | _textArea: { | ||
34 | value: null | ||
35 | }, | ||
36 | //////////////////////////////////////////////////////////////////// | ||
37 | // | ||
38 | textArea: { | ||
39 | get: function() {return this._textArea;}, | ||
40 | set: function(value) {this._textArea = value;} | ||
41 | }, | ||
42 | //////////////////////////////////////////////////////////////////// | ||
43 | // | ||
44 | _textViewContainer: { | ||
45 | value: null | ||
46 | }, | ||
47 | //////////////////////////////////////////////////////////////////// | ||
48 | // | ||
49 | textViewContainer: { | ||
50 | get: function() {return this._textViewContainer;}, | ||
51 | set: function(value) {this._textViewContainer = value;} | ||
52 | }, | ||
53 | //////////////////////////////////////////////////////////////////// | ||
54 | // | ||
55 | initialize:{ | ||
56 | value: function(parentContainer){ | ||
57 | //create contianer | ||
58 | this.textViewContainer = document.createElement("div"); | ||
59 | //this.textViewContainer.id = "codemirror_" + uuid; | ||
60 | this.textViewContainer.style.display = "block"; | ||
61 | parentContainer.appendChild(this.textViewContainer); | ||
62 | //create text area | ||
63 | this.textArea = this.createTextAreaElement(); | ||
64 | } | ||
65 | }, | ||
66 | //////////////////////////////////////////////////////////////////// | ||
67 | //Creates a textarea element which will contain the content of the opened text document | ||
68 | createTextAreaElement: { | ||
69 | value: function() { | ||
70 | var textArea = document.createElement("textarea"); | ||
71 | //textArea.id = "code"; | ||
72 | //textArea.name = "code"; | ||
73 | this.textViewContainer.appendChild(textArea); | ||
74 | //Returns textarea element | ||
75 | return textArea; | ||
76 | } | ||
77 | }, | ||
78 | //////////////////////////////////////////////////////////////////// | ||
79 | //Creates a new instance of a code editor | ||
80 | initializeTextView: { | ||
81 | value: function(file, textDocument) { | ||
82 | // | ||
83 | var type; | ||
84 | // | ||
85 | if(this.activeDocument) { | ||
86 | //need to hide only if another document was open before | ||
87 | //this.application.ninja.documentController._hideCurrentDocument(); | ||
88 | //this.hideOtherDocuments(doc.uuid); | ||
89 | } | ||
90 | // | ||
91 | switch(file.extension) { | ||
92 | case "css" : | ||
93 | type = "css"; | ||
94 | break; | ||
95 | case "js" : | ||
96 | type = "javascript"; | ||
97 | break; | ||
98 | case "html" : | ||
99 | type = "htmlmixed"; | ||
100 | break; | ||
101 | case "json" : | ||
102 | type = "javascript"; | ||
103 | break; | ||
104 | case "php" : | ||
105 | type = "php"; | ||
106 | break; | ||
107 | case "pl" : | ||
108 | type = "perl"; | ||
109 | break; | ||
110 | case "py" : | ||
111 | type = "python"; | ||
112 | break; | ||
113 | case "rb" : | ||
114 | type = "ruby"; | ||
115 | break; | ||
116 | case "xml" : | ||
117 | type = "xml"; | ||
118 | break; | ||
119 | } | ||
120 | // | ||
121 | this.textViewContainer.style.display="block"; | ||
122 | // | ||
123 | this.editor = this.application.ninja.codeEditorController.createEditor(this, type, file.extension, textDocument); | ||
124 | this.editor.hline = this.editor.setLineClass(0, "activeline"); | ||
125 | } | ||
126 | }, | ||
127 | //////////////////////////////////////////////////////////////////// | ||
128 | // | ||
129 | show: { | ||
130 | value: function (callback) { | ||
131 | // | ||
132 | this.textViewContainer.style.display = "block"; | ||
133 | // | ||
134 | if (callback) callback(); | ||
135 | } | ||
136 | }, | ||
137 | //////////////////////////////////////////////////////////////////// | ||
138 | // | ||
139 | hide: { | ||
140 | value: function (callback) { | ||
141 | // | ||
142 | this.textViewContainer.style.display = "none"; | ||
143 | // | ||
144 | if (callback) callback(); | ||
145 | } | ||
146 | }, | ||
147 | //////////////////////////////////////////////////////////////////// | ||
148 | // | ||
149 | applyTheme:{ | ||
150 | value:function(themeClass){ | ||
151 | //Todo: change for bucket structure of documents | ||
152 | this.textViewContainer.className = "codeViewContainer "+themeClass; | ||
153 | } | ||
20 | } | 154 | } |
21 | //////////////////////////////////////////////////////////////////// | 155 | //////////////////////////////////////////////////////////////////// |
22 | //////////////////////////////////////////////////////////////////// | 156 | //////////////////////////////////////////////////////////////////// |
23 | }); | 157 | }); |
24 | //////////////////////////////////////////////////////////////////////// | 158 | //////////////////////////////////////////////////////////////////////// |
25 | //////////////////////////////////////////////////////////////////////// \ No newline at end of file | 159 | //////////////////////////////////////////////////////////////////////// \ No newline at end of file |