|
|
<table class="query-columns">
|
|
|
<tr>
|
|
|
<td style="padding-left:0">
|
|
|
<%= label_tag "available_columns", l(:description_available_columns) %>
|
|
|
<br />
|
|
|
<%= select_tag 'available_columns',
|
|
|
options_for_select(query_available_inline_columns_options(query)),
|
|
|
:multiple => true, :size => 10, :style => "width:150px",
|
|
|
:ondblclick => "moveOptions(this.form.available_columns, this.form.selected_columns);" %>
|
|
|
</td>
|
|
|
<td class="buttons">
|
|
|
<input type="button" value="→"
|
|
|
onclick="moveOptions(this.form.available_columns, this.form.selected_columns);" /><br />
|
|
|
<input type="button" value="←"
|
|
|
onclick="moveOptions(this.form.selected_columns, this.form.available_columns);" />
|
|
|
</td>
|
|
|
<td>
|
|
|
<%= label_tag "selected_columns", l(:description_selected_columns) %>
|
|
|
<br />
|
|
|
<%= select_tag tag_name,
|
|
|
options_for_select(query_selected_inline_columns_options(query)),
|
|
|
:id => 'selected_columns', :multiple => true, :size => 10, :style => "width:150px",
|
|
|
:ondblclick => "moveOptions(this.form.selected_columns, this.form.available_columns);" %>
|
|
|
</td>
|
|
|
<td class="buttons">
|
|
|
<input type="button" value="⇈" onclick="moveOptionTop(this.form.selected_columns);" /><br />
|
|
|
<input type="button" value="↑" onclick="moveOptionUp(this.form.selected_columns);" /><br />
|
|
|
<input type="button" value="↓" onclick="moveOptionDown(this.form.selected_columns);" /><br />
|
|
|
<input type="button" value="⇊" onclick="moveOptionBottom(this.form.selected_columns);" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
|
|
|
<%= javascript_tag do %>
|
|
|
$(document).ready(function(){
|
|
|
$('.query-columns').closest('form').submit(function(){
|
|
|
$('#selected_columns option').prop('selected', true);
|
|
|
});
|
|
|
});
|
|
|
<% end %>
|
|
|
|
