First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>
author: Pierre Frisch 2011-12-22 07:25:50 -0800
committer: Valerio Virgillito 2012-01-27 11:18:17 -0800
commit: b89a7ee8b956c96a1dcee995ea840feddc5d4b27 (patch)
tree: 0f3136ab0ecdbbbed6a83576581af0a53124d6f1 /js/components/layout/stage-mode.reel
parent: 2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff)
download: ninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz
3 files changed, 109 insertions, 0 deletions
diff --git a/js/components/layout/stage-mode.reel/stage-mode.css b/js/components/layout/stage-mode.reel/stage-mode.css
new file mode 100644
index 00000000..28424b9f
--- /dev/null
+++ b/js/components/layout/stage-mode.reel/stage-mode.css
@@ -0,0 +1,24 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+.stageMode {
+    width:26px;
+    height:23px;
+    position:absolute;
+    top:5px;
+    right:60px;
+    opacity: 0.7;
+    background-repeat:no-repeat;
+}
+.editMode {
+    background-image: url('../../../../images/optionsbar/edit_mode.png');
+}
+.liveMode {
+    background-image: url('../../../../images/optionsbar/live_mode.png');
+}
+\ No newline at end of file
diff --git a/js/components/layout/stage-mode.reel/stage-mode.html b/js/components/layout/stage-mode.reel/stage-mode.html
new file mode 100644
index 00000000..ab111136
--- /dev/null
+++ b/js/components/layout/stage-mode.reel/stage-mode.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<!-- <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> -->
+<html>
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+        <link rel="stylesheet" type="text/css" href="stage-mode.css">
+        <script type="text/montage-serialization">
+        {
+            "owner": {
+                "module": "js/components/layout/stage-mode.reel",
+                "name": "StageMode",
+                "properties": {
+                    "element": {"#": "stageMode"}
+                }
+            }
+        }
+        </script>
+    </head>
+    <body>
+        <div id="stageMode" class="stageMode">
+        </div>
+    </body>
+</html>
diff --git a/js/components/layout/stage-mode.reel/stage-mode.js b/js/components/layout/stage-mode.reel/stage-mode.js
new file mode 100644
index 00000000..cb42276b
--- /dev/null
+++ b/js/components/layout/stage-mode.reel/stage-mode.js
@@ -0,0 +1,52 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+var Montage = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+exports.StageMode = Montage.create(Component, {
+    _livePreview: {
+        value: null
+    },
+    livePreview: {
+        get: function() {
+            return this._livePreview;
+        },
+        set: function(value) {
+            if(value !== this._livePreview) {
+                this._livePreview = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+    prepareForDraw: {
+        value: function() {
+            this.element.addEventListener("click", this, false);
+        }
+    },
+    draw: {
+        value: function() {
+            if(this._livePreview) {
+                this.element.classList.remove("editMode");
+                this.element.classList.add("liveMode");
+            } else {
+                this.element.classList.remove("liveMode");
+                this.element.classList.add("editMode");
+            }
+        }
+    },
+    handleClick: {
+        value: function(event) {
+            this.livePreview = !this.livePreview;
+        }
+    }
+});
+\ No newline at end of file
author	Pierre Frisch	2011-12-22 07:25:50 -0800
committer	Valerio Virgillito	2012-01-27 11:18:17 -0800
commit	b89a7ee8b956c96a1dcee995ea840feddc5d4b27 (patch)
tree	0f3136ab0ecdbbbed6a83576581af0a53124d6f1 /js/components/layout/stage-mode.reel
parent	2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff)
download	ninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz

diff --git a/js/components/layout/stage-mode.reel/stage-mode.css b/js/components/layout/stage-mode.reel/stage-mode.css new file mode 100644 index 00000000..28424b9f --- /dev/null +++ b/js/components/layout/stage-mode.reel/stage-mode.css
@@ -0,0 +1,24 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	.stageMode {
	8	width:26px;
	9	height:23px;
	10	position:absolute;
	11	top:5px;
	12	right:60px;
	13
	14	opacity: 0.7;
	15	background-repeat:no-repeat;
	16	}
	17
	18	.editMode {
	19	background-image: url('../../../../images/optionsbar/edit_mode.png');
	20	}
	21
	22	.liveMode {
	23	background-image: url('../../../../images/optionsbar/live_mode.png');
	24	} \ No newline at end of file


diff --git a/js/components/layout/stage-mode.reel/stage-mode.html b/js/components/layout/stage-mode.reel/stage-mode.html new file mode 100644 index 00000000..ab111136 --- /dev/null +++ b/js/components/layout/stage-mode.reel/stage-mode.html
@@ -0,0 +1,33 @@
	1	<!DOCTYPE HTML>
	2	<!-- <copyright>
	3	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	4	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	5	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	6	</copyright> -->
	7	<html>
	8	<head>
	9	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	10
	11	<link rel="stylesheet" type="text/css" href="stage-mode.css">
	12
	13	<script type="text/montage-serialization">
	14	{
	15	"owner": {
	16	"module": "js/components/layout/stage-mode.reel",
	17	"name": "StageMode",
	18	"properties": {
	19	"element": {"#": "stageMode"}
	20	}
	21	}
	22	}
	23	</script>
	24
	25	</head>
	26
	27	<body>
	28	<div id="stageMode" class="stageMode">
	29
	30	</div>
	31	</body>
	32
	33	</html>


diff --git a/js/components/layout/stage-mode.reel/stage-mode.js b/js/components/layout/stage-mode.reel/stage-mode.js new file mode 100644 index 00000000..cb42276b --- /dev/null +++ b/js/components/layout/stage-mode.reel/stage-mode.js
@@ -0,0 +1,52 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	var Montage = require("montage/core/core").Montage,
	8	Component = require("montage/ui/component").Component;
	9
	10	exports.StageMode = Montage.create(Component, {
	11
	12	_livePreview: {
	13	value: null
	14	},
	15
	16	livePreview: {
	17	get: function() {
	18	return this._livePreview;
	19	},
	20	set: function(value) {
	21	if(value !== this._livePreview) {
	22	this._livePreview = value;
	23	this.needsDraw = true;
	24	}
	25	}
	26	},
	27
	28	prepareForDraw: {
	29	value: function() {
	30	this.element.addEventListener("click", this, false);
	31	}
	32	},
	33
	34	draw: {
	35	value: function() {
	36	if(this._livePreview) {
	37	this.element.classList.remove("editMode");
	38	this.element.classList.add("liveMode");
	39
	40	} else {
	41	this.element.classList.remove("liveMode");
	42	this.element.classList.add("editMode");
	43	}
	44	}
	45	},
	46
	47	handleClick: {
	48	value: function(event) {
	49	this.livePreview = !this.livePreview;
	50	}
	51	}
	52	}); \ No newline at end of file