aboutsummaryrefslogtreecommitdiff
path: root/js/document/templates
diff options
context:
space:
mode:
authorArmen Kesablyan2012-05-15 16:34:46 -0700
committerArmen Kesablyan2012-05-15 16:34:46 -0700
commitc8d61c8e72e0eba266575f9df54325fa77fde73d (patch)
tree556cafd76ab9b2cf4cc2b4cc3ea17b12ce690b69 /js/document/templates
parent15a3aaebb56cb2c9409bfe55c862868726c7fd44 (diff)
parent46bd3712329cd3c9311e50ed9ee4c2245bd1be5a (diff)
downloadninja-c8d61c8e72e0eba266575f9df54325fa77fde73d.tar.gz
Merge branch 'dom-architecture' of github.com:Motorola-Mobility/ninja-internal into binding
Diffstat (limited to 'js/document/templates')
-rwxr-xr-xjs/document/templates/banner/index.html108
-rw-r--r--js/document/templates/banner/main.js (renamed from js/document/templates/montage-web/main.js)0
-rwxr-xr-xjs/document/templates/banner/package.json (renamed from js/document/templates/montage-html/package.json)0
-rwxr-xr-xjs/document/templates/html/index.html (renamed from js/document/templates/montage-web/index.html)30
-rw-r--r--js/document/templates/html/main.js (renamed from js/document/templates/montage-html/main.reel/main.js)3
-rwxr-xr-xjs/document/templates/html/package.json (renamed from js/document/templates/montage-web/package.json)0
-rwxr-xr-xjs/document/templates/montage-html/default_html.css74
-rwxr-xr-xjs/document/templates/montage-html/index.html48
8 files changed, 130 insertions, 133 deletions
diff --git a/js/document/templates/banner/index.html b/js/document/templates/banner/index.html
new file mode 100755
index 00000000..91ef06de
--- /dev/null
+++ b/js/document/templates/banner/index.html
@@ -0,0 +1,108 @@
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
9<!--
10 NOTE(s):
11 All elements in the head of the document to be exclude from I/O
12 must set the 'data-ninja-template'
13 data-ninja-template="true"
14-->
15<html>
16
17 <head>
18
19 <style type="text/css" id="nj-stage-stylesheet" data-ninja-template="true">
20 * {
21 -webkit-transition-duration: 0s !important;
22 -webkit-animation-duration: 0s !important;
23 -webkit-animation-name: none !important;
24 }
25
26 body {
27 margin: 0;
28 padding: 0;
29 position: absolute;
30 }
31
32 html {
33 overflow: scroll;
34 }
35
36 html, body {
37 width: 100%;
38 height: 100%;
39 background: #666;
40 }
41
42 .active-element-outline {
43 outline: #adff2f solid 2px;
44 }
45
46 .nj-preset-transition {
47 -webkit-transition: all 450ms linear !important;
48 }
49
50 ninjaloadinghack {
51 display: none;
52 }
53
54 ninja-viewport, ninja-content {
55 display: block;
56 margin: 0;
57 padding: 0;
58 border: 0;
59 position: absolute;
60 overflow: visible;
61 top: 0;
62 left: 0;
63 background: transparent;
64 }
65
66 ninja-viewport {
67 background: #FFF;
68 }
69
70 ninja-content {
71 -webkit-transform-style: preserve-3d;
72 -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
73 }
74 </style>
75
76 <script type="text/javascript" data-ninja-template="true">
77 function getElement(x,y) {
78 return document.elementFromPoint(x,y);
79 }
80 </script>
81
82 <!-- TODO: Determine if loading Montage is always needed or if it could be done author-time or on file open -->
83
84 <script type="text/javascript" data-package="." src="../../../../node_modules/montage/montage.js" data-ninja-template="true"></script>
85
86 <script type="text/montage-serialization" data-ninja-template="true">
87 {
88 "owner": {
89 "prototype": "main"
90 }
91 }
92 </script>
93
94 </head>
95
96 <body>
97
98 <ninjaloadinghack></ninjaloadinghack>
99
100 <ninja-viewport>
101
102 <ninja-content></ninja-content>
103
104 </ninja-viewport>
105
106 </body>
107
108</html> \ No newline at end of file
diff --git a/js/document/templates/montage-web/main.js b/js/document/templates/banner/main.js
index d5ac88d5..d5ac88d5 100644
--- a/js/document/templates/montage-web/main.js
+++ b/js/document/templates/banner/main.js
diff --git a/js/document/templates/montage-html/package.json b/js/document/templates/banner/package.json
index d1e839dc..d1e839dc 100755
--- a/js/document/templates/montage-html/package.json
+++ b/js/document/templates/banner/package.json
diff --git a/js/document/templates/montage-web/index.html b/js/document/templates/html/index.html
index 47964ae4..a1b8b242 100755
--- a/js/document/templates/montage-web/index.html
+++ b/js/document/templates/html/index.html
@@ -5,13 +5,18 @@
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. 5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> --> 6 </copyright> -->
7 7
8
9<!--
10 NOTE(s):
11 All elements in the head of the document to be exclude from I/O
12 must set the 'data-ninja-template'
13 data-ninja-template="true"
14-->
8<html> 15<html>
9 16
10 <head> 17 <head>
11
12 <title>Ninja Prototype</title>
13 18
14 <style type="text/css" id="nj-stage-stylesheet"> 19 <style type="text/css" id="nj-stage-stylesheet" data-ninja-template="true">
15 * { 20 * {
16 -webkit-transition-duration: 0s !important; 21 -webkit-transition-duration: 0s !important;
17 -webkit-animation-duration: 0s !important; 22 -webkit-animation-duration: 0s !important;
@@ -26,6 +31,10 @@
26 -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); 31 -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
27 } 32 }
28 33
34 html {
35 overflow: scroll;
36 }
37
29 html, body { 38 html, body {
30 width: 100%; 39 width: 100%;
31 height: 100%; 40 height: 100%;
@@ -43,16 +52,18 @@
43 -webkit-transition: all 450ms linear !important; 52 -webkit-transition: all 450ms linear !important;
44 } 53 }
45 </style> 54 </style>
46 55
47 <script type="text/javascript" data-package="." src="../../../../node_modules/montage/montage.js"></script> 56 <script type="text/javascript" data-ninja-template="true">
48
49 <script type="text/javascript">
50 function getElement(x,y) { 57 function getElement(x,y) {
51 return document.elementFromPoint(x,y); 58 return document.elementFromPoint(x,y);
52 } 59 }
53 </script> 60 </script>
61
62 <!-- TODO: Determine if loading Montage is always needed or if it could be done author-time or on file open -->
63
64 <script type="text/javascript" data-package="." src="../../../../node_modules/montage/montage.js" data-ninja-template="true"></script>
54 65
55 <script type="text/montage-serialization"> 66 <script type="text/montage-serialization" data-ninja-template="true">
56 { 67 {
57 "owner": { 68 "owner": {
58 "prototype": "main" 69 "prototype": "main"
@@ -62,7 +73,6 @@
62 73
63 </head> 74 </head>
64 75
65 <body> 76 <body></body>
66 </body>
67 77
68</html> \ No newline at end of file 78</html> \ No newline at end of file
diff --git a/js/document/templates/montage-html/main.reel/main.js b/js/document/templates/html/main.js
index 019c675e..d5ac88d5 100644
--- a/js/document/templates/montage-html/main.reel/main.js
+++ b/js/document/templates/html/main.js
@@ -38,10 +38,11 @@ exports.Main = Montage.create(Component, {
38 }; 38 };
39 39
40 // Dispatch event when this template has loaded. 40 // Dispatch event when this template has loaded.
41 /*
41 var newEvent = document.createEvent( "CustomEvent" ); 42 var newEvent = document.createEvent( "CustomEvent" );
42 newEvent.initCustomEvent( "userTemplateDidLoad", false, true ); 43 newEvent.initCustomEvent( "userTemplateDidLoad", false, true );
43
44 document.body.dispatchEvent( newEvent ); 44 document.body.dispatchEvent( newEvent );
45 */
45 46
46