rbrindley: branch rbrindley/welcome_revamp r4222 - /team/rbrindley/welcome_re...

[SVN commits to the Asterisk-GUI project]

Author: rbrindley
Date: Tue Nov 25 16:58:39 2008
New Revision: 4222

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

- added queues styling: calls, agents, stats
- added queues templates: calls, agents, stats


Modified:
    team/rbrindley/welcome_revamp/config/welcome2.html

Modified: team/rbrindley/welcome_revamp/config/welcome2.html
URL: http://svn.digium.com/view/asterisk-gui/team/rbrindley/welcome_revamp/config/welcome2.html?view=diff&rev=4222&r1=4221&r2=4222
==============================================================================
--- team/rbrindley/welcome_revamp/config/welcome2.html (original)
+++ team/rbrindley/welcome_revamp/config/welcome2.html Tue Nov 25 16:58:39 2008
@@ -124,6 +124,114 @@
 
 img.title_img {
 	float: left;
+}
+
+#sys_status_queues div.column {
+	display: block;
+}
+
+#sys_status_queues div.left {
+	float:left;
+	width: 50%;
+}
+
+#sys_status_queues div.right {
+	float:right;
+	width: 50%;
+}
+
+#sys_status_queues div.container {
+	margin: 2px;
+}
+
+#queue_left_container {
+	margin-right: 1px;
+}
+
+#queue_right_container {
+	margin-left: 1px;
+}
+
+div.queue {
+	margin-bottom: 4px;
+}
+
+div.queue div.title {
+	-moz-border-radius-topleft: 4px;
+	-moz-border-radius-topright: 4px;
+	-webkit-border-radius-topleft: 4px;
+	-webkit-border-radius-topright: 4px;
+	background-color: #6b79a5;
+	color: #ffffff;
+	font-size: 12px;
+	font-weight: bold;
+	height: 20px;
+	padding-left: 10px;
+	vertical-align: center;
+}
+
+div.queue div.body {
+	-moz-border-radius-topleft: 0px;
+	-moz-border-radius-topright: 0px;
+	-webkit-border-radius-topleft: 0px;
+	-webkit-border-radius-topright: 0px;
+	background-color: #ef8700;
+	border: 1px solid #ef8700;
+	border-top: 0px;
+}
+
+div.queue div.body div.calls {
+	display: block;
+	float: left;
+}
+
+div.queue div.body div.calls table {
+	width: auto;
+}
+
+div.queue div.body div.calls table tbody tr.call:hover {
+	background-color: #a8b6e5;
+	cursor: pointer;
+}
+
+div.queue div.body div.calls table tbody tr.new {
+	color: green;
+}
+
+div.queue div.body div.calls table tbody tr.average {
+	color: orange;
+}
+
+div.queue div.body div.calls table tbody tr.old {
+	color: red;
+}
+
+div.queue div.body div.agents {
+}
+
+div.queue div.body div.agents div.agent {
+	-moz-border-radius: 4px;
+	-moz-border-radius: 4px;
+	background-color: #ffffff;
+	border: 1px solid #6b79a5;
+	display: block;
+	float: left;
+	margin: 2px;
+	padding: 1px;
+	text-align: center;
+}
+
+div.queue div.body div.stats {
+	-moz-border-radius-bottomleft: 4px;
+	-moz-border-radius-bottomright: 4px;
+	-webkit-border-radius-bottomleft: 4px;
+	-webkit-border-radius-bottomright: 4px;
+	background-color: #efefef;
+	padding: 2px;
+}
+
+.template {
+	display: none;
 }
 
 </style>
@@ -213,7 +321,54 @@
 					Queues
 				</div>
 				<div class="clear"></div>
-				<div class="body">Queue placeholder!</div>
+				<div class="body">
+					<div class="left column">
+						<div class="container" id="queue_left_container">
+							<div class="queue template">
+								<div class="title">6001 (Ringall) - 3 Calls, 5 Agents</div>
+								<div class="body">
+									<div class="calls">
+										<table class="list">
+										<tbody>
+										<tr class="call old even">
+											<td>2566567899</td>
+											<td>0:31</td>
+										</tr>
+										<tr class="call average odd">
+											<td>2566567899</td>
+											<td>0:31</td>
+										</tr>
+										<tr class="call new even">
+											<td>2566567899</td>
+											<td>0:05</td>
+										</tr>
+										</tbody>
+										</table>
+									</div>
+									<div class="agents">
+										<div class="agent">
+											<img src="images/agent_loggedin.png" border="0" alt="Logged In"> 
+											6000
+										</div>
+										<div class="clear"></div>
+									</div>
+									<div class="clear"></div>
+									<div class="stats">
+										Service Level: 80.0% within 120s <br />
+										Calls Completed: 15 <br />
+										Calls Abandoned: 3 <br />
+										<div class="clear"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="right column">
+						<div class="container" id="queue_right_container">
+						</div>
+					</div>
+					<div class="clear"></div>
+				</div>
 			</div>
 		</div>
 	</div>
@@ -263,6 +418,7 @@
 			</div>
 		</div>
 	</div>
+	<div class="clear"></div>
 
 	<div id="sysstat_ftr_container">
 		<div id="sysstat_sys_events"></div>