diff options
author | Valerio Virgillito | 2012-06-04 10:20:57 -0700 |
---|---|---|
committer | Valerio Virgillito | 2012-06-04 10:20:57 -0700 |
commit | c1ec69879028220b0c3f11ad6e24035bf527802c (patch) | |
tree | 043bfe4ec9e08f4f598a4845ae5fbcddacc7c8fb /js | |
parent | 3abba04025dbc0daadb08184833a2558c442b8e1 (diff) | |
parent | 266460e52831c5b3a3473be420756fd88bb8aced (diff) | |
download | ninja-c1ec69879028220b0c3f11ad6e24035bf527802c.tar.gz |
Merge pull request #264 from mencio/document-bindings-fix
Document bindings fix - Changing the documents architecture to use bindings instead of events
Diffstat (limited to 'js')
68 files changed, 1408 insertions, 1405 deletions
diff --git a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.css b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.css index 6130382b..aeaf604c 100644 --- a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.css +++ b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.css | |||
@@ -18,7 +18,7 @@ | |||
18 | height: 20px; | 18 | height: 20px; |
19 | } | 19 | } |
20 | 20 | ||
21 | .viewOptions .autoCodeComplete span{ | 21 | .viewOptions .autoCodeComplete label{ |
22 | vertical-align: middle; | 22 | vertical-align: middle; |
23 | } | 23 | } |
24 | 24 | ||
diff --git a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html index 14d6cb55..2c91ca13 100644 --- a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html +++ b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html | |||
@@ -14,6 +14,9 @@ | |||
14 | "prototype": "montage/ui/checkbox.reel", | 14 | "prototype": "montage/ui/checkbox.reel", |
15 | "properties": { | 15 | "properties": { |
16 | "element": {"#": "codeComplete"} | 16 | "element": {"#": "codeComplete"} |
17 | }, | ||
18 | "bindings": { | ||
19 | "disabled": {"<-": "@owner.autocomplete"} | ||
17 | } | 20 | } |
18 | }, | 21 | }, |
19 | 22 | ||
@@ -33,6 +36,7 @@ | |||
33 | "prototype": "js/code-editor/ui/code-editor-view-options.reel[CodeEditorViewOptions]", | 36 | "prototype": "js/code-editor/ui/code-editor-view-options.reel[CodeEditorViewOptions]", |
34 | "properties": { | 37 | "properties": { |
35 | "element": {"#": "viewOptions"}, | 38 | "element": {"#": "viewOptions"}, |
39 | "autoCompleteLabel": {"#": "autoCompleteLabel"}, | ||
36 | "codeCompleteCheck":{"@": "codeCompleteCheck"}, | 40 | "codeCompleteCheck":{"@": "codeCompleteCheck"}, |
37 | "zoomHottext":{"@":"zoomHottext"}, | 41 | "zoomHottext":{"@":"zoomHottext"}, |
38 | "comment":{"#":"comment"}, | 42 | "comment":{"#":"comment"}, |
@@ -50,7 +54,7 @@ | |||
50 | <input class="zoomFont" data-montage-id="zoomFont"/> | 54 | <input class="zoomFont" data-montage-id="zoomFont"/> |
51 | <div class="autoCodeComplete" > | 55 | <div class="autoCodeComplete" > |
52 | <input type="checkbox" data-montage-id="codeComplete" /> | 56 | <input type="checkbox" data-montage-id="codeComplete" /> |
53 | <span>Automatic Completion</span> | 57 | <label data-montage-id="autoCompleteLabel">Automatic Completion</label> |
54 | </div> | 58 | </div> |
55 | <div class="floatButtons"> | 59 | <div class="floatButtons"> |
56 | <!--<button disabled="disabled" id="format" value="format" class="nj-skinned format">Format</button>--> | 60 | <!--<button disabled="disabled" id="format" value="format" class="nj-skinned format">Format</button>--> |
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 a27d4450..dabce6e0 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 | |||
@@ -9,15 +9,80 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
9 | var Montage = require("montage/core/core").Montage, | 9 | var Montage = require("montage/core/core").Montage, |
10 | Component = require("montage/ui/component").Component; | 10 | Component = require("montage/ui/component").Component; |
11 | 11 | ||
12 | var CodeEditorViewOptions = exports.CodeEditorViewOptions = Montage.create(Component, { | 12 | exports.CodeEditorViewOptions = Montage.create(Component, { |
13 | |||
14 | _currentDocument: { | ||
15 | value : null | ||
16 | }, | ||
17 | |||
18 | currentDocument : { | ||
19 | get : function() { | ||
20 | return this._currentDocument; | ||
21 | }, | ||
22 | set : function(value) { | ||
23 | if (value === this._currentDocument) { | ||
24 | return; | ||
25 | } | ||
26 | |||
27 | this._currentDocument = value; | ||
28 | |||
29 | if(!value || this._currentDocument.currentView === "design") { | ||
30 | this.visible = false; | ||
31 | } else { | ||
32 | this.visible = true; | ||
33 | this.autocomplete = !this.codeCompletionSupport[this._currentDocument.model.file.extension]; | ||
34 | } | ||
35 | |||
36 | } | ||
37 | }, | ||
38 | |||
39 | _visible: { | ||
40 | value: false | ||
41 | }, | ||
42 | |||
43 | visible: { | ||
44 | get: function() { | ||
45 | return this._visible; | ||
46 | }, | ||
47 | set: function(value) { | ||
48 | if(this._visible !== value) { | ||