Symbian.org/wrt_preview_frame.html
changeset 4 cb6368112727
parent 0 54498df70f5d
child 21 f7a5a40d5bc4
equal deleted inserted replaced
3:9cbe91927e89 4:cb6368112727
     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>&nbsp; <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>&lt;key&gt;MiniViewEnabled&lt;/key&gt;<br/>&lt;true/&gt;</code>
       
   112 							and optionally add the following to the MainHTML file
       
   113 							<code>&lt;div id="miniView"&gt; &lt;--  Define your Home Screen view here  --&gt; &lt;/div&gt;</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">&nbsp;</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>