Author: sergeyhalipov
Date: 2007-12-07 12:19:25 -0500 (Fri, 07 Dec 2007)
New Revision: 4595
Added:
management/design/listShuttle/markup/shuttle_images/bg_header.png
management/design/listShuttle/markup/shuttle_images/bg_press.png
Modified:
management/design/listShuttle/markup/Shuttle.html
management/design/listShuttle/markup/shuttle_images/back.gif
management/design/listShuttle/markup/shuttle_images/back_all.gif
management/design/listShuttle/markup/shuttle_images/bottom.gif
management/design/listShuttle/markup/shuttle_images/down.gif
management/design/listShuttle/markup/shuttle_images/move.gif
management/design/listShuttle/markup/shuttle_images/move_all.gif
management/design/listShuttle/markup/shuttle_images/top.gif
management/design/listShuttle/markup/shuttle_images/up.gif
Log:
New markup added:
http://jira.jboss.com/jira/browse/RF-1175
Modified: management/design/listShuttle/markup/Shuttle.html
===================================================================
--- management/design/listShuttle/markup/Shuttle.html 2007-12-07 17:14:00 UTC (rev 4594)
+++ management/design/listShuttle/markup/Shuttle.html 2007-12-07 17:19:25 UTC (rev 4595)
@@ -5,28 +5,112 @@
<style>
.shuttle_header{padding : 1px;}
- .shuttle_label{font-family : Arial; font-size :11px; font-weight : bold;}
- .shuttle_out_label{padding : 3px 3px 3px 8px}
- .shuttle_in_label{padding : 3px 3px 3px 0px}
+ .shuttle_label{font-family : Arial; font-size :11px; font-weight : bold;padding : 3px
3px 3px 0px;}
- .shuttle_body{border : 1px solid #bfbfc0; background-color : #e7f2fb;}
+ .shuttle_body{border : 0px solid #C0C0C0;} /*tableBorderColor*/
- .shuttle_list{overflow : auto; width : 200px; height : 150px; background : #FFFFFF;
border : 1px solid #bfbfc0;}
- .shuttle_outputlist{ margin : 0px 8px 8px 8px;}
- .shuttle_inputlist{ margin : 0px 8px 8px 0px;}
+ .shuttle_list{
+ overflow : auto;
+ width : 200px;
+ background : #FFFFFF; /*tableBackgroundColor*/
+ border : 0px solid #C0C0C0; /*tableBorderColor*/
+ }
+ .shuttle_borderlist{
+ padding : 0px;
+ border : 1px solid #C0C0C0;
+ height : 100%;
+ vertical-align : top;
+ }
- .shuttle_button_layout{padding : 15px 8px 15px 0px;}
- .shuttle_button{background : #4A75B5; border : 1px solid #bfbfc0; margin-bottom : 3px;
cursor : pointer; padding : 1px}
- .shuttle_button_dis{background : #bfbfc0; border : 1px solid #bfbfc0; margin-bottom :
3px; padding : 1px}
- .shuttle_button_press{background : #4A75B5; border : 1px solid #bfbfc0; margin-bottom :
3px; padding : 2px 0px 0px 2px}
+ .shuttle_button_layout{
+ padding : 15px 8px 15px 8px;
+ }
+ .shuttle_button_border{
+ border : 1px solid #C0C0C0; /*tableBorderColor*/
+ margin-bottom : 3px;
+ }
+ .shuttle_button{
+ background : url(shuttle_images/bg_header.png) /*from additionalBackgroundColor to
trimColor*/ top left #C6D6EA /*trimColor*/ repeat-x;
+ cursor : pointer;
+ padding : 2px;
+ font-family : Arial;
+ font-size :11px;
+ }
+ .shuttle_button_light{
+ background : url(shuttle_images/bg_header.png) /*from additionalBackgroundColor to
headerGradientColor*/ top left #C6D6EA /*trimColor*/ repeat-x;
+ border : 1px solid #E79A00; /*selectControlColor*/
+ cursor : pointer;
+ padding : 1px;
+ font-family : Arial;
+ font-size :11px;
+ }
+ .shuttle_button_dis{
+ background : #C0C0C0; /*tableBorderColor*/
+ border : 1px solid #C0C0C0; /*tableBorderColor*/
+ margin-bottom : 3px;
+ padding : 1px}
+ .shuttle_button_press{
+ background : url(shuttle_images/bg_press.png) /*from additionalBackgroundColor to
trimColor*/ top left repeat-x #EAF0F8; /* additionalBackgroundColor*/
+ border : 1px solid #E79A00; /*selectControlColor*/
+ padding : 2px 0px 0px 2px;
+ font-family : Arial;
+ font-size :11px;
+ }
.shuttle_center_button_col_valign{vertical-align : middle}
.shuttle_right_button_col_valign{vertical-align : middle}
#internal_tab{width : 100%}
#internal_tab .shuttle_endcol{border-right : 0px}
- #internal_tab td{color : #000000; font-family : Arial; font-size :11px; border-bottom :
1px solid #bfbfc0;border-right : 1px solid #bfbfc0; padding : 2px}
- #internal_tab th{background : #4A75B5; color : #FFFFFF; font-family : Arial; font-size
:11px; font-weight : normal; border-bottom : 1px solid #bfbfc0;border-right : 1px solid
#bfbfc0; padding : 2px}
- #internal_tab tr.shuttle_select{background : #EAF0F8}
- #internal_tab tr.shuttle_currant{background : #C6D6EA}
+ #internal_tab td{
+ font-family : Arial;
+ font-size :11px;
+ border-bottom : 1px solid #FFFFFF; /*tableBorderColor*/
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ padding : 2px}
+ #internal_tab th{
+ background : url(shuttle_images/bg_header.png) /*from additionalBackgroundColor to
trimColor*/ top left repeat-x #C6D6EA; /*trimColor*/
+ color : #000000;
+ font-family : Arial;
+ font-size :11px;
+ font-weight : normal;
+ border-bottom : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-right : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-left : 1px solid #EAF0F8; /*additionalBackgroundColor*/
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ padding : 2px}
+ #internal_tab tr.shuttle_select td{
+ background : #C6D6EA; /*trimColor*/
+ border-bottom : 1px solid #ffffff; /*tableBorderColor*/
+ border-top : 1px solid #C6D6EA; /*tableBackgroundColor*/
+ }
+ #internal_tab tr.shuttle_currant td{
+ border-bottom : 1px solid #E79A00; /*selectControlColor*/
+ border-top : 1px solid #E79A00; /*selectControlColor*/
+ }
+
+ #internal_tab tr.shuttle_currant td.shuttle_firstcol{
+ border-left : 1px solid #E79A00; /*selectControlColor*/
+ }
+
+ #internal_tab tr.shuttle_currant td.shuttle_endcol{
+ border-right : 1px solid #E79A00; /*selectControlColor*/
+ }
+
+ a.shuttle_button_selection{
+ text-decoration : none;
+ color : #000000; /*generalTextColor*/
+ display : block;
+ }
+ .shuttle_button_content{
+ font-family : Arial;
+ font-size :11px;
+ padding : 0px 4px 0px 1px;
+ text-align : left;
+ }
+ .shuttle_ico{
+ vertical-align: middle;
+ margin-right : 3px;
+ }
+
</style>
</head>
@@ -35,18 +119,18 @@
<table border="0" cellpadding="0" cellspacing="0"
class="shuttle_body">
<tr>
<td colspan="2" class="shuttle_header">
- <div class="shuttle_label shuttle_out_label">Source List</div>
+ <div class="shuttle_label">Source List</div>
</td>
<td colspan="2" class="shuttle_header">
- <div class="shuttle_label shuttle_in_label">Target List</div>
+ <div class="shuttle_label">Destination List</div>
</td>
</tr>
<tr>
- <td>
- <div class="shuttle_list shuttle_outputlist">
+ <td class="shuttle_borderlist">
+ <div class="shuttle_list">
<table border="0" cellpadding="0" cellspacing="0"
id="internal_tab">
<tr>
- <th nowrap>
+ <th nowrap class="shuttle_firstcol">
Header 1
</th>
<th nowrap>
@@ -57,7 +141,7 @@
</th>
</tr>
<tr>
- <td nowrap>
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -67,8 +151,8 @@
Content 3
</td>
</tr>
- <tr>
- <td nowrap>
+ <tr class="shuttle_select">
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -79,7 +163,7 @@
</td>
</tr>
<tr class="shuttle_select">
- <td nowrap>
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -90,7 +174,7 @@
</td>
</tr>
<tr>
- <td nowrap>
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -100,8 +184,8 @@
Content 3
</td>
</tr>
- <tr class="shuttle_currant">
- <td nowrap>
+ <tr class="shuttle_select shuttle_currant">
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -112,7 +196,7 @@
</td>
</tr>
<tr class="shuttle_select">
- <td nowrap>
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -123,7 +207,7 @@
</td>
</tr>
<tr>
- <td nowrap>
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -134,7 +218,7 @@
</td>
</tr>
<tr>
- <td nowrap>
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -145,7 +229,7 @@
</td>
</tr>
<tr>
- <td nowrap>
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -160,18 +244,19 @@
</td>
<td class="shuttle_center_button_col_valign">
<div class="shuttle_button_layout">
- <div class="shuttle_button"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><img
src="shuttle_images/move.gif" width="15" height="15"
alt="" border="0"></div>
- <div class="shuttle_button"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><img
src="shuttle_images/back.gif" width="15" height="15"
alt="" border="0"></div>
- <div class="shuttle_button"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><img
src="shuttle_images/move_all.gif" width="15" height="15"
alt="" border="0"></div>
- <div class="shuttle_button"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><img
src="shuttle_images/back_all.gif" width="15" height="15"
alt="" border="0"></div>
+ <div class="shuttle_button_border"><div
class="shuttle_button"
onmouseover="this.className='shuttle_button_light'"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><a href="#"
class="shuttle_button_selection"><div
class="shuttle_button_content"><img
src="shuttle_images/move.gif" width="15" height="15"
alt="" border="0"
class="shuttle_ico">Move</div></a></div></div>
+ <div class="shuttle_button_border"><div
class="shuttle_button"
onmouseover="this.className='shuttle_button_light'"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><a href="#"
class="shuttle_button_selection"><div
class="shuttle_button_content"><img
src="shuttle_images/back.gif" width="15" height="15"
alt="" border="0"
class="shuttle_ico">Back</div></a></div></div>
+ <div class="shuttle_button_border"><div
class="shuttle_button"
onmouseover="this.className='shuttle_button_light'"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><a href="#"
class="shuttle_button_selection"><div
class="shuttle_button_content"><img
src="shuttle_images/move_all.gif" width="15" height="15"
alt="" border="0" class="shuttle_ico">Move
All</div></a></div></div>
+ <div class="shuttle_button_border"><div
class="shuttle_button"
onmouseover="this.className='shuttle_button_light'"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><a href="#"
class="shuttle_button_selection"><div
class="shuttle_button_content"><img
src="shuttle_images/back_all.gif" width="15" height="15"
alt="" border="0" class="shuttle_ico">Back
All</div></a></div></div>
</div>
</td>
- <td>
- <div class="shuttle_list shuttle_inputlist">
+ <td class="shuttle_borderlist">
+
+ <div class="shuttle_list">
<table border="0" cellpadding="0" cellspacing="0"
id="internal_tab">
<tr>
- <th nowrap>
+ <th nowrap class="shuttle_firstcol">
Header 1
</th>
<th nowrap>
@@ -182,7 +267,18 @@
</th>
</tr>
<tr>
+ <td nowrap class="shuttle_firstcol">
+ Content 1
+ </td>
<td nowrap>
+ Content 2
+ </td>
+ <td nowrap class="shuttle_endcol">
+ Content 3
+ </td>
+ </tr>
+ <tr class="shuttle_select">
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -192,8 +288,8 @@
Content 3
</td>
</tr>
- <tr>
- <td nowrap>
+ <tr class="shuttle_select">
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -203,8 +299,8 @@
Content 3
</td>
</tr>
- <tr class="shuttle_currant">
- <td nowrap>
+ <tr>
+ <td nowrap class="shuttle_firstcol">
Content 1
</td>
<td nowrap>
@@ -219,10 +315,10 @@
</td>
<td class="shuttle_right_button_col_valign">
<div class="shuttle_button_layout">
- <div class="shuttle_button"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><img
src="shuttle_images/up.gif" width="15" height="15"
alt="" border="0"></div>
- <div class="shuttle_button"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><img
src="shuttle_images/down.gif" width="15" height="15"
alt="" border="0"></div>
- <div class="shuttle_button"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><img
src="shuttle_images/top.gif" width="15" height="15"
alt="" border="0"></div>
- <div class="shuttle_button_dis"><img
src="shuttle_images/bottom.gif" width="15" height="15"
alt="" border="0"></div>
+ <div class="shuttle_button_border"><div
class="shuttle_button"
onmouseover="this.className='shuttle_button_light'"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><a href="#"
class="shuttle_button_selection"><div
class="shuttle_button_content"><img src="shuttle_images/up.gif"
width="15" height="15" alt="" border="0"
class="shuttle_ico">First</div></a></div></div>
+ <div class="shuttle_button_border"><div
class="shuttle_button"
onmouseover="this.className='shuttle_button_light'"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><a href="#"
class="shuttle_button_selection"><div
class="shuttle_button_content"><img
src="shuttle_images/down.gif" width="15" height="15"
alt="" border="0"
class="shuttle_ico">Up</div></a></div></div>
+ <div class="shuttle_button_border"><div
class="shuttle_button"
onmouseover="this.className='shuttle_button_light'"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><a href="#"
class="shuttle_button_selection"><div
class="shuttle_button_content"><img src="shuttle_images/top.gif"
width="15" height="15" alt="" border="0"
class="shuttle_ico">Down</div></a></div></div>
+ <div class="shuttle_button_border"><div
class="shuttle_button"
onmouseover="this.className='shuttle_button_light'"
onmousedown="this.className='shuttle_button_press'"
onmouseup="this.className='shuttle_button'"
onmouseout="this.className='shuttle_button'"><a href="#"
class="shuttle_button_selection"><div
class="shuttle_button_content"><img
src="shuttle_images/bottom.gif" width="15" height="15"
alt="" border="0"
class="shuttle_ico">Last</div></a></div></div>
</div>
</td>
</tr>
Modified: management/design/listShuttle/markup/shuttle_images/back.gif
===================================================================
(Binary files differ)
Modified: management/design/listShuttle/markup/shuttle_images/back_all.gif
===================================================================
(Binary files differ)
Added: management/design/listShuttle/markup/shuttle_images/bg_header.png
===================================================================
(Binary files differ)
Property changes on: management/design/listShuttle/markup/shuttle_images/bg_header.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/listShuttle/markup/shuttle_images/bg_press.png
===================================================================
(Binary files differ)
Property changes on: management/design/listShuttle/markup/shuttle_images/bg_press.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Modified: management/design/listShuttle/markup/shuttle_images/bottom.gif
===================================================================
(Binary files differ)
Modified: management/design/listShuttle/markup/shuttle_images/down.gif
===================================================================
(Binary files differ)
Modified: management/design/listShuttle/markup/shuttle_images/move.gif
===================================================================
(Binary files differ)
Modified: management/design/listShuttle/markup/shuttle_images/move_all.gif
===================================================================
(Binary files differ)
Modified: management/design/listShuttle/markup/shuttle_images/top.gif
===================================================================
(Binary files differ)
Modified: management/design/listShuttle/markup/shuttle_images/up.gif
===================================================================
(Binary files differ)