org.symbian.tools.wrttools.previewer/preview/wrt_preview.html
changeset 391 62472296236e
parent 369 0a31422d2116
child 393 5b968742b729
equal deleted inserted replaced
390:41fb932132ea 391:62472296236e
    16 <html xmlns="http://www.w3.org/1999/xhtml">
    16 <html xmlns="http://www.w3.org/1999/xhtml">
    17 <head>
    17 <head>
    18 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    18 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    19 	<title>WRT Debugger</title>
    19 	<title>WRT Debugger</title>
    20 	<!-- jQuery-ui Begins -->
    20 	<!-- jQuery-ui Begins -->
    21 		<link type="text/css" rel="stylesheet"  href="preview/script/jquery-ui/css/ui-darkness/ui.all.css"/>	
    21 		<link type="text/css" rel="stylesheet"  href="preview/script/jquery-ui/css/ui-darkness/jquery-ui-1.8.2.custom.css"/>	
    22 		<script type="text/javascript" src="preview/script/jquery-ui/js/jquery-1.2.6.min.js"></script>
    22 		<script type="text/javascript" src="preview/script/jquery-ui/js/jquery-1.4.2.min.js"></script>
    23 		<script type="text/javascript" src="preview/script/jquery-ui/js/jquery-ui-1.6.custom.min.js"></script>
    23 		<script type="text/javascript" src="preview/script/jquery-ui/js/jquery-ui-1.8.2.custom.min.js"></script>
    24 	<!-- jQuery-ui Ends -->	
    24 	<!-- jQuery-ui Ends -->	
    25 	<script type="text/javascript" language="JavaScript" src="preview/script/nokia.js"></script>
    25 	<script type="text/javascript" language="JavaScript" src="preview/script/nokia.js"></script>
    26 	<script type="text/javascript" language="JavaScript" src="preview/script/resolution.js"></script>
    26 	<script type="text/javascript" language="JavaScript" src="preview/script/resolution.js"></script>
    27 	<script type="text/javascript" language="JavaScript" src="preview/preferences.js"></script>
    27 	<script type="text/javascript" language="JavaScript" src="preview/preferences.js"></script>
    28 	<link type="text/css" rel="stylesheet"  href="preview/css/style.css"/>
    28 	<link type="text/css" rel="stylesheet"  href="preview/css/style.css"/>
    63 			</div>
    63 			</div>
    64 		<div id="Dialog" title="Notification window"></div>
    64 		<div id="Dialog" title="Notification window"></div>
    65 	<div id="PreferencesTab" class="hide">
    65 	<div id="PreferencesTab" class="hide">
    66 	<div id="tabs">
    66 	<div id="tabs">
    67 		<ul>
    67 		<ul>
    68 			<li><a href="#tabs-1">Preferences</a></li>
    68 			<li><a href="#event-battery-info">Battery</a></li>
    69 			<li><a href="#tabs-2">Event Triggers</a></li>
    69 			<li><a href="#event-messaging-info">Message</a></li>
       
    70 			<li><a href="#event-memory-info">Memory</a></li>
       
    71 			<li><a href="#settings-view">Preferences</a></li>
    70 		</ul>
    72 		</ul>
    71 		<div id="tabs-1">
    73 		<div id="event-battery-info" class="hide">
    72 			<div id="settings-view">
    74 			<table cellpadding='0' cellspacing='0' width="100%">
    73 		<table width="100%" cellpadding="0" cellspacing="0">
    75 				<tr>
    74 			<tr>
    76 					<th>Charging status</th>
    75 				<th>
    77 					<td>
    76 					WRT Version
    78 						<a class="ui-button-fixed" id="connect-charger">Connect charger</a>
    77 				</th>
    79 						<a class="ui-button-fixed" id="disconnect-charger">Disconnect charger</a>
    78 				<td>
    80 					</td>
    79 					<label><input type="radio" name="wrt_version" id="wrt_version_1_0" value="WRT 1.0"/> WRT 1.0</label>	
    81 				</tr>
    80 					<label><input type="radio" name="wrt_version" id="wrt_version_1_1" value="WRT 1.1"/> WRT 1.1</label>	
    82 				<tr>
    81 				</td>
    83 					<th>Battery Strength</th>
    82 			</tr>
    84 					<td>
    83 			<tr>
    85 						<div id="slider"></div>
    84 				<th>
    86 						<div id="slider-value-panel"><span>0</span></div>
    85 					Home Screen view
    87 					</td>
    86 				</th>
    88 				</tr>
    87 				<td>
    89 			</table>
    88 					<div id="HS_Control_Info">
       
    89 						Hello
       
    90 					</div>
       
    91 				</td>
       
    92 			</tr>
       
    93 		</table>
       
    94 		</div>
    90 		</div>
    95 		
    91 		<div id="event-messaging-info" class="hide">
    96 			<div id="mini-view-info" class="hide">
    92 			<table cellpadding='0' cellspacing='0' width="100%">
    97 				<div class="ui-panel">
    93 				<tr>
    98 					<a class="ui-button" id="mini-view-back">Back</a>
    94 					<th>New message</th>
    99 				</div>
    95 					<td>
   100 				<table cellpadding='0' cellspacing='0' width="100%">
    96 						<a class="ui-button-fixed" id="send-sms">Trigger new SMS</a>
   101 					<tr>
    97 						<a class="ui-button-fixed" id="send-mms">Trigger new MMS</a>
   102 						<th>To enable Mini view support for HomeScreen widget </th>
    98 					</td>
   103 					</tr>
    99 				</tr>
   104 					<tr>
   100 			</table>
   105 						<td>
   101 		</div>
   106 							Add this line in Info.plist file
   102 		<div id="event-memory-info" class="hide">
   107 							<code>&lt;key&gt;MiniViewEnabled&lt;/key&gt;<br/>&lt;true/&gt;</code>
   103 			<table cellpadding='0' cellspacing='0' width="100%">
   108 							and optionally add the following to the MainHTML file
   104 				<tr>
   109 							<code>&lt;div id="miniView"&gt; &lt;--  Define your Home Screen view here  --&gt; &lt;/div&gt;</code><br/>
   105 					<th>Memory Card</th>
   110 							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>
   106 					<td>
   111 						</td>
   107 						<a class="ui-button-fixed" id="connect-memory-card">Connect</a>
   112 					</tr>
   108 						<a class="ui-button-fixed" id="disconnect-memory-card">Disconnect</a>
   113 				</table>
   109 					</td>
       
   110 				</tr>
       
   111 			</table>
       
   112 		</div>
       
   113 		<div id="settings-view" class="hide">
       
   114 			<table width="100%" cellpadding="0" cellspacing="0">
       
   115 				<tr>
       
   116 					<th>
       
   117 						WRT Version
       
   118 					</th>
       
   119 					<td>
       
   120 						<label><input type="radio" name="wrt_version" id="wrt_version_1_0" value="WRT 1.0"/> WRT 1.0</label>	
       
   121 						<label><input type="radio" name="wrt_version" id="wrt_version_1_1" value="WRT 1.1"/> WRT 1.1</label>	
       
   122 					</td>
       
   123 				</tr>
       
   124 				<tr>
       
   125 					<th>
       
   126 						Home Screen view
       
   127 					</th>
       
   128 					<td>
       
   129 						<div id="HS_Control_Info">
       
   130 							Hello
       
   131 						</div>
       
   132 					</td>
       
   133 				</tr>
       
   134 			</table>
       
   135 		</div>
       
   136 	
       
   137 		<div id="mini-view-info" class="hide">
       
   138 			<div class="ui-panel">
       
   139 				<a class="ui-button" id="mini-view-back">Back</a>
   114 			</div>
   140 			</div>
   115 		
   141 			<table cellpadding='0' cellspacing='0' width="100%">
   116 		
   142 				<tr>
   117 		</div>
   143 					<th>To enable Mini view support for HomeScreen widget </th>
   118 		<div id="tabs-2">
   144 				</tr>
   119 			
   145 				<tr>
   120 			<div id="event-icons">
   146 					<td>
   121 				<div id="event-battery"></div>
   147 						Add this line in Info.plist file
   122 				<div id="event-messaging"></div>
   148 						<code>&lt;key&gt;MiniViewEnabled&lt;/key&gt;<br/>&lt;true/&gt;</code>
   123 				<div id="event-memory"></div>
   149 						and optionally add the following to the MainHTML file
   124 			</div>
   150 						<code>&lt;div id="miniView"&gt; &lt;--  Define your Home Screen view here  --&gt; &lt;/div&gt;</code><br/>
   125 
   151 						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>
   126 			<div id="event-battery-info" class="hide">
   152 					</td>
   127 				<div class="ui-panel">
   153 				</tr>
   128 					<a class="ui-button" id="event-battery-back">Back</a>
   154 			</table>
   129 				</div>
       
   130 				<table cellpadding='0' cellspacing='0' width="100%">
       
   131 					<tr>
       
   132 						<th colspan="2">Battery Triggers</th>
       
   133 					</tr>
       
   134 					<tr>
       
   135 						<td>Charging status</td>
       
   136 						<td>
       
   137 							<a class="ui-button-fixed" id="connect-charger">Connect charger</a>
       
   138 							<a class="ui-button-fixed" id="disconnect-charger">Disconnect charger</a>
       
   139 						</td>
       
   140 					</tr>
       
   141 					<tr>
       
   142 						<td>Battery Strength</td>
       
   143 						<td>
       
   144 							<div id="slider"></div>
       
   145 							<div id="slider-value-panel"><span>0</span></div>
       
   146 							<div><a class="ui-button-fixed" id="update-batter-strength">Update</a></div>
       
   147 						</td>
       
   148 					</tr>
       
   149 				</table>
       
   150 			</div>
       
   151 
       
   152 			<div id="event-messaging-info" class="hide">
       
   153 				<div class="ui-panel">
       
   154 					<a class="ui-button" id="event-messaging-back">Back</a>
       
   155 				</div>
       
   156 				<table cellpadding='0' cellspacing='0' width="100%">
       
   157 					<tr>
       
   158 						<th colspan="2">Message Triggers</th>
       
   159 					</tr>
       
   160 					<tr>
       
   161 						<td>New message</td>
       
   162 						<td>
       
   163 							<a class="ui-button-fixed" id="send-sms">Trigger new SMS</a>
       
   164 							<a class="ui-button-fixed" id="send-mms">Trigger new MMS</a>
       
   165 						</td>
       
   166 					</tr>
       
   167 				</table>
       
   168 			</div>
       
   169 
       
   170 			<div id="event-memory-info" class="hide">
       
   171 				<div class="ui-panel">
       
   172 					<a class="ui-button" id="event-memory-back">Back</a>
       
   173 				</div>
       
   174 				<table cellpadding='0' cellspacing='0' width="100%">
       
   175 					<tr>
       
   176 						<th colspan="2">Memory Triggers</th>
       
   177 					</tr>
       
   178 					<tr>
       
   179 						<td>Memory Card</td>
       
   180 						<td>
       
   181 							<a class="ui-button-fixed" id="connect-memory-card">Connect</a>
       
   182 							<a class="ui-button-fixed" id="disconnect-memory-card">Disconnect</a>
       
   183 						</td>
       
   184 					</tr>
       
   185 				</table>
       
   186 			</div>
       
   187 			
       
   188 		</div>
   155 		</div>
   189 	</div>
   156 	</div>
   190 </div>
   157 </div>
   191 	<div id="InspectorTab" class="hide">
   158 	<div id="InspectorTab" class="hide">
   192 		<div>To open Web Inspector you need to:
   159 		<div>To open Web Inspector you need to: