Author: vmolotkov Date: 2007-11-22 13:21:18 -0500 (Thu, 22 Nov 2007) New Revision: 4208 Modified: branches/3.1.x/sandbox/ui/listShuttle/src/main/templates/org/richfaces/htmlListShuttle.jspx Log: controls for shuttle Modified: branches/3.1.x/sandbox/ui/listShuttle/src/main/templates/org/richfaces/htmlListShuttle.jspx =================================================================== --- branches/3.1.x/sandbox/ui/listShuttle/src/main/templates/org/richfaces/htmlListShuttle.jspx 2007-11-22 18:14:23 UTC (rev 4207) +++ branches/3.1.x/sandbox/ui/listShuttle/src/main/templates/org/richfaces/htmlListShuttle.jspx 2007-11-22 18:21:18 UTC (rev 4208) @@ -14,6 +14,7 @@ <h:scripts> new org.ajax4jsf.javascript.PrototypeScript(), scripts/extend.js, + scripts/ShuttleUtils.js scripts/SelectItem.js, scripts/LayoutManager.js scripts/Control.js, @@ -25,78 +26,100 @@ <f:clientId var="clientId"/> <vcp:body> <f:clientId var="clientId"/> - <div id="#{clientId}" style="display:inline;"> - <div id="#{clientId}sourceList" x:passThruWithExclusions="id"> - <input id="#{clientId}focusKeeper" type="button" value="" style="width: 1px; position: absolute; left: -32767px;" name="focusKeeper"/> - <input id="#{clientId}valueKeeper" type="hidden" name="#{clientId}" value="#{component.submittedString}"/> - - <table id="#{clientId}table" cellpadding="0" cellspacing="0" class="ol_body"> - <tbody> - <tr> - <td class="ol_caption"> - <f:call name="encodeSLCaption"/> - </td> - </tr> - <tr> - <td> - <div id="#{clientId}headerBox" class="ol_list ol_outputlist"> - <div class="ol_list_header" style="width: #{component.attributes['listWidth']}px;"> - <table id="#{clientId}internal_header_tab" class="ol_internal_header_tab rich-ordering-list-items" cellpadding="0" cellspacing="0"> - <f:call name="encodeSLHeader"/> - </table> - </div> - <div id="#{clientId}contentBox" class="ol_list_content" style="width: #{component.attributes['listWidth']}px; height:#{component.attributes['listHeight']}px;"> - <table id="#{clientId}internal_tab" class="ol_internal_tab" cellpadding="0" cellspacing="0"> - <tbody id="#{clientId}tbody"> - <f:call name="encodeSLRows" /> - </tbody> - </table> - </div> - </div> - </td> - </tr> - </tbody> - </table> - </div> - - <div id="#{clientId}targetList" x:passThruWithExclusions="id"> - <input id="#{clientId}tlFocusKeeper" type="button" value="" style="width: 1px; position: absolute; left: -32767px;" name="focusKeeper"/> - <input id="#{clientId}tlValueKeeper" type="hidden" name="#{clientId}" value="#{component.submittedString}"/> - - <table id="#{clientId}tlTable" cellpadding="0" cellspacing="0" class="ol_body"> - <tbody> - <tr> - <td colspan="2" class="ol_caption"> - <f:call name="encodeTLCaption"/> - </td> - </tr> - <tr> - <td> - <div id="#{clientId}tlHeaderBox" class="ol_list ol_outputlist"> - <div class="ol_list_header" style="width: #{component.attributes['listWidth']}px;"> - <table id="#{clientId}tlInternal_header_tab" class="ol_internal_header_tab rich-ordering-list-items" cellpadding="0" cellspacing="0"> - <f:call name="encodeTLHeader"/> - </table> - </div> - <div id="#{clientId}tlContentBox" class="ol_list_content" style="width: #{component.attributes['listWidth']}px; height:#{component.attributes['listHeight']}px;"> - <table id="#{clientId}tlInternal_tab" class="ol_internal_tab" cellpadding="0" cellspacing="0"> - <tbody id="#{clientId}tlTbody"> - <f:call name="encodeTLRows" /> - </tbody> - </table> - </div> - </div> - </td> - <td class="ol_center_button_col_valign"> - <div class="ol_button_layout"> - <f:call name="encodeTLControlsFacets" /> - </div> - </td> - </tr> - </tbody> - </table> - </div> - </div> + <table id="#{clientId}"> + <tr> + <td> + <div style="display:inline;" id="#{clientId}sourceList" x:passThruWithExclusions="id,style"> + <input id="#{clientId}focusKeeper" type="button" value="" style="width: 1px; position: absolute; left: -32767px;" name="focusKeeper"/> + <input id="#{clientId}valueKeeper" type="hidden" name="#{clientId}" value="#{component.submittedString}"/> + + <table id="#{clientId}table" cellpadding="0" cellspacing="0" class="ol_body"> + <tbody> + <tr> + <td class="ol_caption"> + <f:call name="encodeSLCaption"/> + </td> + </tr> + <tr> + <td> + <div id="#{clientId}headerBox" class="ol_list ol_outputlist"> + <div class="ol_list_header" style="width: #{component.attributes['listWidth']}px;"> + <table id="#{clientId}internal_header_tab" class="ol_internal_header_tab rich-ordering-list-items" cellpadding="0" cellspacing="0"> + <f:call name="encodeSLHeader"/> + </table> + </div> + <div id="#{clientId}contentBox" class="ol_list_content" style="width: #{component.attributes['listWidth']}px; height:#{component.attributes['listHeight']}px;"> + <table id="#{clientId}internal_tab" class="ol_internal_tab" cellpadding="0" cellspacing="0"> + <tbody id="#{clientId}tbody"> + <f:call name="encodeSLRows" /> + </tbody> + </table> + </div> + </div> + </td> + </tr> + </tbody> + </table> + </div> + </td> + <td> + <a id="#{clientId}copy" href="#">copy</a> + <a id="#{clientId}disCopy" href="#">dcopy</a> + <a id="#{clientId}copyAll" href="#">copyAll</a> + <a id="#{clientId}disCopyAll" href="#">dcopyAll</a> + <a id="#{clientId}remove" href="#">remove</a> + <a id="#{clientId}disRemove" href="#">dremove</a> + <a id="#{clientId}removeAll" href="#">removeAll</a> + <a id="#{clientId}disRemoveAll" href="#">dremoveAll</a> + </td> + <td> + <div id="#{clientId}targetList" style="display:inline-block;" x:passThruWithExclusions="id,style"> + <input id="#{clientId}tlFocusKeeper" type="button" value="" style="width: 1px; position: absolute; left: -32767px;" name="focusKeeper"/> + <input id="#{clientId}tlValueKeeper" type="hidden" name="#{clientId}" value="#{component.submittedString}"/> + + <table id="#{clientId}tlTable" cellpadding="0" cellspacing="0" class="ol_body"> + <tbody> + <tr> + <td colspan="2" class="ol_caption"> + <f:call name="encodeTLCaption"/> + </td> + </tr> + <tr> + <td> + <div id="#{clientId}tlHeaderBox" class="ol_list ol_outputlist"> + <div class="ol_list_header" style="width: #{component.attributes['listWidth']}px;"> + <table id="#{clientId}tlInternal_header_tab" class="ol_internal_header_tab rich-ordering-list-items" cellpadding="0" cellspacing="0"> + <f:call name="encodeTLHeader"/> + </table> + </div> + <div id="#{clientId}tlContentBox" class="ol_list_content" style="width: #{component.attributes['listWidth']}px; height:#{component.attributes['listHeight']}px;"> + <table id="#{clientId}tlInternal_tab" class="ol_internal_tab" cellpadding="0" cellspacing="0"> + <tbody id="#{clientId}tlTbody"> + <f:call name="encodeTLRows" /> + </tbody> + </table> + </div> + </div> + </td> + <td class="ol_center_button_col_valign"> + <div class="ol_button_layout"> + <a id="#{clientId}first" href="#">top</a> + <a id="#{clientId}disfirst" href="#">disTop</a> + <a id="#{clientId}up" href="#">up</a> + <a id="#{clientId}disUp" href="#">disUp</a> + <a id="#{clientId}down" href="#">down</a> + <a id="#{clientId}disDown" href="#">disDown</a> + <a id="#{clientId}last" href="#">bottom</a> + <a id="#{clientId}dislast" href="#">disBottom</a> + </div> + </td> + </tr> + </tbody> + </table> + </div> + </td> + </tr> + </table> </vcp:body> <f:clientId var="cId"/> <script type="text/javascript">