1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
2 <html xmlns="http://www.w3.org/1999/xhtml"> |
2 <html xmlns="http://www.w3.org/1999/xhtml"> |
3 <head> |
3 <head> |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
5 <title>Nokia WRT Preview</title> |
5 <title>Nokia WRT Preview</title> |
6 <link href="preview/css/style.css" rel="stylesheet" type="text/css" /> |
6 <!-- jQuery-ui Begins --> |
7 <script language="JavaScript" src="preview/script/device.js"></script> |
7 <link type="text/css" rel="stylesheet" href="preview/script/jquery-ui/css/ui-darkness/ui.all.css"/> |
8 <script language="JavaScript" src="preview/script/build.js"></script> |
8 <script type="text/javascript" src="preview/script/jquery-ui/js/jquery-1.2.6.min.js"></script> |
9 <link href="preview/css/menu.css" rel="stylesheet" type="text/css" /> |
9 <script type="text/javascript" src="preview/script/jquery-ui/js/jquery-ui-1.6.custom.min.js"></script> |
|
10 <!-- jQuery-ui Ends --> |
|
11 <script type="text/javascript" language="JavaScript" src="preview/script/xml2json.js"></script> |
|
12 <script type="text/javascript" language="JavaScript" src="preview/script/nokia.js"></script> |
|
13 <script type="text/javascript" language="JavaScript" src="preview/script/resolution.js"></script> |
|
14 <link type="text/css" rel="stylesheet" href="preview/css/style.css"/> |
10 </head> |
15 </head> |
11 <body> |
16 <body> |
12 <div id="Toolbar"> |
17 <div id="preview-ui-top"> |
13 <div id="DeviceSettings"> |
18 <div id="DeviceDisplayLayout" class="hide"> |
14 <table cellpadding="0" cellspacing="0"> |
19 <div id="DisplaySFKWrapper"> |
15 <tr valign="middle"> |
20 <div id="DisplayArea"> |
16 <td width="230" align="left" valign="top"><img src="preview/images/select-device-text.png" alt="Select Device" width="110" height="18" hspace="15" /><br /> |
21 <div id="IconArea"></div> |
17 <select name="deviceResolution" size="5" id="deviceResolution"> |
22 <div id="WidgetArea"> |
18 </select></td> |
23 <div id="iframeMask" class="hide"></div> |
19 <td width="87" align="center"><img src="preview/images/device/5320_main.jpg" alt="Device" name="ModelImage" width="57" height="150" id="ModelImage" /></td> |
24 <iframe src=""></iframe> |
20 </tr><tr> |
25 </div> |
21 <td colspan="2"> <p>Model: <br /> |
26 <div id="MenuItemsArea" class="scroll-pane"> |
22 <strong id="ModelName">Nokia 5320 XpressMusic</strong></p> |
27 <ul> |
23 <p>Resolution: <br /> |
28 <li><a href="javascript:void(0);">Exit</a></li> |
24 <strong id="ModelResolution">240 x 320 pixels</strong></p> </td> |
29 </ul> |
25 </tr><tr> |
30 </div> |
26 <td colspan="2"><p>Developer Platform: <br /> |
31 <div id="SoftKeysArea"> |
27 <strong id="ModelPlatform">S60 3rd Edition, Feature Pack 2</strong></p> |
32 <ul> |
28 <p>Display Orientation:<br /> |
33 <li id="LskLabel"><a href="javascript:void(0);">Options</a></li> |
29 <label> |
34 <li id="RskLabel"><a href="javascript:void(0);">Exit</a></li> |
30 <input name="DisplayOrientation" type="radio" id="DisplayOrientation_portrait" value="portrait" checked="checked"/> |
35 </ul> |
31 Portrait</label> |
36 </div> |
32 <label> |
37 </div> |
33 <input type="radio" name="DisplayOrientation" value="landscape" id="DisplayOrientation_landscape" /> |
38 <div id="SoftKeys"> |
34 Landscape<br /> |
39 <a href="javascript:void(0);"><img src="preview/images/TransperantImage.png" name="LskArea" border="0" id="LskArea"/></a><a href="javascript:void(0);"><img src="preview/images/TransperantImage.png" name="RskArea" border="0" id="RskArea"/></a> </div> |
35 </label> |
40 </div> |
36 </p></td> |
41 </div> |
37 </tr> |
42 <div id="Dialog" title="Notification window"></div> |
38 </table> |
43 <div id="PreferencesTab" class="hide"> |
|
44 <div id="tabs"> |
|
45 <ul> |
|
46 <li><a href="#tabs-1">Preferences</a></li> |
|
47 <li><a href="#tabs-2">Event Triggers</a></li> |
|
48 </ul> |
|
49 <div id="tabs-1"> |
|
50 <div id="settings-view"> |
|
51 <table width="100%" cellpadding="0" cellspacing="0"> |
|
52 <tr> |
|
53 <th> |
|
54 Resolution |
|
55 </th> |
|
56 <td> |
|
57 <select id="resOptions"> |
|
58 <option selected="true" value="http://www.forum.nokia.com/devices/matrix_240x320_1.html">240x320</option> |
|
59 <option value="http://www.forum.nokia.com/devices/matrix_320x240_1.html">320x240</option> |
|
60 <option value="http://www.forum.nokia.com/devices/matrix_360x640_1.html">360x640</option> |
|
61 <option value="http://www.forum.nokia.com/devices/E90_Communicator">800x352</option> |
|
62 </select> <a class="link" target="_blank" href="http://www.forum.nokia.com/devices/matrix_240x320_1.html" id="resSupportLink">Device matrix featuring this resolution</a> |
|
63 </td> |
|
64 </tr> |
|
65 <tr> |
|
66 <th> |
|
67 Orientation |
|
68 </th> |
|
69 <td> |
|
70 <div id="Orientation_Controls" class="hide"> |
|
71 <label><input type="radio" name="input_orientation" id="input_portrait" value="portrait"/> Portrait</label> |
|
72 <label><input type="radio" name="input_orientation" id="input_landscape" value="landscape"/> Landscape</label> |
|
73 </div> |
|
74 <div id="Orientation_Info" class="hide"> |
|
75 </div> |
|
76 </td> |
|
77 </tr> |
|
78 <tr> |
|
79 <th> |
|
80 WRT Version |
|
81 </th> |
|
82 <td> |
|
83 <label><input type="radio" name="wrt_version" id="wrt_version_1_0" value="WRT 1.0"/> WRT 1.0</label> |
|
84 <label><input type="radio" name="wrt_version" id="wrt_version_1_1" value="WRT 1.1"/> WRT 1.1</label> |
|
85 </td> |
|
86 </tr> |
|
87 <tr> |
|
88 <th> |
|
89 Home Screen view |
|
90 </th> |
|
91 <td> |
|
92 <div id="HS_Control_Info"> |
|
93 Hello |
|
94 </div> |
|
95 </td> |
|
96 </tr> |
|
97 </table> |
|
98 </div> |
|
99 |
|
100 <div id="mini-view-info" class="hide"> |
|
101 <div class="ui-panel"> |
|
102 <a class="ui-button" id="mini-view-back">Back</a> |
|
103 </div> |
|
104 <table cellpadding='0' cellspacing='0' width="100%"> |
|
105 <tr> |
|
106 <th>To enable Mini view support for HomeScreen widget </th> |
|
107 </tr> |
|
108 <tr> |
|
109 <td> |
|
110 Add this line in Info.plist file |
|
111 <code><key>MiniViewEnabled</key><br/><true/></code> |
|
112 and optionally add the following to the MainHTML file |
|
113 <code><div id="miniView"> <-- Define your Home Screen view here --> </div></code><br/> |
|
114 See Web Developer's Library for <a class="link" href="http://library.forum.nokia.com/index.jsp?topic=/Web_Developers_Library/GUID-63F4E17E-8895-4054-82AD-762B90610B30.html" target="_blank">more details</a> |
|
115 </td> |
|
116 </tr> |
|
117 </table> |
|
118 </div> |
|
119 |
|
120 |
|
121 </div> |
|
122 <div id="tabs-2"> |
|
123 |
|
124 <div id="event-icons"> |
|
125 <div id="event-battery"></div> |
|
126 <div id="event-messaging"></div> |
|
127 <div id="event-memory"></div> |
|
128 </div> |
|
129 |
|
130 <div id="event-battery-info" class="hide"> |
|
131 <div class="ui-panel"> |
|
132 <a class="ui-button" id="event-battery-back">Back</a> |
|
133 </div> |
|
134 <table cellpadding='0' cellspacing='0' width="100%"> |
|
135 <tr> |
|
136 <th colspan="2">Battery Triggers</th> |
|
137 </tr> |
|
138 <tr> |
|
139 <td>Charging status</td> |
|
140 <td> |
|
141 <a class="ui-button-fixed" id="connect-charger">Connect charger</a> |
|
142 <a class="ui-button-fixed" id="disconnect-charger">Disconnect charger</a> |
|
143 </td> |
|
144 </tr> |
|
145 <tr> |
|
146 <td>Battery Strength</td> |
|
147 <td> |
|
148 <div id="slider"></div> |
|
149 <div id="slider-value-panel"><span>0</span></div> |
|
150 <div><a class="ui-button-fixed" id="update-batter-strength">Update</a></div> |
|
151 </td> |
|
152 </tr> |
|
153 </table> |
|
154 </div> |
|
155 |
|
156 <div id="event-messaging-info" class="hide"> |
|
157 <div class="ui-panel"> |
|
158 <a class="ui-button" id="event-messaging-back">Back</a> |
|
159 </div> |
|
160 <table cellpadding='0' cellspacing='0' width="100%"> |
|
161 <tr> |
|
162 <th colspan="2">Message Triggers</th> |
|
163 </tr> |
|
164 <tr> |
|
165 <td>New message</td> |
|
166 <td> |
|
167 <a class="ui-button-fixed" id="send-sms">Trigger new SMS</a> |
|
168 <a class="ui-button-fixed" id="send-mms">Trigger new MMS</a> |
|
169 </td> |
|
170 </tr> |
|
171 </table> |
|
172 </div> |
|
173 |
|
174 <div id="event-memory-info" class="hide"> |
|
175 <div class="ui-panel"> |
|
176 <a class="ui-button" id="event-memory-back">Back</a> |
|
177 </div> |
|
178 <table cellpadding='0' cellspacing='0' width="100%"> |
|
179 <tr> |
|
180 <th colspan="2">Memory Triggers</th> |
|
181 </tr> |
|
182 <tr> |
|
183 <td>Memory Card</td> |
|
184 <td> |
|
185 <a class="ui-button-fixed" id="connect-memory-card">Connect</a> |
|
186 <a class="ui-button-fixed" id="disconnect-memory-card">Disconnect</a> |
|
187 </td> |
|
188 </tr> |
|
189 </table> |
|
190 </div> |
|
191 |
|
192 </div> |
|
193 </div> |
39 </div> |
194 </div> |
40 <div class="down" id="pullDown"></div> |
195 </div> |
41 </div> |
196 <div id="preview-ui-bottom"> |
42 <div id="WrapperDiv"> |
197 <div id="preview-ui-bottom-header"> |
43 <div id="device"> |
198 <div>Console window</div> |
44 <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
199 <span class="open" id="Console-Toggle-Button"></span> |
45 <tr> |
200 <span id="Console-Clear-Button"></span> |
46 <td> |
201 </div> |
47 <div id="display"> |
202 <div style="clear:left;"></div> |
48 <div id="displayLeft"> |
203 <div id="preview-ui-bottom-body"> |
49 <div id="iframePreviewWindow"> |
204 </div> |
50 <iframe src="wrt_preview_main.html" frameborder="no" width="100%" id="widgetIframeWindow"></iframe> |
205 </div> |
51 <div id="menuPane"> |
206 <div id="PreferencesBtn" class="hide"></div> |
52 <div id="menuItemsPane"> |
207 <div id="orientationIcon"></div> |
53 </div> |
208 <div id="loaderDiv"></div> |
54 <div id="softKeysPane"> |
209 <div id="NotificationDiv" class="hide"> |
55 <table width="100%" border="0" cellspacing="2" cellpadding="2"> |
210 <p>NOKIA WRT Simulation may not work properly on this browser, <br/>Firefox is recommended for widget preview and debugging. <br/><br/><strong>Continue?</strong></p> |
56 <tr> |
211 </div> |
57 <td><span id="leftSoftKey">Options</span></td> |
212 <div id="BrowserNotificationBar" class="hide"> |
58 <td align="right"><span id="rightSoftKey">Cancel</span></td> |
213 <p><a></a>NOKIA WRT Simulation may not work properly on this browser, Firefox is recommended for widget preview and debugging</p> |
59 </tr> |
214 </div> |
60 </table> |
|
61 </div> |
|
62 </div> |
|
63 </div> |
|
64 </div> |
|
65 </div> |
|
66 </td> |
|
67 </tr> |
|
68 <tr> |
|
69 <td> |
|
70 <div id="softKeys"> |
|
71 <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
|
72 <tr> |
|
73 <td width="46"><a id="leftSoftKeyImg"><img src="preview/images/device-left-softkey.png" width="103" height="46" border="0" /></a></td> |
|
74 <td background="preview/images/device-bottom.png"> </td> |
|
75 <td width="46"><a id="rightSoftKeyImg"><img src="preview/images/device-right-softkey.png" width="103" height="46" border="0" /></a></td> |
|
76 </tr> |
|
77 </table> |
|
78 </div> |
|
79 </td> |
|
80 </tr> |
|
81 </table> |
|
82 </div> |
|
83 </div> |
|
84 </body> |
215 </body> |
85 </html> |
216 </html> |