aboutsummaryrefslogtreecommitdiff
path: root/js/code-editor/ui
diff options
context:
space:
mode:
Diffstat (limited to 'js/code-editor/ui')
-rw-r--r--js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.js121
1 files changed, 55 insertions, 66 deletions
diff --git a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.js b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.js
index 07561580..a27d4450 100644
--- a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.js
+++ b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.js
@@ -10,81 +10,70 @@ var Montage = require("montage/core/core").Montage,
10 Component = require("montage/ui/component").Component; 10 Component = require("montage/ui/component").Component;
11 11
12var CodeEditorViewOptions = exports.CodeEditorViewOptions = Montage.create(Component, { 12var CodeEditorViewOptions = exports.CodeEditorViewOptions = Montage.create(Component, {
13 hasReel: {
14 value: true
15 },
16 13
17 prepareForDraw: { 14 prepareForDraw: {
18 value: function() { 15 value: function() {
19 Object.defineBinding(this.codeCompleteCheck , "checked", { 16 Object.defineBinding(this.codeCompleteCheck , "checked", {
20 boundObject: this.application.ninja.codeEditorController, 17 boundObject: this.application.ninja.codeEditorController,
21 boundObjectPropertyPath: "automaticCodeComplete", 18 boundObjectPropertyPath: "automaticCodeComplete",
22 oneway : false 19 oneway : false
23 }); 20 });
24 21
25 Object.defineBinding(this.zoomHottext , "value", { 22 Object.defineBinding(this.zoomHottext , "value", {
26 boundObject: this.application.ninja.codeEditorController, 23 boundObject: this.application.ninja.codeEditorController,
27 boundObjectPropertyPath: "zoomFactor", 24 boundObjectPropertyPath: "zoomFactor",
28 oneway : false 25 oneway : false
29 }); 26 });
30 27
31 } 28 }
32 }, 29 },
33 30
34 willDraw: { 31 didDraw: {
35 enumerable: false, 32 enumerable: false,
36 value: function() {} 33 value: function() {
37 }, 34 //this.format.addEventListener("click", this.handleFormat.bind(this), false);
38 draw: { 35 this.comment.addEventListener("click", this.handleComment.bind(this), false);
39 enumerable: false, 36 this.uncomment.addEventListener("click", this.handleUncomment.bind(this), false);
40 value: function() {} 37 this.themeSelect.addEventListener("change", this.handleThemeSelection.bind(this), false);
41 }, 38 this.shortKeys.addEventListener("click", this.handleShortKeys.bind(this), false);
42 didDraw: { 39 }
43 enumerable: false, 40 },
44 value: function() {
45 //this.format.addEventListener("click", this.handleFormat.bind(this), false);
46 this.comment.addEventListener("click", this.handleComment.bind(this), false);
47 this.uncomment.addEventListener("click", this.handleUncomment.bind(this), false);
48 this.themeSelect.addEventListener("change", this.handleThemeSelection.bind(this), false);
49 this.shortKeys.addEventListener("click", this.handleShortKeys.bind(this), false);
50 }
51 },
52 41
53 handleFormat:{ 42 handleFormat:{
54 value: function(evt){ 43 value: function(evt){
55 this.application.ninja.codeEditorController.autoFormatSelection(); 44 this.application.ninja.codeEditorController.autoFormatSelection();
56 } 45 }
57 }, 46 },
58 handleComment:{ 47 handleComment:{
59 value: function(evt){ 48 value: function(evt){
60 this.application.ninja.codeEditorController.commentSelection(true); 49 this.application.ninja.codeEditorController.commentSelection(true);
61 } 50 }
62 }, 51 },
63 52
64 handleUncomment:{ 53 handleUncomment:{
65 value: function(evt){ 54 value: function(evt){
66 this.application.ninja.codeEditorController.commentSelection(false); 55 this.application.ninja.codeEditorController.commentSelection(false);
67 } 56 }
68 }, 57 },
69 58
70 handleThemeSelection:{ 59 handleThemeSelection:{
71 value: function(evt){ 60 value: function(evt){
72 this.application.ninja.codeEditorController.editorTheme = this.themeSelect.options[this.themeSelect.selectedIndex].value; 61 this.application.ninja.codeEditorController.editorTheme = this.themeSelect.options[this.themeSelect.selectedIndex].value;
73 this.application.ninja.codeEditorController.handleThemeSelection(); 62 this.application.ninja.codeEditorController.handleThemeSelection();
74 } 63 }
75 }, 64 },
76 65
77 handleShortKeys:{ 66 handleShortKeys:{
78 value:function(evt){ 67 value:function(evt){
79 var list = this.shortKeys.querySelector(".list"); 68 var list = this.shortKeys.querySelector(".list");
80 if(list && list.classList.contains("hide")){ 69 if(list && list.classList.contains("hide")){
81 list.classList.remove("hide"); 70 list.classList.remove("hide");
82 list.classList.add("show"); 71 list.classList.add("show");
83 }else if(list && list.classList.contains("show")){ 72 }else if(list && list.classList.contains("show")){
84 list.classList.remove("show"); 73 list.classList.remove("show");
85 list.classList.add("hide"); 74 list.classList.add("hide");
86 }
87 } 75 }
88 } 76 }
77 }
89 78
90}); \ No newline at end of file 79}); \ No newline at end of file