aboutsummaryrefslogtreecommitdiff
path: root/js/document/templates
diff options
context:
space:
mode:
authorValerio Virgillito2012-04-18 17:24:40 -0700
committerValerio Virgillito2012-04-18 17:24:40 -0700
commitc58dc96130c7eb5d964af53e9ad6e80bba5e647f (patch)
tree350303f9731ec1fa7647a22181247ab79301d1e0 /js/document/templates
parent9284c19f076dec3b47ece7dc7bcd22d74e4246c3 (diff)
downloadninja-c58dc96130c7eb5d964af53e9ad6e80bba5e647f.tar.gz
initial stage web template
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'js/document/templates')
-rwxr-xr-xjs/document/templates/montage-web/default_html.css30
-rwxr-xr-xjs/document/templates/montage-web/index.html41
-rw-r--r--js/document/templates/montage-web/main.reel/main.js48
-rwxr-xr-xjs/document/templates/montage-web/package.json8
4 files changed, 127 insertions, 0 deletions
diff --git a/js/document/templates/montage-web/default_html.css b/js/document/templates/montage-web/default_html.css
new file mode 100755
index 00000000..05165898
--- /dev/null
+++ b/js/document/templates/montage-web/default_html.css
@@ -0,0 +1,30 @@
1/* <copyright>
2This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3No 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* {
8 -webkit-transition-duration: 0s !important;
9 -webkit-animation-duration: 0s !important;
10 -webkit-animation-name: none !important;
11}
12
13html{
14 /*overflow:hidden;*/
15}
16
17body
18{
19 width: 100%;
20 height: 100%;
21 background: pink;
22}
23
24.active-element-outline {
25 outline: #adff2f solid 2px;
26}
27
28.nj-preset-transition {
29 -webkit-transition: all 450ms linear !important;
30} \ No newline at end of file
diff --git a/js/document/templates/montage-web/index.html b/js/document/templates/montage-web/index.html
new file mode 100755
index 00000000..60946aac
--- /dev/null
+++ b/js/document/templates/montage-web/index.html
@@ -0,0 +1,41 @@
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
8<html>
9
10 <head>
11
12 <title>Ninja Prototype</title>
13
14 <link href="default_html.css" id="nj-stage-stylesheet" rel="stylesheet" type="text/css" media="screen"/>
15
16 <script type="text/javascript" data-package="." src="../../../../node_modules/montage/montage.js"></script>
17
18 <script type="text/javascript">
19 function getElement(x,y) {
20 return document.elementFromPoint(x,y);
21 }
22 </script>
23
24 <script type="text/montage-serialization">
25 {
26 "owner": {
27 "module": "main.reel",
28 "name": "Main"
29 }
30 }
31 </script>
32
33 </head>
34
35 <body>
36
37 <!--<ninja-div id="userHead"></ninja-div>-->
38
39 </body>
40
41</html> \ No newline at end of file
diff --git a/js/document/templates/montage-web/main.reel/main.js b/js/document/templates/montage-web/main.reel/main.js
new file mode 100644
index 00000000..019c675e
--- /dev/null
+++ b/js/document/templates/montage-web/main.reel/main.js
@@ -0,0 +1,48 @@
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> */
6var Montage = require("montage/core/core").Montage,
7 Component = require("montage/ui/component").Component;
8
9exports.Main = Montage.create(Component, {
10
11 hasTemplate: {
12 value: false
13 },
14
15 /**
16 * Adding window hooks to callback into this object from Ninja.
17 */
18 templateDidLoad: {
19 value: function(){
20 var self = this;
21 window.addComponent = function(element, data, callback) {
22 var component;
23
24 component = require.async(data.path)
25 .then(function(component) {
26 var componentRequire = component[data.name];
27 var componentInstance = componentRequire.create();
28
29 componentInstance.element = element;
30
31 componentInstance.needsDraw = true;
32 componentInstance.ownerComponent = self;
33
34 callback(componentInstance, element);
35 })
36 .end();
37
38 };
39
40 // Dispatch event when this template has loaded.
41 var newEvent = document.createEvent( "CustomEvent" );
42 newEvent.initCustomEvent( "userTemplateDidLoad", false, true );
43
44 document.body.dispatchEvent( newEvent );
45
46 }
47 }
48}); \ No newline at end of file
diff --git a/js/document/templates/montage-web/package.json b/js/document/templates/montage-web/package.json
new file mode 100755
index 00000000..c8bc02fb
--- /dev/null
+++ b/js/document/templates/montage-web/package.json
@@ -0,0 +1,8 @@
1{
2 "directories": {
3 "lib": ""
4 },
5 "mappings": {
6 "montage": "../../../../node_modules/montage/"
7 }
8} \ No newline at end of file