diff options
Diffstat (limited to 'user-document-templates')
5 files changed, 323 insertions, 0 deletions
diff --git a/user-document-templates/montage-application-cloud/appdelegate.js b/user-document-templates/montage-application-cloud/appdelegate.js new file mode 100644 index 00000000..64ce6f59 --- /dev/null +++ b/user-document-templates/montage-application-cloud/appdelegate.js | |||
@@ -0,0 +1,187 @@ | |||
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> */ | ||
6 | |||
7 | var Montage = require("montage/core/core").Montage, | ||
8 | Component = require("montage/ui/component").Component; | ||
9 | |||
10 | var Button = require("montage/ui/button.reel").Button, | ||
11 | Checkbox = require("montage/ui/checkbox.reel").Checkbox, | ||
12 | Condition = require("montage/ui/condition.reel").Condition, | ||
13 | DynamicText = require("montage/ui/dynamic-text.reel").DynamicText, | ||
14 | |||
15 | FlowController = require("montage/ui/flow-controller.reel").FlowController, | ||
16 | |||
17 | HotText = require("montage/ui/hottext.reel").HotText, | ||
18 | HotTextUnit = require("montage/ui/hottextunit.reel").HotTextUnit, | ||
19 | |||
20 | ImageContainer = require("montage/ui/photo-editor.reel").PhotoEditor, | ||
21 | Progress = require("montage/ui/progress.reel").Progress, | ||
22 | |||
23 | Repetition = require("montage/ui/repetition.reel").Repetition, | ||
24 | Scrollview = require("montage/ui/scrollview.reel").Scrollview, | ||
25 | Slider = require("montage/ui/slider.reel").Slider, | ||
26 | Slot = require("montage/ui/slot.reel").Slot, | ||
27 | Substitution = require("montage/ui/substitution.reel").Substitution, | ||
28 | |||
29 | TextArea = require("montage/ui/textarea.reel").TextArea, | ||
30 | Textfield = require("montage/ui/textfield.reel").Textfield, | ||
31 | |||
32 | Toggle = require("montage/ui/toggle.reel").Toggle, | ||
33 | ToggleButton = require("montage/ui/button.reel").ToggleButton; | ||
34 | |||
35 | exports.MyAppDelegate = Montage.create(Component, { | ||
36 | templateDidLoad: { | ||
37 | value: function(){ | ||
38 | window.addComponent = this.addComponentToUserDocument; | ||
39 | window.addBinding = this.addBindingToUserDocument; | ||
40 | |||
41 | var newEvent = document.createEvent( "CustomEvent" ); | ||
42 | newEvent.initCustomEvent( "userTemplateDidLoad", false, true ); | ||
43 | |||
44 | document.body.dispatchEvent( newEvent ); | ||
45 | |||
46 | } | ||
47 | }, | ||
48 | |||
49 | addComponentToUserDocument:{ | ||
50 | value:function(containerElement, componentType){ | ||
51 | var component = null; | ||
52 | switch(componentType){ | ||
53 | case "Button": | ||
54 | component = Button.create(); | ||
55 | component.element = containerElement; | ||
56 | component.element.classList.add("text"); | ||
57 | component.value = "Button"; | ||
58 | component.needsDraw = true; | ||
59 | break; | ||
60 | case "Checkbox": | ||
61 | component = Checkbox.create(); | ||
62 | component.element = containerElement; | ||
63 | component.needsDraw = true; | ||
64 | break; | ||
65 | case "Condition": | ||
66 | component = Condition.create(); | ||
67 | component.element = containerElement; | ||
68 | component.needsDraw = true; | ||
69 | break; | ||
70 | case "DynamicText": | ||
71 | component = DynamicText.create(); | ||
72 | component.element = containerElement; | ||
73 | component.value = "Label"; | ||
74 | component.needsDraw = true; | ||
75 | break; | ||
76 | case "HotText": | ||
77 | component = HotText.create(); | ||
78 | component.element = containerElement; | ||
79 | component.needsDraw = true; | ||
80 | break; | ||
81 | case "HotTextUnit": | ||
82 | component = HotTextUnit.create(); | ||
83 | component.element = containerElement; | ||
84 | component.needsDraw = true; | ||
85 | break; | ||
86 | case "FlowController": | ||
87 | component = FlowController.create(); | ||
88 | component.element = containerElement; | ||
89 | component.needsDraw = true; | ||
90 | break; | ||
91 | case "ImageContainer": | ||
92 | component = ImageContainer.create(); | ||
93 | component.element = containerElement; | ||
94 | component.element.style.width = "285px"; | ||
95 | component.element.style.height = "235px"; | ||
96 | component.src = "placeholder.jpg"; | ||
97 | component.needsDraw = true; | ||
98 | break; | ||
99 | case "Progress": | ||
100 | component = Progress.create(); | ||
101 | component.element = containerElement; | ||
102 | component.loading = true; | ||
103 | component.needsDraw = true; | ||
104 | break; | ||
105 | case "Repetition": | ||
106 | component = Repetition.create(); | ||
107 | component.element = containerElement; | ||
108 | component.needsDraw = true; | ||
109 | break; | ||
110 | case "Scrollview": | ||
111 | component = Scrollview.create(); | ||
112 | component.element = containerElement; | ||
113 | component.element.style.width = "200px"; | ||
114 | component.element.style.height = "200px"; | ||
115 | var dummyContent = document.createElement("div"); | ||
116 | dummyContent.innerHTML = "<img src='image3.jpg'/>"; | ||
117 | component.element.appendChild(dummyContent); | ||
118 | component.needsDraw = true; | ||
119 | break; | ||
120 | case "Slider": | ||
121 | component = Slider.create(); | ||
122 | component.element = containerElement; | ||
123 | // component.value = 0; | ||
124 | // component._minValue = 0; | ||
125 | // component._maxValue = 100; | ||
126 | component.needsDraw = true; | ||
127 | break; | ||
128 | case "Slot": | ||
129 | component = Slot.create(); | ||
130 | component.element = containerElement; | ||
131 | component.needsDraw = true; | ||
132 | break; | ||
133 | case "Substitution": | ||
134 | component = Substitution.create(); | ||
135 | component.element = containerElement; | ||
136 | component.needsDraw = true; | ||
137 | break; | ||
138 | case "TextArea": | ||
139 | component = TextArea.create(); | ||
140 | component.element = containerElement; | ||
141 | component.needsDraw = true; | ||
142 | break; | ||
143 | case "Textfield": | ||
144 | component = Textfield.create(); | ||
145 | component.element = containerElement; | ||
146 | component.needsDraw = true; | ||
147 | break; | ||
148 | case "Toggle": | ||
149 | component = Toggle.create(); | ||
150 | component.element = containerElement; | ||
151 | component.needsDraw = true; | ||
152 | break; | ||
153 | case "ToggleButton": | ||
154 | component = ToggleButton.create(); | ||
155 | component.element = containerElement; | ||
156 | component.element.classList.add("text"); | ||
157 | component.needsDraw = true; | ||
158 | break; | ||
159 | default: | ||
160 | console.log("Unrecognized component type"); | ||
161 | } | ||
162 | //console.log(component); | ||
163 | return component; | ||
164 | } | ||
165 | }, | ||
166 | addBindingToUserDocument:{ | ||
167 | value:function(boundComponent, boundValue, targetComponent, targetValue){ | ||
168 | if(targetComponent[targetValue] != undefined && boundComponent[boundValue] != undefined){ | ||
169 | Object.defineBinding(boundComponent, boundValue, { | ||
170 | boundObject: targetComponent, | ||
171 | boundObjectPropertyPath: targetValue, | ||
172 | boundValueMutator: function(value) { | ||
173 | return(value); | ||
174 | } | ||
175 | }); | ||
176 | } else { | ||
177 | if(targetComponent[targetValue] == undefined){ | ||
178 | console.log("Binding Fail - Component Property Not Found: " + targetValue); | ||
179 | alert("Binding Failed - Component Property Not Found: " + targetValue) | ||
180 | } else if(boundComponent[boundValue] == undefined){ | ||
181 | console.log("Binding Fail - Component Property Not Found: " + boundValue); | ||
182 | alert("Binding Failed - Component Property Not Found: " + boundValue); | ||
183 | } | ||
184 | } | ||
185 | } | ||
186 | } | ||
187 | }); \ No newline at end of file | ||
diff --git a/user-document-templates/montage-application-cloud/default_html.css b/user-document-templates/montage-application-cloud/default_html.css new file mode 100644 index 00000000..05aaf1d0 --- /dev/null +++ b/user-document-templates/montage-application-cloud/default_html.css | |||
@@ -0,0 +1,74 @@ | |||
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> */ | ||
6 | |||
7 | * { | ||
8 | -webkit-transition-duration: 0s !important; | ||
9 |