Author: chanaka
Date: Thu May  1 07:05:01 2008
New Revision: 16438

Log:

callout, property, send, sequence mediator UI improvements

Modified:
   
trunk/esb/java/modules/distribution/src/main/www/extensions/core/css/wso2-esb.css
   
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/callout_edit.xsl
   
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/callout_view.xsl
   
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/property_edit.xsl
   
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/send_edit.xsl
   
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/send_view.xsl
   
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/sequence_edit.xsl
   
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/sequence_view.xsl

Modified: 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/css/wso2-esb.css
==============================================================================
--- 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/css/wso2-esb.css
   (original)
+++ 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/css/wso2-esb.css
   Thu May  1 07:05:01 2008
@@ -295,7 +295,15 @@
     z-index:3;
     margin-top:-25px;
 }
-
+div.mediator-inside{
+margin-left:20px;
+}
+.field-mediator-add{
+background:#d7d7d7;
+padding-left:5px;
+padding-bottom:5px;
+border-top:solid 1px #67b4ff;
+}
 div.contentPaneClass2 {
     width: 670px;
     /*border-left: outset #CCCCFF;*/
@@ -1217,13 +1225,24 @@
 font-weight:bold;
 font-size:13px;
 }
-.field-mediator-add{
-border-top:solid 1px #9a9a9a;
-background:#f1f1f1;
+.specialField-header{
+border:solid 1px #6b6a66;
+background:#d7d7d7;
+padding-top:3px;
+padding-bottom:3px;
+padding-left:5px;
+}
+.specialField-content{
+border-left:solid 1px #6b6a66;
+border-right:solid 1px #6b6a66;
+border-bottom:solid 1px #6b6a66;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:5px;
 }
+.endpointLeft{
+    width:450px;
+}
 .end-point-div {
     width: 70%;
     margin-left: 10px;

Modified: 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/callout_edit.xsl
==============================================================================
--- 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/callout_edit.xsl
    (original)
+++ 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/callout_edit.xsl
    Thu May  1 07:05:01 2008
@@ -20,22 +20,21 @@
     <xsl:include href="commons.xsl"/>
     <xsl:template match="syn:callout" 
xmlns:syn="http://ws.apache.org/ns/synapse";>
         <div id="callout_edit_div">
-            <label class="content-callout">
-                <img src="extensions/core/images/callout-big.jpg"/>
+            <label class="content-header headding-gap">
+                <img align="top" src="extensions/core/images/callout-big.jpg"/>
                 <xsl:text>Callout Mediator</xsl:text>
             </label>
-            <br/>
-            <br/>
-            <div id="callout_edit" class="end-point-div">
+            
+            <div id="callout_edit" class="mediator-inside">
                 <br/>
                 <table border="0" style="width: 600px;">
                     <tbody>
                         <tr>
-                            <td colspan="2" style="width:100px;">
+                            <td style="width:100px;">
                                 ServiceURL
                                 <font style='color: red;font-size: 
8pt;'>&#160;*</font>
                             </td>
-                            <td colspan="2">
+                            <td>
                                 <input type="text" size="40" 
id="callout_serviceURL"
                                        class="esb-edit">
                                     <xsl:attribute name="value">
@@ -45,10 +44,10 @@
                             </td>
                         </tr>
                         <tr>
-                            <td colspan="2" style="width:100px;">
+                            <td style="width:100px;">
                                 Action
                             </td>
-                            <td colspan="2">
+                            <td>
                                 <input type="text" size="40" 
id="callout_action"
                                        class="esb-edit">
                                     <xsl:attribute name="value">
@@ -59,9 +58,10 @@
                         </tr>
                     </tbody>
                 </table>
-                <label style="margin-left: 1em;">Source <font style='color: 
red;font-size: 8pt;'>&#160;*</font></label>
-                <br/>
-                <label style="margin-left: 1em;">Specify as :</label>
+                <fieldset class="switch-field">
+                <legend>Source <font style='color: red;font-size: 
8pt;'>&#160;*</font></legend>
+                
+                <div class="specialField-header">Specify as :
                 <xsl:element name="input">
                     <xsl:attribute name="onClick">
                         javascript:sourcexpath('<xsl:value-of 
select="@esb_med_pos"/>');
@@ -71,7 +71,7 @@
                         sourcegroup
                     </xsl:attribute>
                     <xsl:attribute name="value">XPath</xsl:attribute>
-                    <xsl:attribute name="style">margin-left: 
3em;</xsl:attribute>
+                    <xsl:attribute name="style">margin-left: 
50px;</xsl:attribute>
                     <xsl:if test="syn:source/@xpath or (@source_xpath and 
@source_xpath=0)">
                         <xsl:attribute name="checked">checked</xsl:attribute>
                     </xsl:if>
@@ -92,9 +92,10 @@
                     </xsl:if>
                 </xsl:element>
                 <label>Key</label>
-                <br/>
+                </div>
+                <div class="specialField-content">
                 <xsl:if test="syn:source/@xpath or (@source_xpath and 
@source_xpath=0)">
-                    <table border="0" style="margin-left: 5em; width: 150px;">
+                    <table border="0">
                         <tbody>
                             <tr>
                                 <td>
@@ -121,7 +122,7 @@
                     </table>
                 </xsl:if>
                 <xsl:if test="syn:source/@key  or (@source_key and 
@source_key=0)">
-                    <table border="0" style="margin-left: 6em; width: 150px;">
+                    <table border="0">
                         <tbody>
                             <tr>
                                 <td>
@@ -150,8 +151,11 @@
                         </tbody>
                     </table>
                 </xsl:if>
-                <label style="margin-left: 1em;">Target <font style='color: 
red;font-size: 8pt;'>&#160;*</font></label>
-                <br/>
+                </div>
+                </fieldset>
+                <fieldset class="switch-field">
+                <legend>Target <font style='color: red;font-size: 
8pt;'>&#160;*</font></legend>
+                <div class="specialField-header">
                 <label style="margin-left: 1em;">Specify as :</label>
                 <xsl:element name="input">
                     <xsl:attribute name="onClick">
@@ -183,9 +187,10 @@
                     </xsl:if>
                 </xsl:element>
                 <label>Key</label>
-                <br/>
+                </div>
+                <div class="specialField-content">
                 <xsl:if test="syn:target/@xpath or (@target_xpath and 
@target_xpath=0)">
-                    <table border="0" style="margin-left: 5em; width: 150px;">
+                    <table border="0" style="width: 150px;">
                         <tbody>
                             <tr>
                                 <td>
@@ -212,7 +217,7 @@
                     </table>
                 </xsl:if>
                 <xsl:if test="syn:target/@key or (@target_key and 
@target_key=0)">
-                    <table border="0" style="margin-left: 6em; width: 150px;">
+                    <table border="0" style="width: 150px;">
                         <tbody>
                             <tr>
                                 <td>
@@ -231,6 +236,8 @@
                         </tbody>
                     </table>
                 </xsl:if>
+                </div>
+                </fieldset>
             </div>
         </div>
     </xsl:template>

Modified: 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/callout_view.xsl
==============================================================================
--- 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/callout_view.xsl
    (original)
+++ 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/callout_view.xsl
    Thu May  1 07:05:01 2008
@@ -18,14 +18,13 @@
 
     <xsl:template match="syn:callout" mode="custom" priority="2"
                   xmlns:syn="http://ws.apache.org/ns/synapse";>
-        <label class="content-callout">
-            <img src="extensions/core/images/callout-big.jpg"/>
+        <label class="content-header headding-gap">
+            <img src="extensions/core/images/callout-big.jpg" align="top" />
             <xsl:call-template name="capitalize-first"/>
             <xsl:text> Mediator</xsl:text>
         </label>
-        <br/>
-        <br/>
-        <div id="common_table_content">
+        
+        <div id="common_table_content" class="mediator-inside">
             <table border="0" cellpadding="0" cellspacing="0">
                 <tbody>
                     <tr>

Modified: 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/property_edit.xsl
==============================================================================
--- 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/property_edit.xsl
   (original)
+++ 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/property_edit.xsl
   Thu May  1 07:05:01 2008
@@ -27,13 +27,13 @@
         <br/>
         <br/>
 
-        <table border="0" style="margin-left: 3em; width: 650px;">
+        <table border="0" style="width: 650px;">
             <tbody>
                 <tr>
-                    <td colspan="2">Name
+                    <td>Name
                         <font style='color: red;font-size: 8pt;'>&#160;*</font>
                     </td>
-                    <td colspan="2">
+                    <td>
                         <input type="text" class="esb-edit" width="80px" 
id="name">
                             <xsl:attribute name="value">
                                 <xsl:value-of select="@name"/>
@@ -42,97 +42,112 @@
                     </td>
                 </tr>
                 <tr>
-                    <td colspan="2">
+                    <td>
                         <xsl:text>Action</xsl:text>
                     </td>
-                    <td style="width: 100px;">
-                        <input id="set" name="action" type="radio">
+                    <td>
+                       <xsl:if test="not(@action) or @action != 'remove'">
+                        <input id="set" name="action" type="checkbox">
                             <xsl:attribute name="onClick">
-                                javascript: setPropertyAction('set'); return 
false;
+                                javascript:setPropertyAction('remove'); return 
false;
+                            </xsl:attribute>
+                            <xsl:attribute name="checked">
+                               checked
                             </xsl:attribute>
-                            <xsl:if test="not(@action) or @action != 'remove'">
-                                <xsl:attribute name="checked">
-                                    true
-                                </xsl:attribute>
-                            </xsl:if>
                         </input>
-                        Set
-                    </td>
-                    <td>
-                        <input id="remove" name="action" type="radio">
+                        Set Action
+                        </xsl:if>
+                       <xsl:if test="@action = 'remove'">
+                        <input id="remove" name="action" type="checkbox">
                             <xsl:attribute name="onClick">
-                                javascript: setPropertyAction('remove'); 
return false;
-                            </xsl:attribute>
-                            <xsl:if test="@action = 'remove'">
-                                <xsl:attribute name="checked">
-                                    true
-                                </xsl:attribute>
-                            </xsl:if>
+                                javascript:setPropertyAction('set'); return 
false;
+                            </xsl:attribute> 
                         </input>
-                        Remove
+                        Set Action
+                        </xsl:if>
                     </td>
-                    <td></td>
                 </tr>
                 <xsl:if test="not(@action) or @action != 'remove'">
                     <tr>
-                        <td>
-                            <input id="value" name="type" type="radio">
-                                <xsl:attribute name="onClick">
-                                    javascript:setPropertyValue('<xsl:value-of 
select="@esb_med_pos"/>');
-                                </xsl:attribute>
-                                <xsl:if test="@value or not(@expression)">
-                                    <xsl:attribute name="checked">
-                                        true
-                                    </xsl:attribute>
-                                </xsl:if>
-                            </input>
-                            Value<xsl:if test="@value or 
not(@expression)"><font style='color: red;font-size: 
8pt;'>&#160;*</font></xsl:if>
-                        </td>
-                        <td>
-                            <input id="expression" name="type" type="radio">
-                                <xsl:attribute name="onClick">
-                                    javascript:setPropertyExpr('<xsl:value-of 
select="@esb_med_pos"/>');
-                                </xsl:attribute>
-                                <xsl:if test="@expression">
-                                    <xsl:attribute name="checked">
-                                        true
-                                    </xsl:attribute>
-                                </xsl:if>
-                            </input>
-                            Expression<xsl:if test="@expression"><font 
style='color: red;font-size: 8pt;'>&#160;*</font></xsl:if>
-                        </td>
-
-                        <td  style="width:200px;" colspan="2">
-
-                            <input type="text" class="esb-edit" width="80px" 
id="val_ex">
-                                <xsl:attribute name="value">
-                                    <xsl:if test="@value">
-                                        <xsl:value-of select="@value"/>
-                                    </xsl:if>
-                                    <xsl:if test="@expression">
-                                        <xsl:value-of select="@expression"/>
-                                    </xsl:if>
-                                </xsl:attribute>
-                            </input>
-                        </td>
-                        <td id="namespaceButtonCell" align="left">
-                            <xsl:if test="@expression">
-                                <a title="Namespace Editor" class="ns_editor">
-                                    <xsl:attribute name="onclick">
-                                        
javascript:showNameSpaceEditor('<xsl:value-of select="@esb_med_pos"/>', '', '', 
'true');
-                                    </xsl:attribute>
-                                    
<xsl:text>&#160;&#160;&#160;&#160;</xsl:text>
-                                </a>
-                            </xsl:if>
+                        <td colspan="2">
+                               <div class="specialField-header">
+                                       <table cellpadding="0" cellspacing="0" 
border="0" style="width:90%">
+                                       <tr>
+                                       <td style="padding-right:10px;">
+                                       Set Action as
+                                       </td>
+                                       <td style="padding-right:5px;">
+                                   <input id="value" name="type" type="radio">
+                                       <xsl:attribute name="onClick">
+                                           
javascript:setPropertyValue('<xsl:value-of select="@esb_med_pos"/>');
+                                       </xsl:attribute>
+                                       <xsl:if test="@value or 
not(@expression)">
+                                           <xsl:attribute name="checked">
+                                               true
+                                           </xsl:attribute>
+                                       </xsl:if>
+                                   </input>
+                                   Value
+                                   <xsl:if test="@value or not(@expression)">
+                                       <font style='color: red;font-size: 
8pt;'>&#160;*</font>
+                                   </xsl:if>
+                                       
+                                   <input id="expression" name="type" 
type="radio">
+                                       <xsl:attribute name="onClick">
+                                           
javascript:setPropertyExpr('<xsl:value-of select="@esb_med_pos"/>');
+                                       </xsl:attribute>
+                                       <xsl:if test="@expression">
+                                           <xsl:attribute name="checked">
+                                               true
+                                           </xsl:attribute>
+                                       </xsl:if>
+                                   </input>
+                                   Expression
+                                   <xsl:if test="@expression">
+                                       <font style='color: red;font-size: 
8pt;'>&#160;*</font>
+                                   </xsl:if>
+                                       </td>
+                                                               </tr>
+                                                               </table>
+                                                       </div>
+                                                       <div 
class="specialField-content">
+                                                               <table  
cellpadding="0" cellspacing="0" border="0" style="width:90%">
+                                                               <tr>
+                                       <td  style="width:200px;">
+               
+                                           <input type="text" class="esb-edit" 
width="80px" id="val_ex">
+                                               <xsl:attribute name="value">
+                                                   <xsl:if test="@value">
+                                                       <xsl:value-of 
select="@value"/>
+                                                   </xsl:if>
+                                                   <xsl:if test="@expression">
+                                                       <xsl:value-of 
select="@expression"/>
+                                                   </xsl:if>
+                                               </xsl:attribute>
+                                           </input>
+                                       </td>
+                                       <td id="namespaceButtonCell" 
align="left">
+                                           <xsl:if test="@expression">
+                                               <a title="Namespace Editor" 
class="ns_editor">
+                                                   <xsl:attribute 
name="onclick">
+                                                       
javascript:showNameSpaceEditor('<xsl:value-of select="@esb_med_pos"/>', '', '', 
'true');
+                                                   </xsl:attribute>
+                                                   
<xsl:text>&#160;&#160;&#160;&#160;</xsl:text>
+                                               </a>
+                                           </xsl:if>
+                                       </td>
+                                       </tr>
+                                       </table>
+                               </div>
                         </td>
 
                     </tr>
                 </xsl:if>
                 <tr>
-                    <td colspan="2">
+                    <td>
                         <xsl:text>Scope</xsl:text>
                     </td>
-                    <td colspan="2">
+                    <td>
                         <select class="esb-edit" width="100px" id="scope">
                             <option value="synapse">Synapse</option>
                             <option value="transport">

Modified: 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/send_edit.xsl
==============================================================================
--- 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/send_edit.xsl
       (original)
+++ 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/send_edit.xsl
       Thu May  1 07:05:01 2008
@@ -21,144 +21,183 @@
     <xsl:template match="syn:send" xmlns:syn="http://ws.apache.org/ns/synapse";>
         <xsl:variable name="position" select="@esb_med_pos"/>
         <div id="ep">
-            <label class="content-header">
+            <div class="content-header" style="margin-bottom:15px;">
                 <img align="top" 
src="extensions/core/images/send-mediator.gif"/>
                 <xsl:text>Send Mediator</xsl:text>
-            </label>
-            <br/>
-            <br/>
+            </div>
+            
             <xsl:if test="syn:endpoint">
                 <xsl:for-each select="syn:endpoint">
-                    <div id="send_edit_div" class="end-point-div">
+                    <div id="send_edit_div" class="end-point-div 
mediator-inside" style="margin-top:-10px;margin-left:40px;">
                         <br/>
                         <xsl:if test="@key">
                             <div>
-                                <label class="content-header">
-                                    <img 
src="extensions/core/images/look_up_endpoint.gif"/>
-                                    <xsl:text>Lookup 
Endpoint&#32;&#32;&#32;&#32;&#32;&#32;</xsl:text>
-                                </label>
-                                <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/_edit.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Edit 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
-                                 <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/delete.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Delete 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
+                               <table cellpadding="0" cellspacing="0" 
border="0">
+                                       <tr>
+                                       <td class="endpointLeft" 
style="padding-left:0px;padding-right:0px;">
+                                           <img 
src="extensions/core/images/look_up_endpoint.gif" width="30" align="middle" />
+                                       <label class="content-header">
+                                           <xsl:text>Lookup Endpoint</xsl:text>
+                                       </label>
+                                       </td>
+                                       <td 
style="padding-left:0px;padding-right:0px;">
+                                       <xsl:element name="img">
+                                           <xsl:attribute name="src">
+                                               
extensions/core/images/_edit.gif</xsl:attribute>
+                                           <xsl:attribute name="title">Edit 
Endpoint</xsl:attribute>
+                                           <xsl:attribute name="onClick">
+                                               
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
+                                           </xsl:attribute>
+                                       </xsl:element>
+                                       </td>
+                                       <td>
+                                        <xsl:element name="img">
+                                           <xsl:attribute name="src">
+                                               
extensions/core/images/delete.gif</xsl:attribute>
+                                           <xsl:attribute name="title">Delete 
Endpoint</xsl:attribute>
+                                           <xsl:attribute name="onClick">
+                                               
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
+                                           </xsl:attribute>
+                                       </xsl:element>
+                                       </td>
+                                       </tr>
+                                </table>
                             </div>
                         </xsl:if>
                         <xsl:if test="syn:address">
                             <div>
-                                <label class="content-header">
-                                <img 
src="extensions/core/images/address_endpoint.gif"/>
-                                <xsl:text>Address 
Endpoint&#32;&#32;&#32;&#32;&#32;&#32;</xsl:text>
-                                </label>
-                                <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/edit.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Edit 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
-                                <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/delete.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Delete 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
+                               <table cellpadding="0" cellspacing="0" 
border="0">
+                                       <tr>
+                                       <td class="endpointLeft" 
style="padding-left:0px;padding-right:0px;">
+                                               <label class="content-header">
+                                               <img 
src="extensions/core/images/address_endpoint.gif" width="30" align="middle"/>
+                                               <xsl:text>Address 
Endpoint</xsl:text>
+                                               </label>
+                                           </td>
+                                       <td 
style="padding-left:0px;padding-right:0px;">
+                                               <xsl:element name="img">
+                                                   <xsl:attribute name="src">
+                                                       
extensions/core/images/edit.gif</xsl:attribute>
+                                                   <xsl:attribute 
name="title">Edit Endpoint</xsl:attribute>
+                                                   <xsl:attribute 
name="onClick">
+                                                       
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
+                                                   </xsl:attribute>
+                                               </xsl:element>
+                                           </td>
+                                           <td>
+                                               <xsl:element name="img">
+                                                   <xsl:attribute name="src">
+                                                       
extensions/core/images/delete.gif</xsl:attribute>
+                                                   <xsl:attribute 
name="title">Delete Endpoint</xsl:attribute>
+                                                   <xsl:attribute 
name="onClick">
+                                                       
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
+                                                   </xsl:attribute>
+                                               </xsl:element>
+                                           </td>
+                                           </tr>
+                                       </table>
                             </div>
                         </xsl:if>
                         <xsl:if test="syn:wsdl">
                              <div>
-                                <label class="content-header">
-                                <img 
src="extensions/core/images/wsdl_endpoint.gif"/>
-                                <xsl:text>WSDL 
Endpoint&#32;&#32;&#32;&#32;&#32;&#32;</xsl:text>
-                                </label>
-                                <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/_edit.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Edit 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
-                                  <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/delete.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Delete 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
+                               <table cellpadding="0" cellspacing="0" 
border="0">
+                                       <tr>
+                                       <td class="endpointLeft" 
style="padding-left:0px;padding-right:0px;">
+                                               <label class="content-header">
+                                               <img 
src="extensions/core/images/wsdl_endpoint.gif" width="30" align="middle"/>
+                                               <xsl:text>WSDL 
Endpoint</xsl:text>
+                                               </label>
+                                           </td>
+                                           <td 
style="padding-left:0px;padding-right:0px;">
+                                               <xsl:element name="img">
+                                                   <xsl:attribute name="src">
+                                                       
extensions/core/images/_edit.gif</xsl:attribute>
+                                                   <xsl:attribute 
name="title">Edit Endpoint</xsl:attribute>
+                                                   <xsl:attribute 
name="onClick">
+                                                       
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
+                                                   </xsl:attribute>
+                                               </xsl:element>
+                                           </td>
+                                           <td>
+                                                 <xsl:element name="img">
+                                                   <xsl:attribute name="src">
+                                                       
extensions/core/images/delete.gif</xsl:attribute>
+                                                   <xsl:attribute 
name="title">Delete Endpoint</xsl:attribute>
+                                                   <xsl:attribute 
name="onClick">
+                                                       
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
+                                                   </xsl:attribute>
+                                               </xsl:element>
+                                           </td>
+                                               </tr>
+                                       </table>
                             </div>
                         </xsl:if>
                         <xsl:if test="syn:loadbalance">
                              <div>
-                                <label class="content-header">
-                                <img 
src="extensions/core/images/load_balance_endpoint.gif"/>
-                                <xsl:text>Load-balance 
Endpoint&#32;&#32;&#32;&#32;&#32;&#32;</xsl:text>
-                                </label>
-                                <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/_edit.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Edit 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
-                                  <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/delete.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Delete 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
+                               <table cellpadding="0" cellspacing="0" 
border="0">
+                                       <tr>
+                                       <td class="endpointLeft" 
style="padding-left:0px;padding-right:0px;">
+                                               <label class="content-header">
+                                               <img 
src="extensions/core/images/load_balance_endpoint.gif" width="30" 
align="middle"/>
+                                               <xsl:text>Load-balance 
Endpoint</xsl:text>
+                                               </label>
+                                           </td>
+                                           <td 
style="padding-left:0px;padding-right:0px;">
+                                               <xsl:element name="img">
+                                                   <xsl:attribute name="src">
+                                                       
extensions/core/images/_edit.gif</xsl:attribute>
+                                                   <xsl:attribute 
name="title">Edit Endpoint</xsl:attribute>
+                                                   <xsl:attribute 
name="onClick">
+                                                       
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
+                                                   </xsl:attribute>
+                                               </xsl:element>
+                                           </td>
+                                           <td>
+                                                 <xsl:element name="img">
+                                                   <xsl:attribute name="src">
+                                                       
extensions/core/images/delete.gif</xsl:attribute>
+                                                   <xsl:attribute 
name="title">Delete Endpoint</xsl:attribute>
+                                                   <xsl:attribute 
name="onClick">
+                                                       
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
+                                                   </xsl:attribute>
+                                               </xsl:element>
+                                           </td>
+                                           </tr>
+                                       </table>
                             </div>
                         </xsl:if>
                         <xsl:if test="syn:failover">
                            <div>
-                                <label class="content-header">
-                                <img 
src="extensions/core/images/failover_endpoint.gif"/>
-                                <xsl:text>Failover 
Endpoint&#32;&#32;&#32;&#32;&#32;&#32;</xsl:text>
-                                </label>
-                                <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/_edit.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Edit 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
-                                <xsl:element name="img">
-                                    <xsl:attribute name="style">margin-left: 
20px;</xsl:attribute>
-                                    <xsl:attribute name="src">
-                                        
extensions/core/images/delete.gif</xsl:attribute>
-                                    <xsl:attribute name="title">Delete 
Endpoint</xsl:attribute>
-                                    <xsl:attribute name="onClick">
-                                        
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
-                                    </xsl:attribute>
-                                </xsl:element>
+                           <table cellpadding="0" cellspacing="0" border="0">
+                                       <tr>
+                                       <td class="endpointLeft" 
style="padding-left:0px;padding-right:0px;">
+                                               <label class="content-header">
+                                               <img 
src="extensions/core/images/failover_endpoint.gif" width="30" align="middle"/>
+                                               <xsl:text>Failover 
Endpoint</xsl:text>
+                                               </label>
+                                           </td>
+                                           <td 
style="padding-left:0px;padding-right:0px;">
+                                               <xsl:element name="img">
+                                                   <xsl:attribute name="src">
+                                                       
extensions/core/images/_edit.gif</xsl:attribute>
+                                                   <xsl:attribute 
name="title">Edit Endpoint</xsl:attribute>
+                                                   <xsl:attribute 
name="onClick">
+                                                       
javascript:convertToEndpoint('<xsl:value-of select="$position"/>');return false;
+                                                       </xsl:attribute>
+                                               </xsl:element>
+                                               </td>
+                                               <td>
+                                               <xsl:element name="img">
+                                                   <xsl:attribute name="src">
+                                                       
extensions/core/images/delete.gif</xsl:attribute>
+                                                   <xsl:attribute 
name="title">Delete Endpoint</xsl:attribute>
+                                                   <xsl:attribute 
name="onClick">
+                                                       
javascript:removeEndpoint('<xsl:value-of select="$position"/>');return false;
+                                                   </xsl:attribute>
+                                               </xsl:element>
+                                               </td>
+                                               </tr>
+                                               </table>
                             </div>
                         </xsl:if>
                     </div>
@@ -173,7 +212,7 @@
                             
javascript:addSendMediatorEndpointmenu(event,'<xsl:value-of 
select="$position"/>');return false;
                         </xsl:attribute>
                     </xsl:element>
-                    <label class='styled-link'>Add Endpoint</label>
+                    <label class="styled-link" 
style="padding-left:20px;vertical-align:bottom;">Add Endpoint</label>
                 </div>
             </xsl:if>
         </div>

Modified: 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/send_view.xsl
==============================================================================
--- 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/send_view.xsl
       (original)
+++ 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/send_view.xsl
       Thu May  1 07:05:01 2008
@@ -18,16 +18,15 @@
 
     <xsl:template match="syn:send" mode="custom" priority="2"
                   xmlns:syn="http://ws.apache.org/ns/synapse";>
-        <label class="content-header">
+        <div class="content-header" style="margin-bottom:15px;">
             <img align="top" src="extensions/core/images/send-mediator.gif"/>
             <xsl:call-template name="capitalize-first"/>
             <xsl:text> Mediator</xsl:text>
-        </label>
-        <br/>
-        <br/>
+        </div>
+        
         <xsl:for-each select="syn:endpoint">
-            <div id="send_edit_div" class="end-point-div">
-                <br/>
+            <div id="send_edit_div" class="end-point-div mediator-inside" 
style="margin-top:-10px;">
+
                 <xsl:if test="@key">
                     <label class="content-header">
                         <img 
src="extensions/core/images/look_up_endpoint.gif"/>
@@ -35,7 +34,7 @@
                     </label>
                     <br/>
                     <br/>
-                    <label class="end-point-address">
+                    <label>
                         <xsl:if test="@key">
                             <xsl:text>Key :</xsl:text>
                             <font style=' color: purple;font-family: 
Tahoma;font-size: 12px;'>
@@ -46,12 +45,12 @@
                 </xsl:if>
                 <xsl:if test="syn:address">
                     <label class="content-header">
-                        <img 
src="extensions/core/images/address_endpoint.gif"/>
+                        <img src="extensions/core/images/address_endpoint.gif" 
width="30" align="middle"/>
                         <xsl:text>Address Endpoint</xsl:text>
                     </label>
                     <br/>
                     <br/>
-                    <label class="end-point-address">
+                    <label>
                         <xsl:if test="syn:address/@uri">
                             <xsl:text>Uri :</xsl:text>
                             <font style=' color: purple;font-family: 
Tahoma;font-size: 12px;'>
@@ -62,19 +61,19 @@
                 </xsl:if>
                 <xsl:if test="syn:wsdl">
                     <label class="content-header">
-                        <img src="extensions/core/images/wsdl_endpoint.gif"/>
+                        <img src="extensions/core/images/wsdl_endpoint.gif" 
width="30" align="middle"/>
                         <xsl:text>WSDL Endpoint</xsl:text>
                     </label>
                 </xsl:if>
                 <xsl:if test="syn:loadbalance">
                     <label class="content-header">
-                        <img 
src="extensions/core/images/load_balance_endpoint.gif"/>
+                        <img 
src="extensions/core/images/load_balance_endpoint.gif" width="30" 
align="middle"/>
                         <xsl:text>Load-balance Endpoint</xsl:text>
                     </label>
                 </xsl:if>
                 <xsl:if test="syn:failover">
                     <label class="content-header">
-                        <img 
src="extensions/core/images/failover_endpoint.gif"/>
+                        <img 
src="extensions/core/images/failover_endpoint.gif" width="30" align="middle"/>
                         <xsl:text>Failover Endpoint</xsl:text>
                     </label>
                 </xsl:if>

Modified: 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/sequence_edit.xsl
==============================================================================
--- 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/sequence_edit.xsl
   (original)
+++ 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/sequence_edit.xsl
   Thu May  1 07:05:01 2008
@@ -27,27 +27,29 @@
         </label>
         <br/>
         <br/>
-        <label >Referring sequence<font style='color: red;font-size: 
8pt;'>&#160;*</font></label>
-             <xsl:element name="input">
-                 <xsl:attribute name="id">seq_ref</xsl:attribute>
-                 <xsl:attribute name="style">margin-left: 3em;</xsl:attribute>
-                 <xsl:attribute name="type">text</xsl:attribute>
-                 <xsl:attribute name="size">20</xsl:attribute>
-                 <xsl:attribute name="class">esb-edit_disabled</xsl:attribute>
-                 <xsl:attribute name="value">
-                     <xsl:value-of select="@key"/>
-                 </xsl:attribute>
-                 <xsl:attribute name="DISABLED"/>
-             </xsl:element>
-            <xsl:element name="img">
-            <xsl:attribute name="style">margin-left: 3em;</xsl:attribute>
-            <xsl:attribute name="src">
-                extensions/core/images/registry_picker.gif</xsl:attribute>
-            <xsl:attribute name="title">Registry Browser</xsl:attribute>
-            <xsl:attribute name="onClick">
-                javascript:sequencefromregistry('<xsl:value-of 
select="@esb_med_pos"/>');return false;
-            </xsl:attribute>
-        </xsl:element>
+        <div class="mediator-inside">
+               <label style="padding-left:10px;">Referring sequence<font 
style='color: red;font-size: 8pt;'>&#160;*</font></label>
+                    <xsl:element name="input">
+                        <xsl:attribute name="id">seq_ref</xsl:attribute>
+                        <xsl:attribute name="style">margin-left: 
3em;</xsl:attribute>
+                        <xsl:attribute name="type">text</xsl:attribute>
+                        <xsl:attribute name="size">20</xsl:attribute>
+                        <xsl:attribute 
name="class">esb-edit_disabled</xsl:attribute>
+                        <xsl:attribute name="value">
+                            <xsl:value-of select="@key"/>
+                        </xsl:attribute>
+                        <xsl:attribute name="DISABLED"/>
+                    </xsl:element>
+                   <xsl:element name="img">
+                   <xsl:attribute name="style">margin-left: 
3em;</xsl:attribute>
+                   <xsl:attribute name="src">
+                       
extensions/core/images/registry_picker.gif</xsl:attribute>
+                   <xsl:attribute name="title">Registry Browser</xsl:attribute>
+                   <xsl:attribute name="onClick">
+                       javascript:sequencefromregistry('<xsl:value-of 
select="@esb_med_pos"/>');return false;
+                   </xsl:attribute>
+               </xsl:element>
+        </div>
         </div>
     </xsl:template>
 

Modified: 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/sequence_view.xsl
==============================================================================
--- 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/sequence_view.xsl
   (original)
+++ 
trunk/esb/java/modules/distribution/src/main/www/extensions/core/xslt/mediators/sequence_view.xsl
   Thu May  1 07:05:01 2008
@@ -24,13 +24,13 @@
         </label>
         <br/>
         <br/>
-
-        <label>Referring sequence </label>
-        <label style="margin-left: 8em;">
-            <xsl:if test="@key!=''"><xsl:value-of select="@key"/></xsl:if>
-            <xsl:if test="@key=''">Not specified</xsl:if>
-        </label>
-
+               <div class="mediator-inside">
+               <label style="padding-left:10px;">Referring sequence </label>
+               <label style="margin-left: 8em;">
+                   <xsl:if test="@key!=''"><xsl:value-of 
select="@key"/></xsl:if>
+                   <xsl:if test="@key=''">Not specified</xsl:if>
+               </label>
+               </div>
     </xsl:template>
 
 </xsl:stylesheet>
\ No newline at end of file

_______________________________________________
Esb-java-dev mailing list
[email protected]
http://wso2.org/cgi-bin/mailman/listinfo/esb-java-dev

Reply via email to