rbrindley: branch rbrindley/vmenus_revamp r4410 - /team/rbrindley/vmenus_reva...

[SVN commits to the Asterisk-GUI project]

Author: rbrindley
Date: Tue Jan 13 09:20:25 2009
New Revision: 4410

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

- added the initial css for the main (edit) section
- encapsulated 'Authenticate' in <a><span> for testing purposes
- moved the 'new' tab on top so its selected first
- added the initial html for the main (edit) section


Modified:
    team/rbrindley/vmenus_revamp/config/menus2.html

Modified: team/rbrindley/vmenus_revamp/config/menus2.html
URL: http://svn.digium.com/svn-view/asterisk-gui/team/rbrindley/vmenus_revamp/config/menus2.html?view=diff&rev=4410&r1=4409&r2=4410
==============================================================================
--- team/rbrindley/vmenus_revamp/config/menus2.html (original)
+++ team/rbrindley/vmenus_revamp/config/menus2.html Tue Jan 13 09:20:25 2009
@@ -87,22 +87,21 @@
 }
 
 #actions_list .action {
-	cursor: pointer;
 	padding-left: 2px;
 	padding-right: 2px;
 }
 
 #actions_list .action a {
 	color: #000000;
+	outline: 0;
 	text-decoration: none;
 }
 
-#actions_list a:hover {
+#actions_list .action a:hover {
 	background-color: #ef8700;
 }
 
 #actions_list a span {
-	display: block;
 	width: 100%;
 }
 
@@ -112,6 +111,75 @@
 	font-size: 10px;
 	padding-left: 2px;
 	padding-right: 2px;
+}
+
+.vmenu {
+	background-color: #ffffff;
+	border: 1px solid #333333;
+	margin-top: 4px;
+	margin-right: 104px;
+	min-height: 600px;
+}
+
+.save_cancel {
+	float: right;
+}
+
+.save_cancel span {
+	background-color: #efefef;
+	border-color: #bdc7e7 #182052 #182052 #bdc7e7;
+	border-style: solid;
+	border-width: 1px;
+	cursor: pointer;
+	margin-right: 4px;
+	padding: 2px;
+}
+
+.save_cancel span.cancel {
+	background: #efefef url(images/cancel.gif) no-repeat scroll 7% 50%;
+	color: #6b79a5;
+	padding-left: 21px;
+	padding-right: 6px;
+}
+
+.save_cancel span.save {
+	background: #efefef url(images/edit.gif) no-repeat scroll 7% 50%;
+	color: #875534;
+	padding-left: 21px;
+	padding-right: 6px;
+}
+
+.vmenu .vmenu_item .command {
+	border-left: 1px solid #777777;
+}
+
+.vmenu .vmenu_item .command {
+	border-left: 1px solid #ffffff;
+}
+
+.vmenu .number, .vmenu .name {
+	display: inline-block;
+	margin: 0px;
+	padding-left: 2px;
+	width: 20px;
+}
+
+.vmenu .command {
+	padding-left: 2px;
+	float: right;
+	width: 50%;
+}
+
+.vmenu .new .command, .vmenu .new .name {
+	cursor: pointer;
+}
+
+.vmenu .vmenu_item .number {
+	background-color: #bbbbbb;
+}
+
+div.ui-tabs-panel-side {
+	background-color: #6b79a5;
 }
 
 .odd {
@@ -143,7 +211,7 @@
 		<div class="action_info">
 			Answer() is designed to signal to the caller that its destination has been reached.
 		</div>
-		<div class="action even">Authenticate</div>
+		<div class="action even"><a href="#"><span>Authenticate</span></a></div>
 	</div>
 </div>
 <div id="vmenus_container">
@@ -151,14 +219,29 @@
 		<div id="vmenus_list" class="ui-tabs-nav-side-container">
 			<div class="title"> Voice Menus </div>
 			<ul id="vmenus_edit_tabs" class="ui-tabs-nav-side">
+				<li><a href="#vmenu_new"><span><img src="images/add.gif" border="0" /> new</span></a></li>
 				<li><a href="#vmenu_6000"><span>test - 6000</span></a></li>
 				<li><a href="#vmenu_untitled1"><span>Untitled1</span></a></li>
-				<li><a href="#vmenu_new"><span><img src="images/add.gif" border="0" /> new</span></a></li>
 			</ul>
 		</div>
-		<div id="vmenu_6000" class="ui-tabs-panel-side"> test</div>
-		<div id="vmenu_untitled1" class="ui-tabs-panel-side"> test</div>
-		<div id="vmenu_new" class="ui-tabs-panel-side"> test 2</div>
+		<div id="vmenu_new" class="ui-tabs-hide-side">
+			<span class="save_cancel"><span class="save">Save</span><span class="cancel">Cancel</span></span>
+			<span class="extension">Extension: <input type="text" value="6000" /></span>
+			<div class="vmenu">
+				<div class="vmenu_item odd">
+					<span class="command">Answer()</span>
+					<span class="number">1. </span>
+					<span class="name">Answer</span>
+				</div>
+				<div class="vmenu_item even new">
+					<span class="command" title="Click here to utilize the Custom action and write your own command.">&lt;click to edit&gt;</span>
+					<span class="number">2. </span>
+					<span class="name" title="Click here to insert an action.">&lt;new&gt;</span>
+				</div>
+			</div>
+		</div>
+		<div id="vmenu_6000" class="ui-tabs-hide-side"> test</div>
+		<div id="vmenu_untitled1" class="ui-tabs-hide-side"> test</div>
 	</div>
 </div>