aboutsummaryrefslogtreecommitdiff
path: root/js/document/templates/banner
diff options
context:
space:
mode:
Diffstat (limited to 'js/document/templates/banner')
-rwxr-xr-xjs/document/templates/banner/index.html108
-rw-r--r--js/document/templates/banner/main.js49
-rwxr-xr-xjs/document/templates/banner/package.json9
3 files changed, 166 insertions, 0 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/banner/main.js b/js/document/templates/banner/main.js
new file mode 100644
index 00000000..d5ac88d5
--- /dev/null
+++ b/js/document/templates/banner/main.js
@@ -0,0 +1,49 @@
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 /*
42 var newEvent = document.createEvent( "CustomEvent" );
43 newEvent.initCustomEvent( "userTemplateDidLoad", false, true );
44 document.body.dispatchEvent( newEvent );
45 */
46
47 }
48 }
49}); \ No newline at end of file
diff --git a/js/document/templates/banner/package.json b/js/document/templates/banner/package.json
new file mode 100755
index 00000000..d1e839dc
--- /dev/null
+++ b/js/document/templates/banner/package.json
@@ -0,0 +1,9 @@
1{
2 "directories": {
3 "lib": ""
4 },
5 "mappings": {
6 "montage": "../../../../node_modules/montage/",
7 "montage-google": "../../../../node_modules/montage-google/"
8 }
9} \ No newline at end of file