rbrindley: branch rbrindley/features_revamp r4501 - /team/rbrindley/features_...

Tue Feb 3 09:52:15 CST 2009

Author: rbrindley
Date: Tue Feb  3 09:52:15 2009
New Revision: 4501

URL: http://svn.digium.com/svn-view/asterisk-gui?view=rev&rev=4501
Log:

- added CSS style for tabs
- added title frame bar
- added tab_container div
- added refresh_icon javascript


Modified:
    team/rbrindley/features_revamp/config/features2.html

Modified: team/rbrindley/features_revamp/config/features2.html
URL: http://svn.digium.com/svn-view/asterisk-gui/team/rbrindley/features_revamp/config/features2.html?view=diff&rev=4501&r1=4500&r2=4501
==============================================================================

--- team/rbrindley/features_revamp/config/features2.html (original)
+++ team/rbrindley/features_revamp/config/features2.html Tue Feb  3 09:52:15 2009
@@ -24,22 +24,37 @@
 	<link href="stylesheets/schwing.css" media="all" rel="stylesheet" type="text/css" />
 	<link href="stylesheets/ui-tabs.css" media="all" rel="stylesheet" type="text/css" />
 	<style type="text/css">
+		#tab_container {
+			margin: 4px;
+			padding-left: 20%;
+			padding-right: 20%;
+			text-align: center;
+		}
 
+		.ui-tabs-panel {
+			text-align: left;
+		}
 	</style>
 </head>
 <body>
-	<ul class="ui-tabs-nav">
-		<li><a href="#feature_map"><span>Feature Map</span></a></li>
-		<li><a href="#call_parking"><span>Call Parking</span></a></li>
-		<li><a href="#application_map"><span>Application Map</span></a></li>
-		<li><a href="#dial_options"><span>Dial Options</span></a></li>
-		<li><a href="#feature_options"><span>Feature Options</span></a></li>
-	</ul>
-	<div id="feature_map" class="ui-tabs-panel ui-tabs-hide"> 1</div>
-	<div id="call_parking" class="ui-tabs-panel ui-tabs-hide"> 2</div>
-	<div id="application_map" class="ui-tabs-panel ui-tabs-hide"> 3</div>
-	<div id="dial_options" class="ui-tabs-panel ui-tabs-hide"> 4</div>
-	<div id="feature_options" class="ui-tabs-panel ui-tabs-hide"> 5</div>
+	<div class="iframeTitleBar"> 
+		Feature Codes & Call Parking Preferences
+		<span class="refresh_icon" >&nbsp;<img src="images/refresh.png" title=" Refresh " border="0" >&nbsp;</span>
+	</div>
+	<div id="tab_container">
+		<ul class="ui-tabs-nav">
+			<li><a href="#feature_map"><span>Feature Map</span></a></li>
+			<li><a href="#call_parking"><span>Call Parking</span></a></li>
+			<li><a href="#application_map"><span>Application Map</span></a></li>
+			<li><a href="#dial_options"><span>Dial Options</span></a></li>
+			<li><a href="#feature_options"><span>Feature Options</span></a></li>
+		</ul>
+		<div id="feature_map" class="ui-tabs-panel ui-tabs-hide"> 1</div>
+		<div id="call_parking" class="ui-tabs-panel ui-tabs-hide"> 2</div>
+		<div id="application_map" class="ui-tabs-panel ui-tabs-hide"> 3</div>
+		<div id="dial_options" class="ui-tabs-panel ui-tabs-hide"> 4</div>
+		<div id="feature_options" class="ui-tabs-panel ui-tabs-hide"> 5</div>
+	</div>
 </body>
 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/astman.js"></script>
@@ -51,6 +66,9 @@
 <script type="text/javascript">
 	$(document).ready( function() {
 		$('.ui-tabs-nav').tabs();
+		$('.refresh_icon').click( function() {
+			window.location.reload();
+		});
 	});
 </script>
 </html>


