initial commit

ibm-js · Jul 25, 2014 · 34ae0c0 · 34ae0c0
commit 34ae0c0
Show file tree

Hide file tree

Showing 47 changed files with 2,849 additions and 0 deletions.
diff --git a/.bowerrc b/.bowerrc
@@ -0,0 +1,3 @@
+{
+	"directory": ".."
+}
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,28 @@
+The "New" BSD License:
+**********************
+
+Copyright (c) 2005-2014, The Dojo Foundation
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+  * Redistributions of source code must retain the above copyright notice, this
+    list of conditions and the following disclaimer.
+  * Redistributions in binary form must reproduce the above copyright notice,
+    this list of conditions and the following disclaimer in the documentation
+    and/or other materials provided with the distribution.
+  * Neither the name of the Dojo Foundation nor the names of its contributors
+    may be used to endorse or promote products derived from this software
+    without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED.  IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/README.md b/README.md
@@ -0,0 +1,12 @@
+# deliteful-build
+
+Built version of [ibm-js/deliteful](https://github.com/ibm-js/deliteful).
+
+## Status
+
+No official release yet.
+
+## Licensing
+
+This project is distributed by the Dojo Foundation and licensed under the ["New" BSD License](./LICENSE).
+All contributions require a [Dojo Foundation CLA](http://dojofoundation.org/about/claForm).
diff --git a/boot.js b/boot.js
@@ -0,0 +1,25 @@
+require.config({
+	"packages": [
+		{
+			"name": "deliteful",
+			"location": "deliteful-build"
+		},
+		{
+			"name": "decor",
+			"location": "decor-build"
+		},
+		{
+			"name": "delite",
+			"location": "delite-build"
+		},
+		{
+			"name": "dpointer",
+			"location": "dpointer-build"
+		},
+		{
+			"name": "ecma402",
+			"location": "ecma402-build"
+		}
+	]
+});
+define(["deliteful/layer","decor/boot","delite/boot","dpointer/boot","ecma402/boot"], function(){});
diff --git a/bower.json b/bower.json
@@ -0,0 +1,22 @@
+{
+  "name": "deliteful-build",
+  "version": "0.1.5-dev",
+  "dependencies": {
+    "requirejs": "2.1.x",
+    "dstore": "0.1.0",
+    "decor-build": "0.1.0-dev",
+    "delite-build": "0.1.10-dev",
+    "dpointer-build": "0.1.x",
+    "ecma402-build": "0.2.x"
+  },
+  "ignore": [
+    ".jshintrc",
+    ".gitattributes",
+    ".travis.yml",
+    "tests",
+    "CONTRIBUTING.md"
+  ],
+  "devDependencies": {
+    "deliteful": "0.1.5-dev"
+  }
+}
diff --git a/css/layer.css b/css/layer.css
diff --git a/layer.js b/layer.js
diff --git a/layer.map b/layer.map
diff --git a/nls/layer_root.js b/nls/layer_root.js
diff --git a/samples/Button.html b/samples/Button.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
+	<meta name="viewport"
+		  content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
+	<meta name="apple-mobile-web-app-capable" content="yes"/>
+
+	<title>Button</title>
+
+	<script type="text/javascript" src="../../requirejs/require.js"></script>
+
+	<script type="text/javascript">
+		require.config({
+			baseUrl: "../.."
+		});
+	</script>
+
+	<script type="text/javascript">
+	require(["deliteful-build/boot"], function(){
+		require([
+			"delite/register",
+			"deliteful/Button",
+			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
+			"requirejs-domready/domReady!"
+		], function (register) {
+			register.parse();
+		});
+
+	});
+	</script>
+	<style>
+		.group {
+			margin: 20px;
+			padding: 10px;
+			border: 1px solid gray;
+			border-radius: 6px;
+		}
+		.d-icon-phone:before {
+			content: "\260E";
+			padding-right: 4px;
+			font-size: 120%;
+		}
+
+		.d-button-green {
+			/* Default style */
+			background-color: #47D147;
+			color: white;
+			border-color: #6FBF6F;
+		}
+
+		.d-button-green:focus, .d-button-green:hover {
+			/* Style when the button is focused or hovered */
+			background-color: #51F051;
+			color: white;
+			border-color: #4FE34F;
+		}
+
+		.d-button-green:active {
+			/* Style when the button is pressed */
+			background-color: #55FF55;
+		}
+	</style>
+</head>
+<body style="background-color:white;">
+<div class="group">
+	<button is="d-button" label="Default button" onclick="alert(this.label + ' clicked.');"></button>
+	<button is="d-button" class="d-button-blue" label="Blue button" onclick="alert(this.label + ' clicked.');"></button>
+	<button is="d-button" class="d-button-red" label="Red button" onclick="alert(this.label + ' clicked.');"></button>
+	<button is="d-button" iconClass = 'd-icon-phone' label="Custom with icon" class="d-button-green" onclick="alert(this.label + ' clicked.');"></button>
+</div>
+</body>
+</html>
diff --git a/samples/LinearLayout.html b/samples/LinearLayout.html
@@ -0,0 +1,88 @@
+<!doctype html>
+<html style="height: 100%">
+<head>
+	<meta name="viewport"
+		  content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
+	<meta name="apple-mobile-web-app-capable" content="yes"/>
+	<title>Linear Layout Example</title>
+
+	<link rel="stylesheet" href="../../delite/themes/defaultapp.css">
+
+	<script type="text/javascript" src="../../requirejs/require.js"></script>
+
+	<script type="text/javascript">
+		require.config({
+			baseUrl: "../.."
+		});
+	</script>
+
+	<script type="text/javascript">
+	require(["deliteful-build/boot"], function(){
+		require([
+			"delite/register",
+			"deliteful/LinearLayout",
+			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
+			"requirejs-domready/domReady!"
+		], function(register){
+			register.parse();
+		});
+
+	});
+	</script>
+	<style>
+		body > .d-linear-layout {
+			position: absolute;
+			top: 5px;
+			left: 5px;
+			right: 5px;
+			bottom: 5px;
+			border: solid 3px;
+			font-weight: bold;
+		}
+		.blue {
+			background-color: #00AEEF;
+		}
+		.red {
+			background-color: #E51D25
+		}
+		.green {
+			background-color: #4DB848;
+		}
+		.yellow {
+			background-color: #FFE800;
+		}
+		.orange {
+			background-color: #FAA61A;
+		}
+
+	</style>
+</head>
+<body>
+<!-- This sample demonstrates how to mix:
+		- fixed-sized elements,
+		- percentage-sized elements,
+		- no size constraints (natural size) elements,
+		- and elements that fill remaining space (class="fill")
+-->
+<d-linear-layout vertical="false">
+	<div style="width:30%;">
+		<d-linear-layout style="position: absolute; width: 100%; height: 100%;">
+			<div class="blue" style="height: 50px">ALFA</div>
+			<div class="fill red">BRAVO</div>
+			<div class="green">CHARLY</div>
+			<div class="fill yellow">DELTA</div>
+		</d-linear-layout>
+	</div>
+	<div class="fill">
+		<d-linear-layout style="position: absolute; width: 100%; height: 100%">
+			<div class="yellow" style="height: 30%;">ECHO</div>
+			<div class="fill orange">FOXTROT</div>
+			<div class="red">GOLF</div>
+		</d-linear-layout>
+	</div>
+	<div class="green">
+		HOTEL
+	</div>
+</d-linear-layout>
+</body>
+</html>