aboutsummaryrefslogtreecommitdiff
path: root/js/document/templates
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-02-16 23:10:15 -0800
committerJose Antonio Marquez2012-02-16 23:10:15 -0800
commitcfc2a432323d4620b1f4ca2061bbe57f46e7eaf7 (patch)
tree1e73304c49f3160ae6d4d93f66bb9a9090efa26e /js/document/templates
parent7e5cbc9eac21b9799581c34bb99aa942d4f9ad10 (diff)
downloadninja-cfc2a432323d4620b1f4ca2061bbe57f46e7eaf7.tar.gz
Moving Ninja iFrame templates
Diffstat (limited to 'js/document/templates')
-rwxr-xr-xjs/document/templates/montage-html/default_html.css75
-rwxr-xr-xjs/document/templates/montage-html/index.html50
-rw-r--r--js/document/templates/montage-html/main.reel/main.js55
-rwxr-xr-xjs/document/templates/montage-html/package.json8
-rwxr-xr-xjs/document/templates/montage-html/styles.css5
5 files changed, 193 insertions, 0 deletions
diff --git a/js/document/templates/montage-html/default_html.css b/js/document/templates/montage-html/default_html.css
new file mode 100755
index 00000000..68300edf
--- /dev/null
+++ b/js/document/templates/montage-html/default_html.css
@@ -0,0 +1,75 @@
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 background: #808080;
20}
21
22#Viewport
23{
24 margin: 0px;
25 padding: 0px;
26 top: 200px;
27 left: 700px;
28 /*position: absolute;*/
29 /*height: 600px;*/
30 /*width: 800px;*/
31 opacity: 0.99;
32 z-index:2;
33}
34
35#stageBG
36{
37 background: #ffffff;
38 top: 200px;
39 left: 700px;
40 z-index:1;
41}
42
43.stageDimension
44{
45 position: absolute;
46 height: 600px;
47 width: 800px;
48}
49
50.stageView
51{
52 border: 1px solid black;
53 -webkit-transform-style: preserve-3d;
54 -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
55}
56
57.stageContentShadow {
58 -webkit-box-shadow: 3px 5px 4px rgba(0,0,0,.5);
59 -moz-box-shadow: 3px 5px 4px rgba(0,0,0,.5);
60 box-shadow: 3px 5px 4px rgba(0,0,0,.5);
61}
62
63#userHead
64{
65 display: none;
66}
67
68.global3DSettings {
69 -webkit-transform-style: preserve-3d;
70 -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
71}
72
73.elem-red-outline {
74 outline: red solid thin;
75} \ No newline at end of file
diff --git a/js/document/templates/montage-html/index.html b/js/document/templates/montage-html/index.html
new file mode 100755
index 00000000..8b3d73bb
--- /dev/null
+++ b/js/document/templates/montage-html/index.html
@@ -0,0 +1,50 @@
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 <link href="styles.css" id="nj-default-stylesheet" rel="stylesheet" type="text/css" media="screen"/>
16
17 <script type="text/javascript" data-package="." src="../../../../node_modules/montage/montage.js"></script>
18
19 <script type="text/javascript">
20 function getElement(x,y) {
21 return document.elementFromPoint(x,y);
22 }
23 </script>
24
25 <script type="text/montage-serialization">
26 {
27 "owner": {
28 "module": "main.reel",
29 "name": "Main"
30 }
31 }
32 </script>
33
34 </head>
35
36 <body>
37
38 <ninja-div id="userHead"></ninja-div>
39
40 <ninja-div id="stageBG" class="stageDimension stageContentShadow"></ninja-div>
41
42 <ninja-div id="Viewport" class="stageDimension">
43
44 <ninja-div id="UserContent" class="stageView stageDimension global3DSettings"></ninja-div>
45
46 </ninja-div>
47
48 </body>
49
50</html> \ No newline at end of file
diff --git a/js/document/templates/montage-html/main.reel/main.js b/js/document/templates/montage-html/main.reel/main.js
new file mode 100644
index 00000000..86871fd3
--- /dev/null
+++ b/js/document/templates/montage-html/main.reel/main.js
@@ -0,0 +1,55 @@
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
9//var Button = ("montage/ui/button.reel").Button;
10
11exports.Main = Montage.create(Component, {
12
13 hasTemplate: {
14 value: false
15 },
16
17 /**
18 * Adding window hooks to callback into this object from Ninja.
19 */
20 templateDidLoad: {
21 value: function(){
22 window.addComponent = this.addComponentToUserDocument;
23// window.addBinding = this.addBindingToUserDocument;
24
25 // Dispatch event when this template has loaded.
26 var newEvent = document.createEvent( "CustomEvent" );
27 newEvent.initCustomEvent( "userTemplateDidLoad", false, true );
28
29 document.body.dispatchEvent( newEvent );
30
31 }
32 },
33
34 addComponentToUserDocument:{
35 value:function(element, data, callback){
36
37 var component;
38
39 component = require.async(data.path)
40 .then(function(component) {
41 var componentRequire = component[data.name];
42 var componentInstance = componentRequire.create();
43
44 componentInstance.element = element;
45 componentInstance.deserializedFromTemplate();
46 componentInstance.needsDraw = true;
47
48 callback(componentInstance, element);
49 })
50 .end();
51
52 }
53 }
54
55}); \ No newline at end of file
diff --git a/js/document/templates/montage-html/package.json b/js/document/templates/montage-html/package.json
new file mode 100755
index 00000000..c8bc02fb
--- /dev/null
+++ b/js/document/templates/montage-html/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
diff --git a/js/document/templates/montage-html/styles.css b/js/document/templates/montage-html/styles.css
new file mode 100755
index 00000000..0441c1cf
--- /dev/null
+++ b/js/document/templates/montage-html/styles.css
@@ -0,0 +1,5 @@
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> */ \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-04 17:40:22 +0000