aboutsummaryrefslogtreecommitdiff
path: root/js/components
diff options
context:
space:
mode:
Diffstat (limited to 'js/components')
-rw-r--r--[-rwxr-xr-x]js/components/converter/node-name-converter.js (renamed from js/components/layout/stage-mode.reel/stage-mode.css)43
-rwxr-xr-xjs/components/layout/bread-crumb.reel/bread-crumb.html6
-rwxr-xr-xjs/components/layout/document-bar.reel/document-bar.css13
-rwxr-xr-xjs/components/layout/document-bar.reel/document-bar.html23
-rwxr-xr-xjs/components/layout/document-bar.reel/document-bar.js6
-rwxr-xr-xjs/components/layout/stage-mode.reel/stage-mode.html55
-rwxr-xr-xjs/components/layout/stage-mode.reel/stage-mode.js77
-rwxr-xr-xjs/components/menu/menu-entry.reel/menu-entry.css89
-rwxr-xr-xjs/components/menu/menu-entry.reel/menu-entry.html97
-rwxr-xr-xjs/components/menu/menu-entry.reel/menu-entry.js140
-rwxr-xr-xjs/components/menu/menu-item.reel/menu-item.css99
-rwxr-xr-xjs/components/menu/menu-item.reel/menu-item.html97
-rwxr-xr-xjs/components/menu/menu-item.reel/menu-item.js198
-rwxr-xr-xjs/components/menu/menu.reel/menu.css39
-rwxr-xr-xjs/components/menu/menu.reel/menu.html97
-rwxr-xr-xjs/components/menu/menu.reel/menu.js143
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.css18
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.html21
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.js21
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.html4
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.js81
-rwxr-xr-xjs/components/ui/icon-list-basic/iconsList.reel/iconsList.css4
22 files changed, 188 insertions, 1183 deletions
diff --git a/js/components/layout/stage-mode.reel/stage-mode.css b/js/components/converter/node-name-converter.js
index c50679e8..fdca06e5 100755..100644
--- a/js/components/layout/stage-mode.reel/stage-mode.css
+++ b/js/components/converter/node-name-converter.js
@@ -28,22 +28,27 @@ CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
28ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE 28ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
29POSSIBILITY OF SUCH DAMAGE. 29POSSIBILITY OF SUCH DAMAGE.
30</copyright> */ 30</copyright> */
31 31var Montage = require("montage").Montage,
32.stageMode { 32 Converter = require("montage/core/converter/converter").Converter;
33 width:26px; 33
34 height:23px; 34exports.NodeNameConverter = Montage.create(Converter, {
35 position:absolute; 35
36 top:5px; 36 convert: {
37 right:60px; 37 value: function(value) {
38 38 if(value) {
39 opacity: 0.7; 39 if(value.toLowerCase() === "ninja-content") {
40 background-repeat:no-repeat; 40 value = "DIV";
41} 41 }
42 42
43.editMode { 43 return value;
44 background-image: url('../../../../images/optionsbar/edit_mode.png'); 44 }
45} 45 }
46 46 },
47.liveMode { 47
48 background-image: url('../../../../images/optionsbar/live_mode.png'); 48 revert: {
49} 49 value: function(value) {
50 return value;
51 }
52 }
53
54});
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.html b/js/components/layout/bread-crumb.reel/bread-crumb.html
index 2c6d941f..2fff245c 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.html
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.html
@@ -44,13 +44,17 @@ POSSIBILITY OF SUCH DAMAGE.
44 } 44 }
45 }, 45 },
46 46
47 "nodeNameConverter": {
48 "prototype": "js/components/converter/node-name-converter"
49 },
50
47 "breadcrumbButton": { 51 "breadcrumbButton": {
48 "prototype": "js/components/layout/bread-crumb-button.reel", 52 "prototype": "js/components/layout/bread-crumb-button.reel",
49 "properties": { 53 "properties": {
50 "element": {"#": "breadcrumbButton"} 54 "element": {"#": "breadcrumbButton"}
51 }, 55 },
52 "bindings": { 56 "bindings": {
53 "label": {"<-": "@buttonsList.objectAtCurrentIteration.label"}, 57 "label": {"<-": "@buttonsList.objectAtCurrentIteration.label", "converter": {"@": "nodeNameConverter"}},
54 "value": {"<-": "@buttonsList.objectAtCurrentIteration.nodeUuid"} 58 "value": {"<-": "@buttonsList.objectAtCurrentIteration.nodeUuid"}
55 } 59 }
56 }, 60 },
diff --git a/js/components/layout/document-bar.reel/document-bar.css b/js/components/layout/document-bar.reel/document-bar.css
index b86855b7..5eba72e8 100755
--- a/js/components/layout/document-bar.reel/document-bar.css
+++ b/js/components/layout/document-bar.reel/document-bar.css
@@ -75,7 +75,7 @@ POSSIBILITY OF SUCH DAMAGE.
75 padding: 0; 75 padding: 0;
76 border: none; 76 border: none;
77 color: #FFF; 77 color: #FFF;
78 width: 44px; 78 width: 46px;
79 text-transform: uppercase; 79 text-transform: uppercase;
80 text-align: left; 80 text-align: left;
81 float: left; 81 float: left;
@@ -83,6 +83,10 @@ POSSIBILITY OF SUCH DAMAGE.
83 font-size: 11px; 83 font-size: 11px;
84} 84}
85 85
86.preview:focus {
87 -webkit-box-shadow: none;
88}
89
86.documentBar .viewicon { 90.documentBar .viewicon {
87 background-repeat: no-repeat; 91 background-repeat: no-repeat;
88 background-position: center center; 92 background-position: center center;
@@ -98,10 +102,15 @@ POSSIBILITY OF SUCH DAMAGE.
98} 102}
99 103
100.documentBar .viewdesign { 104.documentBar .viewdesign {
101 background-image: url('../../../../js/panels/Color/colorpanelpopup.reel/img/icon_bitmap.png'); 105 background-image: url('../../../../js/panels/color/colorpanelpopup.reel/img/icon_bitmap.png');
102 background-size: 90%; 106 background-size: 90%;
103} 107}
104 108
109.documentBar .viewPreview {
110 background-image: url('../../../../images/optionsbar/edit_mode.png');
111 background-size: 100%;
112}
113
105.documentBar section.inactive .viewicon{ 114.documentBar section.inactive .viewicon{
106 opacity: .5; 115 opacity: .5;
107} 116}
diff --git a/js/components/layout/document-bar.reel/document-bar.html b/js/components/layout/document-bar.reel/document-bar.html
index 69f8107f..9e5e4eb2 100755
--- a/js/components/layout/document-bar.reel/document-bar.html
+++ b/js/components/layout/document-bar.reel/document-bar.html
@@ -68,6 +68,21 @@ POSSIBILITY OF SUCH DAMAGE.
68 "condition": {"<-": "@owner.disabled"} 68 "condition": {"<-": "@owner.disabled"}
69 } 69 }
70 }, 70 },
71
72 "menuItemButton": {
73 "prototype": "montage/ui/native/button.reel",
74 "properties": {
75 "element": {"#": "previewButton"},
76 "identifier": "preview",
77 "label": "Preview"
78 },
79 "listeners": [
80 {
81 "type": "action",
82 "listener": {"@": "owner"}
83 }
84 ]
85 },
71 86
72 "owner": { 87 "owner": {
73 "prototype": "js/components/layout/document-bar.reel", 88 "prototype": "js/components/layout/document-bar.reel",
@@ -108,6 +123,14 @@ POSSIBILITY OF SUCH DAMAGE.
108 <button class="btn_view">Code</button> 123 <button class="btn_view">Code</button>
109 124
110 </section> 125 </section>
126
127 <section class="inactive">
128
129 <div class="viewicon viewPreview"></div>
130
131 <button data-montage-id="previewButton" class="btn_view preview"></button>
132
133 </section>
111 134
112 <div data-montage-id="disabledCondition" class="panelDisabled"></div> 135 <div data-montage-id="disabledCondition" class="panelDisabled"></div>
113 136
diff --git a/js/components/layout/document-bar.reel/document-bar.js b/js/components/layout/document-bar.reel/document-bar.js
index 248bc8c4..fa0c8788 100755
--- a/js/components/layout/document-bar.reel/document-bar.js
+++ b/js/components/layout/document-bar.reel/document-bar.js
@@ -203,5 +203,11 @@ exports.DocumentBar = Montage.create(Component, {
203 this.currentView = event._event.target.id; 203 this.currentView = event._event.target.id;
204 this.application.ninja.documentController.stage.stageView.switchDesignDocViews(event._event.target.id);//switch between design view 204 this.application.ninja.documentController.stage.stageView.switchDesignDocViews(event._event.target.id);//switch between design view
205 } 205 }
206 },
207
208 handlePreviewAction: {
209 value: function(event) {
210 NJevent("executePreview");
211 }
206 } 212 }
207}); 213});