rbrindley: branch rbrindley/welcome_revamp r4233 - in /team/rbrindley/welcome...

[SVN commits to the Asterisk-GUI project]

Author: rbrindley
Date: Wed Nov 26 20:01:53 2008
New Revision: 4233

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

- initial commit of conference rooms html and css


Modified:
    team/rbrindley/welcome_revamp/config/stylesheets/tables.css
    team/rbrindley/welcome_revamp/config/welcome2.html

Modified: team/rbrindley/welcome_revamp/config/stylesheets/tables.css
URL: http://svn.digium.com/view/asterisk-gui/team/rbrindley/welcome_revamp/config/stylesheets/tables.css?view=diff&rev=4233&r1=4232&r2=4233
==============================================================================
--- team/rbrindley/welcome_revamp/config/stylesheets/tables.css (original)
+++ team/rbrindley/welcome_revamp/config/stylesheets/tables.css Wed Nov 26 20:01:53 2008
@@ -16,7 +16,7 @@
 	background-position: center right;
 }
 
-table.list tbody tr:hover {
+table.list > tbody > tr:hover th[scope=row], table.list > tbody > tr:hover td {
 	background-color: #a8b6e5;
 }
 

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=4233&r1=4232&r2=4233
==============================================================================
--- team/rbrindley/welcome_revamp/config/welcome2.html (original)
+++ team/rbrindley/welcome_revamp/config/welcome2.html Wed Nov 26 20:01:53 2008
@@ -153,11 +153,11 @@
 	margin-left: 1px;
 }
 
-div.queue {
+div.queue, div.conf_room {
 	margin-bottom: 4px;
 }
 
-div.queue div.title {
+div.queue div.title, div.conf_room div.title {
 	-moz-border-radius-topleft: 4px;
 	-moz-border-radius-topright: 4px;
 	-webkit-border-radius-topleft: 4px;
@@ -171,7 +171,7 @@
 	vertical-align: center;
 }
 
-div.queue div.body {
+div.queue div.body, div.conf_room div.body {
 	-moz-border-radius-topleft: 0px;
 	-moz-border-radius-topright: 0px;
 	-webkit-border-radius-topleft: 0px;
@@ -224,6 +224,75 @@
 	-webkit-border-radius-bottomright: 4px;
 	background-color: #efefef;
 	padding: 2px;
+}
+
+div.conf_room div.actions {
+	display: block;
+	float: left;
+	width: 67px;
+	text-align: center;
+}
+
+div.conf_room div.actions  > ul {
+	background-color: #6b79a5;
+	border: 1px solid #ffffff;
+	color: #ffffff;
+	font-weight: bold;
+	list-style: none;
+	margin: 4px;
+	padding: 4px;
+}
+
+div.conf_room div.actions > ul li {
+	background-color: #ffffff;
+	border: 1px solid #efefef;
+	color: #000000;
+	font-weight: normal;
+	text-align: center;
+}
+
+div.conf_room div.actions .action {
+	cursor: pointer;
+}
+
+div.conf_room div.actions a, div.conf_room div.actions a:visited {
+	text-decoration: none;
+	color: #000000;
+}
+
+div.conf_room div.actions a:hover {
+	color: #ef8700;
+}
+
+div.conf_room div.members {
+	display: relative;
+	padding-left: 67px;
+	right: 67px;
+}
+
+div.conf_room div.members > table.list {
+	-moz-border-radius-bottomright: 4px;
+	-webkit-border-radius-bottomright: 4px;
+}
+
+div.conf_room div.members > table.list tbody td {
+	padding-left: 5px;
+}
+
+div.conf_room div.members .checkbox {
+	width: 20px;
+}
+
+div.conf_room div.members .person {
+	width: 1px;
+}
+
+.notinuse {
+	color: red;
+}
+
+.inuse {
+	color: #ef8700;
 }
 
 .template {
@@ -381,7 +450,38 @@
 					Conference Rooms
 				</div>
 				<div class="clear"></div>
-				<div class="body">Conference placeholder!</div>
+				<div class="body">
+					<div class="conf_room template">
+						<div class="title">
+							<span class="minimaxi">[ - ]</span>
+							<span class="refresh">@</span>
+							<span class="name"></span> - <span class="inuse status"></span>
+						</div>
+						<div class="clear"></div>
+						<div class="body">
+							<div class="actions">
+								<ul> Actions
+									<li><a href="#"><span class="kick action">Kick</span></a></li>
+									<li><a href="#"><span class="mute action">Mute</span></a></li>
+								</ul>
+								<span class="time"></span>
+							</div>
+							<div class="members">
+								<table class="list">
+								<tbody>
+								<tr>
+									<td class="checkbox"><img src="images/checkbox_blank.gif" /></td>
+									<td class="person"><img src="images/agent_loggedin.png" /></td>
+									<td class="extension"></td>
+									<td class="mem_status"></td>
+								</tr>
+								</tbody>
+								</table>
+							</div>
+							<div class="clear"></div>
+						</div>
+					</div>
+				</div>
 			</div>
 			<div id="sys_status_plot" class="content">
 				<div class="handle title">