openproject/app/views/queries/_columns.rhtml

<table style="border-collapse: collapse; border:0;">
	<tr>
		<td style="padding-left:0">
                <%= label_tag "available_columns", l(:description_available_columns) %>
                <br \>
                <%= select_tag 'available_columns',
		          options_for_select((query.available_columns - query.columns).collect {|column| [column.caption, column.name]}),
		          :multiple => true, :size => 10, :style => "width:150px" %>
		</td>
		<td class="table-buttons" align="center" valign="middle">
			<input type="button" value="&#8594;"
			 onclick="moveOptions(this.form.available_columns, this.form.selected_columns);"
       title="<%= l(:label_add_columns) %>"/><br />
			<input type="button" value="&#8592;"
			 onclick="moveOptions(this.form.selected_columns, this.form.available_columns);"
       title="<%= l(:label_remove_columns) %>" />
		</td>
		<td>
                <%= label_tag "selected_columns", l(:description_selected_columns) %>
                <br \>
                <%= select_tag 'c[]',
		          options_for_select(query.columns.collect {|column| [column.caption, column.name]}),
		          :id => 'selected_columns', :multiple => true, :size => 10, :style => "width:150px" %>
		</td>
		<td class="table-buttons" align="center" valign="middle">
			<input type="button" value="&#8593;" onclick="moveOptionUp(this.form.selected_columns);"
       title="<%= l(:label_sort_higher) %>" /><br />
			<input type="button" value="&#8595;" onclick="moveOptionDown(this.form.selected_columns);"
       title="<%= l(:label_sort_lower) %>" />
		</td>
	</tr>
</table>

<% content_for :header_tags do %>
<%= javascript_include_tag 'select_list_move' %>
<% end %>