See09/wrt_preview_frame.html
changeset 19 f3521a11d878
equal deleted inserted replaced
18:b73e6caf0031 19:f3521a11d878
       
     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">
       
     3 <head>
       
     4 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       
     5 	<title>Nokia WRT Preview</title>
       
     6 	<!-- jQuery-ui Begins -->
       
     7 		<link type="text/css" rel="stylesheet"  href="preview/script/jquery-ui/css/ui-darkness/ui.all.css"/>	
       
     8 		<script type="text/javascript" src="preview/script/jquery-ui/js/jquery-1.2.6.min.js"></script>
       
     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"/>
       
    15 </head>
       
    16 <body>
       
    17 	<div id="preview-ui-top">
       
    18 		<div id="DeviceDisplayLayout" class="hide">
       
    19 			<div id="DisplaySFKWrapper">
       
    20 				<div id="DisplayArea">
       
    21 					<div id="IconArea"></div>
       
    22 					<div id="WidgetArea">
       
    23 						<div id="iframeMask" class="hide"></div>
       
    24 						<iframe src=""></iframe>
       
    25 					</div>
       
    26 					<div id="MenuItemsArea" class="scroll-pane">
       
    27 						<ul>
       
    28 							<li><a href="javascript:void(0);">Exit</a></li>
       
    29 						</ul>
       
    30 					</div>
       
    31 					<div id="SoftKeysArea">
       
    32 						<ul>
       
    33 							<li id="LskLabel"><a href="javascript:void(0);">Options</a></li>
       
    34 							<li id="RskLabel"><a href="javascript:void(0);">Exit</a></li>
       
    35 						</ul>
       
    36 					</div>
       
    37 				</div>
       
    38 				<div id="SoftKeys">
       
    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>
       
    40 				</div>
       
    41 			</div>
       
    42 		<div id="Dialog" title="Notification window"></div>
       
    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; 
       
    63 					<a class="link" target="_blank" href="http://www.forum.nokia.com/devices/matrix_240x320_1.html" id="resSupportLink">Device matrix featuring this resolution</a>
       
    64 					<span id="dwDeviceHelp" class="hide" >See WRT Help for device specifications</span>
       
    65 				</td>
       
    66 			</tr>
       
    67 			<tr>
       
    68 				<th>
       
    69 					Orientation					
       
    70 				</th>
       
    71 				<td>
       
    72 					<div id="Orientation_Controls" class="hide">
       
    73 						<label><input type="radio" name="input_orientation" id="input_portrait" value="portrait"/> Portrait</label>	
       
    74 						<label><input type="radio" name="input_orientation" id="input_landscape" value="landscape"/> Landscape</label>	
       
    75 					</div>
       
    76 					<div id="Orientation_Info" class="hide">
       
    77 					</div>
       
    78 				</td>
       
    79 			</tr>
       
    80 			<tr>
       
    81 				<th>
       
    82 					WRT Version
       
    83 				</th>
       
    84 				<td>
       
    85 					<label><input type="radio" name="wrt_version" id="wrt_version_1_0" value="WRT 1.0"/> WRT 1.0</label>	
       
    86 					<label><input type="radio" name="wrt_version" id="wrt_version_1_1" value="WRT 1.1"/> WRT 1.1</label>	
       
    87 				</td>
       
    88 			</tr>
       
    89 			<tr>
       
    90 				<th>
       
    91 					Home Screen view
       
    92 				</th>
       
    93 				<td>
       
    94 					<div id="HS_Control_Info">
       
    95 						Hello
       
    96 					</div>
       
    97 				</td>
       
    98 			</tr>
       
    99 		</table>
       
   100 		</div>
       
   101 		
       
   102 			<div id="mini-view-info" class="hide">
       
   103 				<div class="ui-panel">
       
   104 					<a class="ui-button" id="mini-view-back">Back</a>
       
   105 				</div>
       
   106 				<table cellpadding='0' cellspacing='0' width="100%">
       
   107 					<tr>
       
   108 						<th>To enable Mini view support for HomeScreen widget </th>
       
   109 					</tr>
       
   110 					<tr>
       
   111 						<td>
       
   112 							Add this line in Info.plist file
       
   113 							<code>&lt;key&gt;MiniViewEnabled&lt;/key&gt;<br/>&lt;true/&gt;</code>
       
   114 							and optionally add the following to the MainHTML file
       
   115 							<code>&lt;div id="miniView"&gt; &lt;--  Define your Home Screen view here  --&gt; &lt;/div&gt;</code><br/>
       
   116 							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>
       
   117 						</td>
       
   118 					</tr>
       
   119 				</table>
       
   120 			</div>
       
   121 		
       
   122 		
       
   123 		</div>
       
   124 		<div id="tabs-2">
       
   125 			
       
   126 			<div id="event-icons">
       
   127 				<div id="event-battery"></div>
       
   128 				<div id="event-messaging"></div>
       
   129 				<div id="event-memory"></div>
       
   130 			</div>
       
   131 
       
   132 			<div id="event-battery-info" class="hide">
       
   133 				<div class="ui-panel">
       
   134 					<a class="ui-button" id="event-battery-back">Back</a>
       
   135 				</div>
       
   136 				<table cellpadding='0' cellspacing='0' width="100%">
       
   137 					<tr>
       
   138 						<th colspan="2">Battery Triggers</th>
       
   139 					</tr>
       
   140 					<tr>
       
   141 						<td>Charging status</td>
       
   142 						<td>
       
   143 							<a class="ui-button-fixed" id="connect-charger">Connect charger</a>
       
   144 							<a class="ui-button-fixed" id="disconnect-charger">Disconnect charger</a>
       
   145 						</td>
       
   146 					</tr>
       
   147 					<tr>
       
   148 						<td>Battery Strength</td>
       
   149 						<td>
       
   150 							<div id="slider"></div>
       
   151 							<div id="slider-value-panel"><span>0</span></div>
       
   152 							<div><a class="ui-button-fixed" id="update-batter-strength">Update</a></div>
       
   153 						</td>
       
   154 					</tr>
       
   155 				</table>
       
   156 			</div>
       
   157 
       
   158 			<div id="event-messaging-info" class="hide">
       
   159 				<div class="ui-panel">
       
   160 					<a class="ui-button" id="event-messaging-back">Back</a>
       
   161 				</div>
       
   162 				<table cellpadding='0' cellspacing='0' width="100%">
       
   163 					<tr>
       
   164 						<th colspan="2">Message Triggers</th>
       
   165 					</tr>
       
   166 					<tr>
       
   167 						<td>New message</td>
       
   168 						<td>
       
   169 							<a class="ui-button-fixed" id="send-sms">Trigger new SMS</a>
       
   170 							<a class="ui-button-fixed" id="send-mms">Trigger new MMS</a>
       
   171 						</td>
       
   172 					</tr>
       
   173 				</table>
       
   174 			</div>
       
   175 
       
   176 			<div id="event-memory-info" class="hide">
       
   177 				<div class="ui-panel">
       
   178 					<a class="ui-button" id="event-memory-back">Back</a>
       
   179 				</div>
       
   180 				<table cellpadding='0' cellspacing='0' width="100%">
       
   181 					<tr>
       
   182 						<th colspan="2">Memory Triggers</th>
       
   183 					</tr>
       
   184 					<tr>
       
   185 						<td>Memory Card</td>
       
   186 						<td>
       
   187 							<a class="ui-button-fixed" id="connect-memory-card">Connect</a>
       
   188 							<a class="ui-button-fixed" id="disconnect-memory-card">Disconnect</a>
       
   189 						</td>
       
   190 					</tr>
       
   191 				</table>
       
   192 			</div>
       
   193 			
       
   194 		</div>
       
   195 	</div>
       
   196 </div>
       
   197 	</div>
       
   198 	<div id="preview-ui-bottom">
       
   199 		<div id="preview-ui-bottom-header">
       
   200 			<div>Console window</div>
       
   201 			<span class="open" id="Console-Toggle-Button"></span>
       
   202 			<span id="Console-Clear-Button"></span>
       
   203 		</div>
       
   204 		<div style="clear:left;"></div>
       
   205 		<div id="preview-ui-bottom-body">
       
   206 		</div>
       
   207 	</div>
       
   208 	<div id="PreferencesBtn" class="hide"></div>
       
   209 	<div id="orientationIcon"></div>
       
   210 	<div id="loaderDiv"></div>
       
   211 	<div id="NotificationDiv" class="hide">
       
   212 		<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>
       
   213 	</div>
       
   214 	<div id="BrowserNotificationBar" class="hide">
       
   215 		<p><a></a>NOKIA WRT Simulation may not work properly on this browser, Firefox is recommended for widget preview and debugging</p>
       
   216 	</div>
       
   217 </body>
       
   218 </html>