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/ui/color-chip.reel
parent: 2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff)
download: ninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz
3 files changed, 108 insertions, 0 deletions
diff --git a/js/components/ui/color-chip.reel/color-chip.css b/js/components/ui/color-chip.reel/color-chip.css
new file mode 100644
index 00000000..da75c41e
--- /dev/null
+++ b/js/components/ui/color-chip.reel/color-chip.css
@@ -0,0 +1,31 @@
+/* <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> */
+.colorChipContainer {
+    display:block;
+    cursor:default;
+    -webkit-user-select:none;
+    width:18px !important;
+    height:18px !important;
+    background-color: #000000;
+}
+.colorChipContainer .chipContainer button {
+    display: block;
+    border: 0;
+    padding: 0;
+    background: none;
+}
+.colortoolbar .chipContainer {
+        margin: 1px 1px 1px 1px !important;
+        width: 40px !important;
+        height: 20px !important;
+    border: 0;
+    padding: 0;
+    background-image: url(../../../../images/colorpanel/transparent.png) !important;
+    background-repeat: repeat !important;
+}
+\ No newline at end of file
diff --git a/js/components/ui/color-chip.reel/color-chip.html b/js/components/ui/color-chip.reel/color-chip.html
new file mode 100644
index 00000000..a365d775
--- /dev/null
+++ b/js/components/ui/color-chip.reel/color-chip.html
@@ -0,0 +1,36 @@
+<!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="color-chip.css">
+    <script type="text/montage-serialization">
+    {
+        "owner": {
+            "module": "js/components/ui/color-chip.reel",
+            "name": "ColorChip",
+            "properties": {
+                "element":  {"#": "colorChipContainer"},
+                "icon":     {"#": "chipIcon"},
+                "chipBtn":  {"#": "chipButton"}
+            }
+        }
+    }
+    </script>
+</head>
+<body>
+        <!-- TODO: This should not use the 'colortoolbar' class, this is the wrong application of this class -->
+    <div id="colorChipContainer" class="colortoolbar">
+        
+        <div id="chipIcon"></div>
+        <div class="chipContainer"><button id="chipButton"></button></div>
+    </div>
+                
+</body>
+</html>
+\ No newline at end of file
diff --git a/js/components/ui/color-chip.reel/color-chip.js b/js/components/ui/color-chip.reel/color-chip.js
new file mode 100644
index 00000000..5bef7020
--- /dev/null
+++ b/js/components/ui/color-chip.reel/color-chip.js
@@ -0,0 +1,41 @@
+/* <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;
+var ColorChip = exports.ColorChip = Montage.create(Component, {
+    hasIcon: {
+        value: true
+    },
+    mode: {
+        value: "stroke"
+    },
+    prepareForDraw: {
+        value: function() {
+//            this.colorButton.props = {side: 'right', align: 'bottom', wheel: true, palette: true, gradient: true, image: true, offset: 20};
+//            this.application.ninja.colorController.addButton('chip', this.colorButton);
+            this.addEventListener("firstDraw", this, false);
+        }
+    },
+    draw: {
+        value: function() {
+            if(this.hasIcon) this.application.ninja.colorController.addButton(this.mode + 'Icon', this.icon);
+//            this.application.ninja.colorController.addButton(this.mode, this.chipBtn);
+            this.chipBtn.props = {side: 'right', align: 'top', wheel: true, palette: true, gradient: true, image: true, offset: 20};
+            this.application.ninja.colorController.addButton(this.mode, this.chipBtn);
+        }
+    }
+});
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/ui/color-chip.reel
parent	2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff)
download	ninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz

diff --git a/js/components/ui/color-chip.reel/color-chip.css b/js/components/ui/color-chip.reel/color-chip.css new file mode 100644 index 00000000..da75c41e --- /dev/null +++ b/js/components/ui/color-chip.reel/color-chip.css
@@ -0,0 +1,31 @@
	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	.colorChipContainer {
	8	display:block;
	9	cursor:default;
	10	-webkit-user-select:none;
	11	width:18px !important;
	12	height:18px !important;
	13	background-color: #000000;
	14	}
	15
	16	.colorChipContainer .chipContainer button {
	17	display: block;
	18	border: 0;
	19	padding: 0;
	20	background: none;
	21	}
	22
	23	.colortoolbar .chipContainer {
	24	margin: 1px 1px 1px 1px !important;
	25	width: 40px !important;
	26	height: 20px !important;
	27	border: 0;
	28	padding: 0;
	29	background-image: url(../../../../images/colorpanel/transparent.png) !important;
	30	background-repeat: repeat !important;
	31	} \ No newline at end of file


diff --git a/js/components/ui/color-chip.reel/color-chip.html b/js/components/ui/color-chip.reel/color-chip.html new file mode 100644 index 00000000..a365d775 --- /dev/null +++ b/js/components/ui/color-chip.reel/color-chip.html
@@ -0,0 +1,36 @@
	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	<link rel="stylesheet" type="text/css" href="color-chip.css">
	11	<script type="text/montage-serialization">
	12	{
	13	"owner": {
	14	"module": "js/components/ui/color-chip.reel",
	15	"name": "ColorChip",
	16	"properties": {
	17	"element": {"#": "colorChipContainer"},
	18	"icon": {"#": "chipIcon"},
	19	"chipBtn": {"#": "chipButton"}
	20	}
	21	}
	22	}
	23	</script>
	24	</head>
	25	<body>
	26	<!-- TODO: This should not use the 'colortoolbar' class, this is the wrong application of this class -->
	27	<div id="colorChipContainer" class="colortoolbar">
	28
	29	<div id="chipIcon"></div>
	30
	31	<div class="chipContainer"><button id="chipButton"></button></div>
	32
	33	</div>
	34
	35	</body>
	36	</html> \ No newline at end of file


diff --git a/js/components/ui/color-chip.reel/color-chip.js b/js/components/ui/color-chip.reel/color-chip.js new file mode 100644 index 00000000..5bef7020 --- /dev/null +++ b/js/components/ui/color-chip.reel/color-chip.js
@@ -0,0 +1,41 @@
	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	var ColorChip = exports.ColorChip = Montage.create(Component, {
	11
	12	hasIcon: {
	13	value: true
	14	},
	15
	16	mode: {
	17	value: "stroke"
	18	},
	19
	20	prepareForDraw: {
	21	value: function() {
	22	// this.colorButton.props = {side: 'right', align: 'bottom', wheel: true, palette: true, gradient: true, image: true, offset: 20};
	23	// this.application.ninja.colorController.addButton('chip', this.colorButton);
	24
	25
	26	this.addEventListener("firstDraw", this, false);
	27	}
	28	},
	29
	30	draw: {
	31	value: function() {
	32
	33	if(this.hasIcon) this.application.ninja.colorController.addButton(this.mode + 'Icon', this.icon);
	34
	35	// this.application.ninja.colorController.addButton(this.mode, this.chipBtn);
	36	this.chipBtn.props = {side: 'right', align: 'top', wheel: true, palette: true, gradient: true, image: true, offset: 20};
	37	this.application.ninja.colorController.addButton(this.mode, this.chipBtn);
	38	}
	39	}
	40
	41	});