rbrindley: branch rbrindley/welcome_revamp r4148 - /team/rbrindley/welcome_re...
SVN commits to the Asterisk-GUI project
asterisk-gui-commits at lists.digium.com
Wed Nov 19 14:20:04 CST 2008
Author: rbrindley
Date: Wed Nov 19 14:20:04 2008
New Revision: 4148
URL: http://svn.digium.com/view/asterisk-gui?view=rev&rev=4148
Log:
major css changes:
- removed all html attribute styling (style="...", align=..., valign=..., etc)
- labeled necessary html tags with ids/classes for css
- replicated removed html attribute styling in infile css
these changes are solely for the html, not including the html loaded
dynamically from javascript
Modified:
team/rbrindley/welcome_revamp/config/welcome.html
Modified: team/rbrindley/welcome_revamp/config/welcome.html
URL: http://svn.digium.com/view/asterisk-gui/team/rbrindley/welcome_revamp/config/welcome.html?view=diff&rev=4148&r1=4147&r2=4148
==============================================================================
--- team/rbrindley/welcome_revamp/config/welcome.html (original)
+++ team/rbrindley/welcome_revamp/config/welcome.html Wed Nov 19 14:20:04 2008
@@ -23,6 +23,22 @@
<link href="stylesheets/schwing.css" media="all" rel="Stylesheet" type="text/css" />
<style type="text/css">
+body {
+ background-color: #EFEFEF;
+}
+
+#firmware_div {
+ width: 100%;
+ text-align:center;
+}
+
+div.section_title {
+ width: 100%;
+ text-align: center;
+ margin-top: 10px;
+ font-weight: bold;
+}
+
#table_Ext_list {
border: 1px solid #666666;
margin-top: 5px;
@@ -58,6 +74,12 @@
cursor: default;
}
+#trunks_list_container {
+ overflow: auto;
+ width: 95%;
+ max-height: 500px;
+}
+
#table_Trunks_list {
border: 1px solid #666666;
margin-top: 5px;
@@ -93,12 +115,116 @@
cursor: default;
}
+#table_Agents_list_container {
+ overflow: auto;
+ width: 95%;
+ max-height: 500px;
+ margin-top: 10px;
+ display: none;
+}
+
+table.agents_list_container {
+ text-align: center;
+ border-width: 1px;
+ border-spacing: 2px;
+ border-style: solid;
+ border-color: #6b79a5;
+ border-collapse: separate;
+ background-color: white;
+}
+
+table.agents_list_container td.agent_title {
+ text-align: center;
+ vertical-align: top;
+ width: 70px;
+ font-weight: bold;
+}
+
+#table_Meetmes_list_container {
+ overflow: auto;
+ width: 95%;
+ max-height: 500px;
+ margin-top: 10px;
+}
+
+#table_Meetmes_list_container table {
+ border-width: 1px;
+ border-spacing: 2px;
+ border-style: solid;
+ border-color: #6b79a5;
+ border-collapse: separate;
+ background-color: #FFFFFF;
+}
+
+#table_Meetmes_list_container table tr td {
+ text-align: center;
+}
+
+#table_Meetmes_list_container table tr.titles td {
+ vertical-align: top;
+ font-weight: bold;
+}
+
+#table_Meetmes_list_container table tr td.mid_spacing {
+ width: 150px;
+}
+
+#table_Meetmes_list_container table tr td.end_spacing {
+ width: 50px;
+}
+
+#extensions_container {
+ width: 100%;
+ text-align: center;
+ margin-top: 15px;
+}
+
+#extensions_legend {
+ text-align: center;
+ width: 500px;
+}
+
+#extensions_legend tr td {
+ text-align: center;
+}
+
+#table_Ext_list_container {
+ overflow: auto;
+ width: 95%;
+ max-height: 500px;
+}
+
+#table_Ext_list {
+ text-align: center;
+}
+
+#table_Meetmes_list, #table_ParkedCalls_list {
+ text-align: center;
+}
+
+#ittnc {
+ display: none;
+}
+
+#ittnc_title {
+ width: 100%;
+ text-align: center;
+ margin-top: 10px;
+ font-weight: bold;
+}
+
+#table_NeedConfiguation_list_container {
+ overflow: auto;
+ width: 95%;
+ max-height: 500px;
+}
+
#table_NeedConfiguration_list {
border: 1px solid #666666;
margin-top: 5px;
margin-bottom: 10px;
width: 96%;
- text-align: left;
+ text-align: center;
padding: 1px;
}
@@ -753,25 +879,23 @@
</script>
<!-- End Initial Javascript -->
-<body bgcolor="EFEFEF">
+<body>
<div class="iframeTitleBar">
System Status
<span class='refresh_icon' onclick="window.location.reload();" > <img src="images/refresh.png" title=" Refresh " border=0 > </span>
</div>
- <div class='lite_Heading'>System Status</div>
- <div style='width: 100%; text-align:center;' id='firmware_div'></div>
-
-
- <div style='width:100%; text-align:center; margin-top:10px;'><B>Trunks</B></div>
- <div style='overflow:auto; width:95%; max-height: 500px; '>
+ <div class="lite_Heading">System Status</div>
+ <div id="firmware_div"></div>
+
+ <div class="section_title"> Trunks </div>
+ <div id="trunks_list_container">
<table id='table_Trunks_list' cellpadding=0 cellspacing=0 border=0 align=center></table>
</div>
-
- <div style='overflow:auto; width:95%; max-height: 500px;margin-top:10px; display:none;' id='table_Agents_list_container'>
- <table cellpadding=1 cellspacing=2 border=0 align=center style="border-width: 1px ; border-spacing: 2px; border-style: solid; border-color: #6b79a5; border-collapse: separate; background-color: white;">
- <td valign='top' align=center width='70'><B>Agents</B></td>
+ <div id='table_Agents_list_container'>
+ <table class="agents_list_container" cellpadding=1 cellspacing=2 border=0>
+ <td class="agent_title">Agents</td>
<td align=center>
<table id='table_Agents_list' cellpadding=0 cellspacing=0 border=0 align=center></table>
</td>
@@ -779,48 +903,48 @@
</div>
- <div style='overflow:auto; width:95%; max-height: 500px;margin-top:10px;' id='table_Meetmes_list_container'>
- <table cellpadding=1 cellspacing=2 border=0 align=center style="border-width: 1px ; border-spacing: 2px; border-style: solid; border-color: #6b79a5; border-collapse: separate; background-color: white;">
- <tr>
- <td valign='top' align=center><B>Conference Rooms</B> <span class='refresh_icon' onclick="update_Conferences_Table();" > <img src="images/refresh.png" title=" Refresh " border=0 > </span></td>
- <td width=150></td>
- <td valign='top' align=center><B>Parked Calls</B> <span class='refresh_icon' onclick="update_parkedCalls_Table();" > <img src="images/refresh.png" title=" Refresh " border=0 > </span></td>
- <td width=50></td>
+ <div id='table_Meetmes_list_container'>
+ <table cellpadding=1 cellspacing=2 border=0 align=center>
+ <tr class="titles">
+ <td>Conference Rooms <span class='refresh_icon' onclick="update_Conferences_Table();" > <img src="images/refresh.png" title=" Refresh " border=0 > </span></td>
+ <td class="mid_spacing"></td>
+ <td>Parked Calls <span class='refresh_icon' onclick="update_parkedCalls_Table();" > <img src="images/refresh.png" title=" Refresh " border=0 > </span></td>
+ <td class="end_spacing"></td>
</tr>
<tr>
- <td align=center>
- <table id='table_Meetmes_list' cellpadding=0 cellspacing=0 border=0 align=center></table>
+ <td>
+ <table id='table_Meetmes_list' cellpadding=0 cellspacing=0 border=0></table>
</td>
- <td width=150></td>
- <td align=center>
- <table id='table_ParkedCalls_list' cellpadding=0 cellspacing=0 border=0 align=center></table>
+ <td></td>
+ <td>
+ <table id='table_ParkedCalls_list' cellpadding=0 cellspacing=0 border=0></table>
</td>
- <td width=50></td>
+ <td></td>
</tr>
</table>
</div>
- <div style='width:100%; text-align:center; margin-top:15px;'>
+ <div id="extensions_container">
<B>Extensions</B>
<BR>
- <table cellpadding=0 cellspacing=0 border=0 align=center width=500 align=center>
+ <table id="extensions_legend" cellpadding=0 cellspacing=0 border=0>
<tr>
- <td align=center><img src='images/status_green.png' border=0> Free</td>
- <td align=center><img src='images/status_red.png' border=0> Busy</td>
- <td align=center><img src='images/status_gray.png' border=0> UnAvailable</td>
- <td align=center><img src='images/status_orange.png' border=0> Ringing</td>
+ <td><img src='images/status_green.png' border=0> Free</td>
+ <td><img src='images/status_red.png' border=0> Busy</td>
+ <td><img src='images/status_gray.png' border=0> UnAvailable</td>
+ <td><img src='images/status_orange.png' border=0> Ringing</td>
</tr>
</table>
</div>
- <div style='overflow:auto; width:95%; max-height: 500px;'>
- <table id='table_Ext_list' cellpadding=0 cellspacing=0 border=0 align=center></table>
+ <div id="table_Ext_list_container">
+ <table id='table_Ext_list' cellpadding=0 cellspacing=0 border=0></table>
</div>
- <div id='ittnc' style='display:none;'>
- <div style='width:100%; text-align:center; margin-top:10px;'><B>Items that need configuration</B></div>
- <div style='overflow:auto; width:95%; max-height: 500px;'>
- <table id='table_NeedConfiguration_list' cellpadding=0 cellspacing=0 border=0 align=center></table>
+ <div id='ittnc'>
+ <div id="ittnc_title">Items that need configuration</div>
+ <div id="table_NeedConfiguration_list_container">
+ <table id='table_NeedConfiguration_list' cellpadding=0 cellspacing=0 border=0></table>
</div>
</div>
More information about the asterisk-gui-commits
mailing list