org.symbian.tools.wrttools.previewer/preview/wrt_preview.html
changeset 402 f943a50b6689
parent 397 e5346aff014d
child 403 ba20dd5983c7
equal deleted inserted replaced
400:91acf7e95f86 402:f943a50b6689
    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>TMW Debugger</title>
    19 	<title>TMW 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/jquery-ui-1.8.2.custom.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.4.2.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.8.2.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/emulator.js"></script>
       
    26 	<script type="text/javascript" language="JavaScript" src="preview/script/helper.js"></script>
       
    27 	<script type="text/javascript" language="JavaScript" src="preview/script/layout.js"></script>
       
    28 	<script type="text/javascript" language="JavaScript" src="preview/script/menu.js"></script>
    25 	<script type="text/javascript" language="JavaScript" src="preview/script/nokia.js"></script>
    29 	<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>
    30 	<script type="text/javascript" language="JavaScript" src="preview/script/resolution.js"></script>
    27 	<script type="text/javascript" language="JavaScript" src="preview/preferences.js"></script>
    31 	<script type="text/javascript" language="JavaScript" src="preview/preferences.js"></script>
       
    32 	<script type="text/javascript" language="JavaScript" src="preview/script/accelerometer.js"></script>
    28 	<link type="text/css" rel="stylesheet"  href="preview/css/style.css"/>
    33 	<link type="text/css" rel="stylesheet"  href="preview/css/style.css"/>
    29 	<link rel="icon" type="image/gif" href="preview/favicon.gif" />
    34 	<link rel="icon" type="image/gif" href="preview/favicon.gif" />
    30 </head>
    35 </head>
    31 <body>
    36 <body>
    32 	<div id="preview-ui-top">
    37 	<div id="preview-ui-top">
    77 			<span class="open" id="Console-Toggle-Button"></span>
    82 			<span class="open" id="Console-Toggle-Button"></span>
    78 		</div>
    83 		</div>
    79 		<div id="tabs" class="tabs-bottom">
    84 		<div id="tabs" class="tabs-bottom">
    80 		<ul id="tabs-header">
    85 		<ul id="tabs-header">
    81 			<li><a href="#console">Console</a></li>
    86 			<li><a href="#console">Console</a></li>
       
    87 			<li><a href="#event-acceleration">Acceleration</a></li>
    82 			<li><a href="#event-battery-info">Battery</a></li>
    88 			<li><a href="#event-battery-info">Battery</a></li>
    83 			<li><a href="#event-messaging-info">Events</a></li>
    89 			<li><a href="#event-messaging-info">Events</a></li>
    84 			<li><a href="#settings-view">Preferences</a></li>
    90 			<li><a href="#settings-view">Preferences</a></li>
    85 		</ul>
    91 		</ul>
    86 		<div id="console" class="hide" style="height: 100%">
    92 		<div id="console" class="hide" style="height: 100%">
    87 			<span id="Console-Clear-Button"></span>
    93 			<span id="Console-Clear-Button"></span>
    88 			<div style="clear:left;"></div>
    94 			<div style="clear:left;"></div>
    89 			<div id="preview-ui-bottom-body" style="height: 100%"></div>
    95 			<div id="preview-ui-bottom-body" style="height: 100%"></div>
    90 		</div>
    96 		</div>
       
    97 		<div id="event-acceleration" class="hide">
       
    98 			<div style="width: 100%">
       
    99 				<div style="margin-left: auto; margin-right: auto; width: 250px">
       
   100 					<canvas width="140px" height="120px" id="phoneposition" >No canvas available</canvas>
       
   101 					<div id="accel-data">
       
   102 						<div>X Axis: <span id="xaxis" class="readonly-field">0000</span></div>
       
   103 						<div>Y Axis: <span id="yaxis" class="readonly-field">0</span></div>
       
   104 						<div>Z Axis: <span id="zaxis" class="readonly-field">0</span></div>
       
   105 					</div>
       
   106 				</div>
       
   107 				<div id="accel-sliders">
       
   108 					<div style="height: 15px">
       
   109 						<div id="sliderY"></div>
       
   110 					</div>
       
   111 					<div style="height: 15px">
       
   112 						<div id="sliderZ"></div>
       
   113 					</div>
       
   114 					<div style="height: 15px">
       
   115 						<div id="sliderX"></div>
       
   116 					</div>
       
   117 				</div>
       
   118 			</div>
       
   119 		</div>
    91 		<div id="event-battery-info" class="hide">
   120 		<div id="event-battery-info" class="hide">
    92 			<table cellpadding='0' cellspacing='0' width="100%">
   121 			<table cellpadding='0' cellspacing='0' width="100%">
    93 				<tr>
   122 				<tr>
    94 					<th>Charging status</th>
   123 					<th>Charging status</th>
    95 					<td>
   124 					<td>
    99 				</tr>
   128 				</tr>
   100 				<tr>
   129 				<tr>
   101 					<th>Battery Strength</th>
   130 					<th>Battery Strength</th>
   102 					<td>
   131 					<td>
   103 						<div id="slider"></div>
   132 						<div id="slider"></div>
   104 						<div id="slider-value-panel"><span>0</span></div>
   133 						<div id="slider-value-panel"><span class="readonly-field">0</span></div>
   105 					</td>
   134 					</td>
   106 				</tr>
   135 				</tr>
   107 			</table>
   136 			</table>
   108 		</div>
   137 		</div>
   109 		<div id="event-messaging-info" class="hide">
   138 		<div id="event-messaging-info" class="hide">