jro_apps/redmine Commit - r14955:fb6b565a1ec9

Forum list can be reordered with drag and drop (#12909)....

Jean-Philippe Lang -

r14955:fb6b565a1ec9

parent child

Context file:

r14955:fb6b565a1ec9

Collapse all files

app/controllers/boards_controller.rb +11 -2

             # Redmine - project management software
             # Copyright (C) 2006-2016  Jean-Philippe Lang
             #
             # This program is free software; you can redistribute it and/or
             # modify it under the terms of the GNU General Public License
             # as published by the Free Software Foundation; either version 2
             # of the License, or (at your option) any later version.
             #
             # This program is distributed in the hope that it will be useful,
             # but WITHOUT ANY WARRANTY; without even the implied warranty of
             # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
             # GNU General Public License for more details.
             #
             # You should have received a copy of the GNU General Public License
             # along with this program; if not, write to the Free Software
             # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             class BoardsController < ApplicationController
               default_search_scope :messages
               before_filter :find_project_by_project_id, :find_board_if_available, :authorize
               accept_rss_auth :index, :show
               helper :sort
               include SortHelper
               helper :watchers
               def index
                 @boards = @project.boards.preload(:project, :last_message => :author).to_a
                 # show the board if there is only one
                 if @boards.size == 1
                   @board = @boards.first
                   show
                 end
               end
               def show
                 respond_to do |format|
                   format.html {
                     sort_init 'updated_on', 'desc'
                     sort_update 'created_on' => "#{Message.table_name}.created_on",
                                 'replies' => "#{Message.table_name}.replies_count",
                                 'updated_on' => "COALESCE(last_replies_messages.created_on, #{Message.table_name}.created_on)"
                     @topic_count = @board.topics.count
                     @topic_pages = Paginator.new @topic_count, per_page_option, params['page']
                     @topics =  @board.topics.
                       reorder("#{Message.table_name}.sticky DESC").
                       joins("LEFT OUTER JOIN #{Message.table_name} last_replies_messages ON last_replies_messages.id = #{Message.table_name}.last_reply_id").
                       limit(@topic_pages.per_page).
                       offset(@topic_pages.offset).
                       order(sort_clause).
                       preload(:author, {:last_reply => :author}).
                       to_a
                     @message = Message.new(:board => @board)
                     render :action => 'show', :layout => !request.xhr?
                   }
                   format.atom {
                     @messages = @board.messages.
                       reorder('created_on DESC').
                       includes(:author, :board).
                       limit(Setting.feeds_limit.to_i).
                       to_a
                     render_feed(@messages, :title => "#{@project}: #{@board}")
                   }
                 end
               end
               def new
                 @board = @project.boards.build
                 @board.safe_attributes = params[:board]
               end
               def create
                 @board = @project.boards.build
                 @board.safe_attributes = params[:board]
                 if @board.save
                   flash[:notice] = l(:notice_successful_create)
                   redirect_to_settings_in_projects
                 else
                   render :action => 'new'
                 end
               end
               def edit
               end
               def update
                 @board.safe_attributes = params[:board]
                 if @board.save
-                  redirect_to_settings_in_projects
+                  respond_to do |format|
+                    format.html {
+                      flash[:notice] = l(:notice_successful_update)
+                      redirect_to_settings_in_projects
+                    }
+                    format.js { render :nothing => true }
+                  end
                 else
-                  render :action => 'edit'
+                  respond_to do |format|
+                    format.html { render :action => 'edit' }
+                    format.js { render :nothing => true, :status => 422 }
+                  end
                 end
               end
               def destroy
                 @board.destroy
                 redirect_to_settings_in_projects
               end
             private
               def redirect_to_settings_in_projects
                 redirect_to settings_project_path(@project, :tab => 'boards')
               end
               def find_board_if_available
                 @board = @project.boards.find(params[:id]) if params[:id]
               rescue ActiveRecord::RecordNotFound
                 render_404
               end
             end

app/helpers/projects_helper.rb +13 0

             # encoding: utf-8
             #
             # Redmine - project management software
             # Copyright (C) 2006-2016  Jean-Philippe Lang
             #
             # This program is free software; you can redistribute it and/or
             # modify it under the terms of the GNU General Public License
             # as published by the Free Software Foundation; either version 2
             # of the License, or (at your option) any later version.
             #
             # This program is distributed in the hope that it will be useful,
             # but WITHOUT ANY WARRANTY; without even the implied warranty of
             # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
             # GNU General Public License for more details.
             #
             # You should have received a copy of the GNU General Public License
             # along with this program; if not, write to the Free Software
             # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             module ProjectsHelper
               def project_settings_tabs
                 tabs = [{:name => 'info', :action => :edit_project, :partial => 'projects/edit', :label => :label_information_plural},
                         {:name => 'modules', :action => :select_project_modules, :partial => 'projects/settings/modules', :label => :label_module_plural},
                         {:name => 'members', :action => :manage_members, :partial => 'projects/settings/members', :label => :label_member_plural},
                         {:name => 'versions', :action => :manage_versions, :partial => 'projects/settings/versions', :label => :label_version_plural},
                         {:name => 'categories', :action => :manage_categories, :partial => 'projects/settings/issue_categories', :label => :label_issue_category_plural},
                         {:name => 'wiki', :action => :manage_wiki, :partial => 'projects/settings/wiki', :label => :label_wiki},
                         {:name => 'repositories', :action => :manage_repository, :partial => 'projects/settings/repositories', :label => :label_repository_plural},
                         {:name => 'boards', :action => :manage_boards, :partial => 'projects/settings/boards', :label => :label_board_plural},
                         {:name => 'activities', :action => :manage_project_activities, :partial => 'projects/settings/activities', :label => :enumeration_activities}
                         ]
                 tabs.select {|tab| User.current.allowed_to?(tab[:action], @project)}
               end
               def parent_project_select_tag(project)
                 selected = project.parent
                 # retrieve the requested parent project
                 parent_id = (params[:project] && params[:project][:parent_id]) || params[:parent_id]
                 if parent_id
                   selected = (parent_id.blank? ? nil : Project.find(parent_id))
                 end
                 options = ''
                 options << "<option value=''>&nbsp;</option>" if project.allowed_parents.include?(nil)
                 options << project_tree_options_for_select(project.allowed_parents.compact, :selected => selected)
                 content_tag('select', options.html_safe, :name => 'project[parent_id]', :id => 'project_parent_id')
               end
               def render_project_action_links
                 links = []
                 if User.current.allowed_to?(:add_project, nil, :global => true)
                   links << link_to(l(:label_project_new), new_project_path, :class => 'icon icon-add')
                 end
                 if User.current.allowed_to?(:view_issues, nil, :global => true)
                   links << link_to(l(:label_issue_view_all), issues_path)
                 end
                 if User.current.allowed_to?(:view_time_entries, nil, :global => true)
                   links << link_to(l(:label_overall_spent_time), time_entries_path)
                 end
                 links << link_to(l(:label_overall_activity), activity_path)
                 links.join(" | ").html_safe
               end
               # Renders the projects index
               def render_project_hierarchy(projects)
                 render_project_nested_lists(projects) do |project|
                   s = link_to_project(project, {}, :class => "#{project.css_classes} #{User.current.member_of?(project) ? 'my-project' : nil}")
                   if project.description.present?
                     s << content_tag('div', textilizable(project.short_description, :project => project), :class => 'wiki description')
                   end
                   s
                 end
               end
               # Returns a set of options for a select field, grouped by project.
               def version_options_for_select(versions, selected=nil)
                 grouped = Hash.new {|h,k| h[k] = []}
                 versions.each do |version|
                   grouped[version.project.name] << [version.name, version.id]
                 end
                 selected = selected.is_a?(Version) ? selected.id : selected
                 if grouped.keys.size > 1
                   grouped_options_for_select(grouped, selected)
                 else
                   options_for_select((grouped.values.first || []), selected)
                 end
               end
               def project_default_version_options(project)
                 versions = project.shared_versions.open.to_a
                 if project.default_version && !versions.include?(project.default_version)
                   versions << project.default_version
                 end
                 version_options_for_select(versions, project.default_version)
               end
               def format_version_sharing(sharing)
                 sharing = 'none' unless Version::VERSION_SHARINGS.include?(sharing)
                 l("label_version_sharing_#{sharing}")
               end
+              def render_boards_tree(boards, parent=nil, level=0, &block)
+                selection = boards.select {|b| b.parent == parent}
+                return '' if selection.empty?
+                s = ''.html_safe
+                selection.each do |board|
+                  node = capture(board, level, &block)
+                  node << render_boards_tree(boards, board, level+1, &block)
+                  s << content_tag('div', node)
+                end
+                content_tag('div', s, :class => 'sort-level')
+              end
               def render_api_includes(project, api)
                 api.array :trackers do
                   project.trackers.each do |tracker|
                     api.tracker(:id => tracker.id, :name => tracker.name)
                   end
                 end if include_in_api_response?('trackers')
                 api.array :issue_categories do
                   project.issue_categories.each do |category|
                     api.issue_category(:id => category.id, :name => category.name)
                   end
                 end if include_in_api_response?('issue_categories')
                 api.array :enabled_modules do
                   project.enabled_modules.each do |enabled_module|
                     api.enabled_module(:id => enabled_module.id, :name => enabled_module.name)
                   end
                 end if include_in_api_response?('enabled_modules')
               end
             end

app/helpers/routes_helper.rb +4 0

             # encoding: utf-8
             #
             # Redmine - project management software
             # Copyright (C) 2006-2016  Jean-Philippe Lang
             #
             # This program is free software; you can redistribute it and/or
             # modify it under the terms of the GNU General Public License
             # as published by the Free Software Foundation; either version 2
             # of the License, or (at your option) any later version.
             #
             # This program is distributed in the hope that it will be useful,
             # but WITHOUT ANY WARRANTY; without even the implied warranty of
             # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
             # GNU General Public License for more details.
             #
             # You should have received a copy of the GNU General Public License
             # along with this program; if not, write to the Free Software
             # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             module RoutesHelper
               # Returns the path to project issues or to the cross-project
               # issue list if project is nil
               def _project_issues_path(project, *args)
                 if project
                   project_issues_path(project, *args)
                 else
                   issues_path(*args)
                 end
               end
               def _project_calendar_path(project, *args)
                 project ? project_calendar_path(project, *args) : issues_calendar_path(*args)
               end
               def _project_gantt_path(project, *args)
                 project ? project_gantt_path(project, *args) : issues_gantt_path(*args)
               end
               def _time_entries_path(project, issue, *args)
                 if issue
                   issue_time_entries_path(issue, *args)
                 elsif project
                   project_time_entries_path(project, *args)
                 else
                   time_entries_path(*args)
                 end
               end
               def _report_time_entries_path(project, issue, *args)
                 if issue
                   report_issue_time_entries_path(issue, *args)
                 elsif project
                   report_project_time_entries_path(project, *args)
                 else
                   report_time_entries_path(*args)
                 end
               end
               def _new_time_entry_path(project, issue, *args)
                 if issue
                   new_issue_time_entry_path(issue, *args)
                 elsif project
                   new_project_time_entry_path(project, *args)
                 else
                   new_time_entry_path(*args)
                 end
               end
+              def board_path(board, *args)
+                project_board_path(board.project, board, *args)
+              end
             end

app/models/board.rb +1 -1

             # Redmine - project management software
             # Copyright (C) 2006-2016  Jean-Philippe Lang
             #
             # This program is free software; you can redistribute it and/or
             # modify it under the terms of the GNU General Public License
             # as published by the Free Software Foundation; either version 2
             # of the License, or (at your option) any later version.
             #
             # This program is distributed in the hope that it will be useful,
             # but WITHOUT ANY WARRANTY; without even the implied warranty of
             # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
             # GNU General Public License for more details.
             #
             # You should have received a copy of the GNU General Public License
             # along with this program; if not, write to the Free Software
             # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             class Board < ActiveRecord::Base
               include Redmine::SafeAttributes
               belongs_to :project
               has_many :messages, lambda {order("#{Message.table_name}.created_on DESC")}, :dependent => :destroy
               belongs_to :last_message, :class_name => 'Message'
               acts_as_tree :dependent => :nullify
               acts_as_positioned :scope => [:project_id, :parent_id]
               acts_as_watchable
               validates_presence_of :name, :description
               validates_length_of :name, :maximum => 30
               validates_length_of :description, :maximum => 255
               validate :validate_board
               attr_protected :id
               scope :visible, lambda {|*args|
                 joins(:project).
                 where(Project.allowed_to_condition(args.shift || User.current, :view_messages, *args))
               }
-              safe_attributes 'name', 'description', 'parent_id', 'move_to'
+              safe_attributes 'name', 'description', 'parent_id', 'position'
               def visible?(user=User.current)
                 !user.nil? && user.allowed_to?(:view_messages, project)
               end
               def reload(*args)
                 @valid_parents = nil
                 super
               end
               def to_s
                 name
               end
               # Returns a scope for the board topics (messages without parent)
               def topics
                 messages.where(:parent_id => nil)
               end
               def valid_parents
                 @valid_parents ||= project.boards - self_and_descendants
               end
               def reset_counters!
                 self.class.reset_counters!(id)
               end
               # Updates topics_count, messages_count and last_message_id attributes for +board_id+
               def self.reset_counters!(board_id)
                 board_id = board_id.to_i
                 Board.where(:id => board_id).
                   update_all(["topics_count = (SELECT COUNT(*) FROM #{Message.table_name} WHERE board_id=:id AND parent_id IS NULL)," +
                            " messages_count = (SELECT COUNT(*) FROM #{Message.table_name} WHERE board_id=:id)," +
                            " last_message_id = (SELECT MAX(id) FROM #{Message.table_name} WHERE board_id=:id)", :id => board_id])
               end
               def self.board_tree(boards, parent_id=nil, level=0)
                 tree = []
                 boards.select {|board| board.parent_id == parent_id}.sort_by(&:position).each do |board|
                   tree << [board, level]
                   tree += board_tree(boards, board.id, level+1)
                 end
                 if block_given?
                   tree.each do |board, level|
                     yield board, level
                   end
                 end
                 tree
               end
               protected
               def validate_board
                 if parent_id && parent_id_changed?
                   errors.add(:parent_id, :invalid) unless valid_parents.include?(parent)
                 end
               end
             end

app/views/projects/settings/_boards.html.erb +20 -23

@@ -1,36 +1,33
1	<% if @project.boards.any? %>	1	<% if @project.boards.any? %>
2	<table class="list">	2	<div class="table-list boards">
3	<thead><tr>	3	<div class="table-list-header">
4	<th><%= l(:label_board) %></th>	4	<div class="table-list-cell"><%= l(:label_board) %></div>
5	<th><%= l(:field_description) %></th>	5	</div>
6	<th></th>	6	<%= render_boards_tree(@project.boards) do \|board, level\| %>
7	<th></th>	7	<div class="table-list-row <%= cycle 'odd', 'even' %>">
8	</tr></thead>	8	<div class="table-list-cell name" style="padding-left: <%= 2 + level * 16 %>px">
9	<tbody>	9	<%= link_to board.name, project_board_path(@project, board) %>
10	<% Board.board_tree(@project.boards) do \|board, level\|	10	</div>
11	next if board.new_record? %>	11	<div class="table-list-cell description"><%= board.description %></div>
12	<tr class="<%= cycle 'odd', 'even' %>">	12	<div class="table-list-cell buttons">
13	<td class="name" style="padding-left: <%= level * 18 %>px;"><%= link_to board.name, project_board_path(@project, board) %></td>
14	<td class="description"><%= board.description %></td>
15	<td class="reorder">
16	<% if authorize_for("boards", "edit") %>
17	<%= reorder_links('board', {:controller => 'boards', :action => 'update', :project_id => @project, :id => board}, :put) %>
18	<% end %>
19	</td>
20	<td class="buttons">
21	<% if User.current.allowed_to?(:manage_boards, @project) %>	13	<% if User.current.allowed_to?(:manage_boards, @project) %>
		14	<%= reorder_handle(board) %>
22	<%= link_to l(:button_edit), edit_project_board_path(@project, board), :class => 'icon icon-edit' %>	15	<%= link_to l(:button_edit), edit_project_board_path(@project, board), :class => 'icon icon-edit' %>
23	<%= delete_link project_board_path(@project, board) %>	16	<%= delete_link project_board_path(@project, board) %>
24	<% end %>	17	<% end %>
25	</td>	18	</div>
26	</tr>	19	</div>
		20	<% end %>
		21	</div>
		22
		23	<%= javascript_tag do %>
		24	$(function() { $("div.sort-level").positionedItems(); });
27	<% end %>	25	<% end %>
28	</tbody>	26
29	</table>
30	<% else %>	27	<% else %>
31	<p class="nodata"><%= l(:label_no_data) %></p>	28	<p class="nodata"><%= l(:label_no_data) %></p>
32	<% end %>	29	<% end %>
33		30
34	<% if User.current.allowed_to?(:manage_boards, @project) %>	31	<% if User.current.allowed_to?(:manage_boards, @project) %>
35	<p><%= link_to l(:label_board_new), new_project_board_path(@project), :class => 'icon icon-add' %></p>	32	<p><%= link_to l(:label_board_new), new_project_board_path(@project), :class => 'icon icon-add' %></p>
36	<% end %>	33	<% end %>

public/javascripts/application.js +1 -1

             /* Redmine - project management software
                Copyright (C) 2006-2016  Jean-Philippe Lang */
             function checkAll(id, checked) {
               $('#'+id).find('input[type=checkbox]:enabled').prop('checked', checked);
             }
             function toggleCheckboxesBySelector(selector) {
               var all_checked = true;
               $(selector).each(function(index) {
                 if (!$(this).is(':checked')) { all_checked = false; }
               });
               $(selector).prop('checked', !all_checked);
             }
             function showAndScrollTo(id, focus) {
               $('#'+id).show();
               if (focus !== null) {
                 $('#'+focus).focus();
               }
               $('html, body').animate({scrollTop: $('#'+id).offset().top}, 100);
             }
             function toggleRowGroup(el) {
               var tr = $(el).parents('tr').first();
               var n = tr.next();
               tr.toggleClass('open');
               while (n.length && !n.hasClass('group')) {
                 n.toggle();
                 n = n.next('tr');
               }
             }
             function collapseAllRowGroups(el) {
               var tbody = $(el).parents('tbody').first();
               tbody.children('tr').each(function(index) {
                 if ($(this).hasClass('group')) {
                   $(this).removeClass('open');
                 } else {
                   $(this).hide();
                 }
               });
             }
             function expandAllRowGroups(el) {
               var tbody = $(el).parents('tbody').first();
               tbody.children('tr').each(function(index) {
                 if ($(this).hasClass('group')) {
                   $(this).addClass('open');
                 } else {
                   $(this).show();
                 }
               });
             }
             function toggleAllRowGroups(el) {
               var tr = $(el).parents('tr').first();
               if (tr.hasClass('open')) {
                 collapseAllRowGroups(el);
               } else {
                 expandAllRowGroups(el);
               }
             }
             function toggleFieldset(el) {
               var fieldset = $(el).parents('fieldset').first();
               fieldset.toggleClass('collapsed');
               fieldset.children('div').toggle();
             }
             function hideFieldset(el) {
               var fieldset = $(el).parents('fieldset').first();
               fieldset.toggleClass('collapsed');
               fieldset.children('div').hide();
             }
             // columns selection
             function moveOptions(theSelFrom, theSelTo) {
               $(theSelFrom).find('option:selected').detach().prop("selected", false).appendTo($(theSelTo));
             }
             function moveOptionUp(theSel) {
               $(theSel).find('option:selected').each(function(){
                 $(this).prev(':not(:selected)').detach().insertAfter($(this));
               });
             }
             function moveOptionTop(theSel) {
               $(theSel).find('option:selected').detach().prependTo($(theSel));
             }
             function moveOptionDown(theSel) {
               $($(theSel).find('option:selected').get().reverse()).each(function(){
                 $(this).next(':not(:selected)').detach().insertBefore($(this));
               });
             }
             function moveOptionBottom(theSel) {
               $(theSel).find('option:selected').detach().appendTo($(theSel));
             }
             function initFilters() {
               $('#add_filter_select').change(function() {
                 addFilter($(this).val(), '', []);
               });
               $('#filters-table td.field input[type=checkbox]').each(function() {
                 toggleFilter($(this).val());
               });
               $('#filters-table').on('click', 'td.field input[type=checkbox]', function() {
                 toggleFilter($(this).val());
               });
               $('#filters-table').on('click', '.toggle-multiselect', function() {
                 toggleMultiSelect($(this).siblings('select'));
               });
               $('#filters-table').on('keypress', 'input[type=text]', function(e) {
                 if (e.keyCode == 13) $(this).closest('form').submit();
               });
             }
             function addFilter(field, operator, values) {
               var fieldId = field.replace('.', '_');
               var tr = $('#tr_'+fieldId);
               if (tr.length > 0) {
                 tr.show();
               } else {
                 buildFilterRow(field, operator, values);
               }
               $('#cb_'+fieldId).prop('checked', true);
               toggleFilter(field);
               $('#add_filter_select').val('').find('option').each(function() {
                 if ($(this).attr('value') == field) {
                   $(this).attr('disabled', true);
                 }
               });
             }
             function buildFilterRow(field, operator, values) {
               var fieldId = field.replace('.', '_');
               var filterTable = $("#filters-table");
               var filterOptions = availableFilters[field];
               if (!filterOptions) return;
               var operators = operatorByType[filterOptions['type']];
               var filterValues = filterOptions['values'];
               var i, select;
               var tr = $('<tr class="filter">').attr('id', 'tr_'+fieldId).html(
                 '<td class="field"><input checked="checked" id="cb_'+fieldId+'" name="f[]" value="'+field+'" type="checkbox"><label for="cb_'+fieldId+'"> '+filterOptions['name']+'</label></td>' +
                 '<td class="operator"><select id="operators_'+fieldId+'" name="op['+field+']"></td>' +
                 '<td class="values"></td>'
               );
               filterTable.append(tr);
               select = tr.find('td.operator select');
               for (i = 0; i < operators.length; i++) {
                 var option = $('<option>').val(operators[i]).text(operatorLabels[operators[i]]);
                 if (operators[i] == operator) { option.attr('selected', true); }
                 select.append(option);
               }
               select.change(function(){ toggleOperator(field); });
               switch (filterOptions['type']) {
               case "list":
               case "list_optional":
               case "list_status":
               case "list_subprojects":
                 tr.find('td.values').append(
                   '<span style="display:none;"><select class="value" id="values_'+fieldId+'_1" name="v['+field+'][]"></select>' +
                   ' <span class="toggle-multiselect">&nbsp;</span></span>'
                 );
                 select = tr.find('td.values select');
                 if (values.length > 1) { select.attr('multiple', true); }
                 for (i = 0; i < filterValues.length; i++) {
                   var filterValue = filterValues[i];
                   var option = $('<option>');
                   if ($.isArray(filterValue)) {
                     option.val(filterValue[1]).text(filterValue[0]);
                     if ($.inArray(filterValue[1], values) > -1) {option.attr('selected', true);}
                   } else {
                     option.val(filterValue).text(filterValue);
                     if ($.inArray(filterValue, values) > -1) {option.attr('selected', true);}
                   }
                   select.append(option);
                 }
                 break;
               case "date":
               case "date_past":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="10" class="value date_value" /></span>' +
                   ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="10" class="value date_value" /></span>' +
                   ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="3" class="value" /> '+labelDayPlural+'</span>'
                 );
                 $('#values_'+fieldId+'_1').val(values[0]).datepicker(datepickerOptions);
                 $('#values_'+fieldId+'_2').val(values[1]).datepicker(datepickerOptions);
                 $('#values_'+fieldId).val(values[0]);
                 break;
               case "string":
               case "text":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="30" class="value" /></span>'
                 );
                 $('#values_'+fieldId).val(values[0]);
                 break;
               case "relation":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="6" class="value" /></span>' +
                   '<span style="display:none;"><select class="value" name="v['+field+'][]" id="values_'+fieldId+'_1"></select></span>'
                 );
                 $('#values_'+fieldId).val(values[0]);
                 select = tr.find('td.values select');
                 for (i = 0; i < allProjects.length; i++) {
                   var filterValue = allProjects[i];
                   var option = $('<option>');
                   option.val(filterValue[1]).text(filterValue[0]);
                   if (values[0] == filterValue[1]) { option.attr('selected', true); }
                   select.append(option);
                 }
                 break;
               case "integer":
               case "float":
               case "tree":
                 tr.find('td.values').append(
                   '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="6" class="value" /></span>' +
                   ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="6" class="value" /></span>'
                 );
                 $('#values_'+fieldId+'_1').val(values[0]);
                 $('#values_'+fieldId+'_2').val(values[1]);
                 break;
               }
             }
             function toggleFilter(field) {
               var fieldId = field.replace('.', '_');
               if ($('#cb_' + fieldId).is(':checked')) {
                 $("#operators_" + fieldId).show().removeAttr('disabled');
                 toggleOperator(field);
               } else {
                 $("#operators_" + fieldId).hide().attr('disabled', true);
                 enableValues(field, []);
               }
             }
             function enableValues(field, indexes) {
               var fieldId = field.replace('.', '_');
               $('#tr_'+fieldId+' td.values .value').each(function(index) {
                 if ($.inArray(index, indexes) >= 0) {
                   $(this).removeAttr('disabled');
                   $(this).parents('span').first().show();
                 } else {
                   $(this).val('');
                   $(this).attr('disabled', true);
                   $(this).parents('span').first().hide();
                 }
                 if ($(this).hasClass('group')) {
                   $(this).addClass('open');
                 } else {
                   $(this).show();
                 }
               });
             }
             function toggleOperator(field) {
               var fieldId = field.replace('.', '_');
               var operator = $("#operators_" + fieldId);
               switch (operator.val()) {
                 case "!*":
                 case "*":
                 case "t":
                 case "ld":
                 case "w":
                 case "lw":
                 case "l2w":
                 case "m":
                 case "lm":
                 case "y":
                 case "o":
                 case "c":
                 case "*o":
                 case "!o":
                   enableValues(field, []);
                   break;
                 case "><":
                   enableValues(field, [0,1]);
                   break;
                 case "<t+":
                 case ">t+":
                 case "><t+":
                 case "t+":
                 case ">t-":
                 case "<t-":
                 case "><t-":
                 case "t-":
                   enableValues(field, [2]);
                   break;
                 case "=p":
                 case "=!p":
                 case "!p":
                   enableValues(field, [1]);
                   break;
                 default:
                   enableValues(field, [0]);
                   break;
               }
             }
             function toggleMultiSelect(el) {
               if (el.attr('multiple')) {
                 el.removeAttr('multiple');
                 el.attr('size', 1);
               } else {
                 el.attr('multiple', true);
                 if (el.children().length > 10)
                   el.attr('size', 10);
                 else
                   el.attr('size', 4);
               }
             }
             function showTab(name, url) {
               $('#tab-content-' + name).parent().find('.tab-content').hide();
               $('#tab-content-' + name).parent().find('div.tabs a').removeClass('selected');
               $('#tab-content-' + name).show();
               $('#tab-' + name).addClass('selected');
               //replaces current URL with the "href" attribute of the current link
               //(only triggered if supported by browser)
               if ("replaceState" in window.history) {
                 window.history.replaceState(null, document.title, url);
               }
               return false;
             }
             function moveTabRight(el) {
               var lis = $(el).parents('div.tabs').first().find('ul').children();
               var bw = $(el).parents('div.tabs-buttons').outerWidth(true);
               var tabsWidth = 0;
               var i = 0;
               lis.each(function() {
                 if ($(this).is(':visible')) {
                   tabsWidth += $(this).outerWidth(true);
                 }
               });
               if (tabsWidth < $(el).parents('div.tabs').first().width() - bw) { return; }
               $(el).siblings('.tab-left').removeClass('disabled');
               while (i<lis.length && !lis.eq(i).is(':visible')) { i++; }
               var w = lis.eq(i).width();
               lis.eq(i).hide();
               if (tabsWidth - w < $(el).parents('div.tabs').first().width() - bw) {
                 $(el).addClass('disabled');
               }
             }
             function moveTabLeft(el) {
               var lis = $(el).parents('div.tabs').first().find('ul').children();
               var i = 0;
               while (i < lis.length && !lis.eq(i).is(':visible')) { i++; }
               if (i > 0) {
                 lis.eq(i-1).show();
                 $(el).siblings('.tab-right').removeClass('disabled');
               }
               if (i <= 1) {
                 $(el).addClass('disabled');
               }
             }
             function displayTabsButtons() {
               var lis;
               var tabsWidth;
               var el;
               var numHidden;
               $('div.tabs').each(function() {
                 el = $(this);
                 lis = el.find('ul').children();
                 tabsWidth = 0;
                 numHidden = 0;
                 lis.each(function(){
                   if ($(this).is(':visible')) {
                     tabsWidth += $(this).outerWidth(true);
                   } else {
                     numHidden++;
                   }
                 });
                 var bw = $(el).parents('div.tabs-buttons').outerWidth(true);
                 if ((tabsWidth < el.width() - bw) && (lis.first().is(':visible'))) {
                   el.find('div.tabs-buttons').hide();
                 } else {
                   el.find('div.tabs-buttons').show().children('button.tab-left').toggleClass('disabled', numHidden == 0);
                 }
               });
             }
             function setPredecessorFieldsVisibility() {
               var relationType = $('#relation_relation_type');
               if (relationType.val() == "precedes" || relationType.val() == "follows") {
                 $('#predecessor_fields').show();
               } else {
                 $('#predecessor_fields').hide();
               }
             }
             function showModal(id, width, title) {
               var el = $('#'+id).first();
               if (el.length === 0 || el.is(':visible')) {return;}
               if (!title) title = el.find('h3.title').text();
               // moves existing modals behind the transparent background
               $(".modal").zIndex(99);
               el.dialog({
                 width: width,
                 modal: true,
                 resizable: false,
                 dialogClass: 'modal',
                 title: title
               }).on('dialogclose', function(){
                 $(".modal").zIndex(101);
               });
               el.find("input[type=text], input[type=submit]").first().focus();
             }
             function hideModal(el) {
               var modal;
               if (el) {
                 modal = $(el).parents('.ui-dialog-content');
               } else {
                 modal = $('#ajax-modal');
               }
               modal.dialog("close");
             }
             function submitPreview(url, form, target) {
               $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#'+form).serialize(),
                 success: function(data){
                   $('#'+target).html(data);
                 }
               });
             }
             function collapseScmEntry(id) {
               $('.'+id).each(function() {
                 if ($(this).hasClass('open')) {
                   collapseScmEntry($(this).attr('id'));
                 }
                 $(this).hide();
               });
               $('#'+id).removeClass('open');
             }
             function expandScmEntry(id) {
               $('.'+id).each(function() {
                 $(this).show();
                 if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {
                   expandScmEntry($(this).attr('id'));
                 }
               });
               $('#'+id).addClass('open');
             }
             function scmEntryClick(id, url) {
                 var el = $('#'+id);
                 if (el.hasClass('open')) {
                     collapseScmEntry(id);
                     el.addClass('collapsed');
                     return false;
                 } else if (el.hasClass('loaded')) {
                     expandScmEntry(id);
                     el.removeClass('collapsed');
                     return false;
                 }
                 if (el.hasClass('loading')) {
                     return false;
                 }
                 el.addClass('loading');
                 $.ajax({
                   url: url,
                   success: function(data) {
                     el.after(data);
                     el.addClass('open').addClass('loaded').removeClass('loading');
                   }
                 });
                 return true;
             }
             function randomKey(size) {
               var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
               var key = '';
               for (var i = 0; i < size; i++) {
                 key += chars.charAt(Math.floor(Math.random() * chars.length));
               }
               return key;
             }
             function updateIssueFrom(url, el) {
               $('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
                 $(this).data('valuebeforeupdate', $(this).val());
               });
               if (el) {
                 $("#form_update_triggered_by").val($(el).attr('id'));
               }
               return $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#issue-form').serialize()
               });
             }
             function replaceIssueFormWith(html){
               var replacement = $(html);
               $('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
                 var object_id = $(this).attr('id');
                 if (object_id && $(this).data('valuebeforeupdate')!=$(this).val()) {
                   replacement.find('#'+object_id).val($(this).val());
                 }
               });
               $('#all_attributes').empty();
               $('#all_attributes').prepend(replacement);
             }
             function updateBulkEditFrom(url) {
               $.ajax({
                 url: url,
                 type: 'post',
                 data: $('#bulk_edit_form').serialize()
               });
             }
             function observeAutocompleteField(fieldId, url, options) {
               $(document).ready(function() {
                 $('#'+fieldId).autocomplete($.extend({
                   source: url,
                   minLength: 2,
                   position: {collision: "flipfit"},
                   search: function(){$('#'+fieldId).addClass('ajax-loading');},
                   response: function(){$('#'+fieldId).removeClass('ajax-loading');}
                 }, options));
                 $('#'+fieldId).addClass('autocomplete');
               });
             }
             function observeSearchfield(fieldId, targetId, url) {
               $('#'+fieldId).each(function() {
                 var $this = $(this);
                 $this.addClass('autocomplete');
                 $this.attr('data-value-was', $this.val());
                 var check = function() {
                   var val = $this.val();
                   if ($this.attr('data-value-was') != val){
                     $this.attr('data-value-was', val);
                     $.ajax({
                       url: url,
                       type: 'get',
                       data: {q: $this.val()},
                       success: function(data){ if(targetId) $('#'+targetId).html(data); },
                       beforeSend: function(){ $this.addClass('ajax-loading'); },
                       complete: function(){ $this.removeClass('ajax-loading'); }
                     });
                   }
                 };
                 var reset = function() {
                   if (timer) {
                     clearInterval(timer);
                     timer = setInterval(check, 300);
                   }
                 };
                 var timer = setInterval(check, 300);
                 $this.bind('keyup click mousemove', reset);
               });
             }
             function beforeShowDatePicker(input, inst) {
               var default_date = null;
               switch ($(input).attr("id")) {
                 case "issue_start_date" :
                   if ($("#issue_due_date").size() > 0) {
                     default_date = $("#issue_due_date").val();
                   }
                   break;
                 case "issue_due_date" :
                   if ($("#issue_start_date").size() > 0) {
                     var start_date = $("#issue_start_date").val();
                     if (start_date != "") {
                       start_date = new Date(Date.parse(start_date));
                       if (start_date > new Date()) {
                         default_date = $("#issue_start_date").val();
                       }
                     }
                   }
                   break;
               }
               $(input).datepicker("option", "defaultDate", default_date);
             }
             (function($){
               $.fn.positionedItems = function(sortableOptions, options){
                 var settings = $.extend({
                   firstPosition: 1
                 }, options );
                 return this.sortable($.extend({
                   handle: ".sort-handle",
                   helper: function(event, ui){
-                    ui.children().each(function(){
+                    ui.children('td').each(function(){
                       $(this).width($(this).width());
                     });
                     return ui;
                   },
                   update: function(event, ui) {
                     var sortable = $(this);
                     var url = ui.item.find(".sort-handle").data("reorder-url");
                     var param = ui.item.find(".sort-handle").data("reorder-param");
                     var data = {};
                     data[param] = {position: ui.item.index() + settings['firstPosition']};
                     $.ajax({
                       url: url,
                       type: 'put',
                       dataType: 'script',
                       data: data,
                       success: function(data){
                         sortable.children(":even").removeClass("even").addClass("odd");
                         sortable.children(":odd").removeClass("odd").addClass("even");
                       },
                       error: function(jqXHR, textStatus, errorThrown){
                         alert(jqXHR.status);
                         sortable.sortable("cancel");
                       }
                     });
                   },
                 }, sortableOptions));
               }
             }( jQuery ));
             function initMyPageSortable(list, url) {
               $('#list-'+list).sortable({
                 connectWith: '.block-receiver',
                 tolerance: 'pointer',
                 update: function(){
                   $.ajax({
                     url: url,
                     type: 'post',
                     data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})}
                   });
                 }
               });
               $("#list-top, #list-left, #list-right").disableSelection();
             }
             var warnLeavingUnsavedMessage;
             function warnLeavingUnsaved(message) {
               warnLeavingUnsavedMessage = message;
               $(document).on('submit', 'form', function(){
                 $('textarea').removeData('changed');
               });
               $(document).on('change', 'textarea', function(){
                 $(this).data('changed', 'changed');
               });
               window.onbeforeunload = function(){
                 var warn = false;
                 $('textarea').blur().each(function(){
                   if ($(this).data('changed')) {
                     warn = true;
                   }
                 });
                 if (warn) {return warnLeavingUnsavedMessage;}
               };
             }
             function setupAjaxIndicator() {
               $(document).bind('ajaxSend', function(event, xhr, settings) {
                 if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
                   $('#ajax-indicator').show();
                 }
               });
               $(document).bind('ajaxStop', function() {
                 $('#ajax-indicator').hide();
               });
             }
             function setupTabs() {
               if($('.tabs').length > 0) {
                 displayTabsButtons();
                 $(window).resize(displayTabsButtons);
               }
             }
             function hideOnLoad() {
               $('.hol').hide();
             }
             function addFormObserversForDoubleSubmit() {
               $('form[method=post]').each(function() {
                 if (!$(this).hasClass('multiple-submit')) {
                   $(this).submit(function(form_submission) {
                     if ($(form_submission.target).attr('data-submitted')) {
                       form_submission.preventDefault();
                     } else {
                       $(form_submission.target).attr('data-submitted', true);
                     }
                   });
                 }
               });
             }
             function defaultFocus(){
               if (($('#content :focus').length == 0) && (window.location.hash == '')) {
                 $('#content input[type=text], #content textarea').first().focus();
               }
             }
             function blockEventPropagation(event) {
               event.stopPropagation();
               event.preventDefault();
             }
             function toggleDisabledOnChange() {
               var checked = $(this).is(':checked');
               $($(this).data('disables')).attr('disabled', checked);
               $($(this).data('enables')).attr('disabled', !checked);
             }
             function toggleDisabledInit() {
               $('input[data-disables], input[data-enables]').each(toggleDisabledOnChange);
             }
             $(document).ready(function(){
               $('#content').on('change', 'input[data-disables], input[data-enables]', toggleDisabledOnChange);
               toggleDisabledInit();
             });
             function keepAnchorOnSignIn(form){
               var hash = decodeURIComponent(self.document.location.hash);
               if (hash) {
                 if (hash.indexOf("#") === -1) {
                   hash = "#" + hash;
                 }
                 form.action = form.action + hash;
               }
               return true;
             }
             $(document).ready(setupAjaxIndicator);
             $(document).ready(hideOnLoad);
             $(document).ready(addFormObserversForDoubleSubmit);
             $(document).ready(defaultFocus);
             $(document).ready(setupTabs);

public/stylesheets/application.css +9 -5

             html {overflow-y:scroll;}
             body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; }
             h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
             #content h1, h2, h3, h4 {color: #555;}
             h2, .wiki h1 {font-size: 20px;}
             h3, .wiki h2 {font-size: 16px;}
             h4, .wiki h3 {font-size: 13px;}
             h4 {border-bottom: 1px dotted #bbb;}
             pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
             /***** Layout *****/
             #wrapper {background: white;overflow: hidden;}
             #top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
             #top-menu ul {margin: 0;  padding: 0;}
             #top-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
             #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
             #account {float:right;}
             #header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
             #header a {color:#f8f8f8;}
             #header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
             #header h1 .breadcrumbs { display:block; font-size: .6em; font-weight: normal; }
             #quick-search {float:right;}
             #main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px; width: 100%;}
             #main-menu ul {margin: 0;  padding: 0; width: 100%; white-space: nowrap;}
             #main-menu li {
               float:none;
               list-style-type:none;
               margin: 0px 2px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
               display:inline-block;
             }
             #main-menu li a {
               display: block;
               color: #fff;
               text-decoration: none;
               font-weight: bold;
               margin: 0;
               padding: 4px 10px 4px 10px;
             }
             #main-menu li a:hover {background:#759FCF; color:#fff;}
             #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
             #main-menu .tabs-buttons {
               right: 6px;
               background-color: transparent;
               border-bottom-color: transparent;
             }
             #admin-menu ul {margin: 0;  padding: 0;}
             #admin-menu li {margin: 0;  padding: 0 0 6px 0; list-style-type:none;}
             #admin-menu a { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px;}
             #admin-menu a.projects { background-image: url(../images/projects.png); }
             #admin-menu a.users { background-image: url(../images/user.png); }
             #admin-menu a.groups { background-image: url(../images/group.png); }
             #admin-menu a.roles { background-image: url(../images/database_key.png); }
             #admin-menu a.trackers { background-image: url(../images/ticket.png); }
             #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
             #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
             #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
             #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
             #admin-menu a.settings { background-image: url(../images/changeset.png); }
             #admin-menu a.plugins { background-image: url(../images/plugin.png); }
             #admin-menu a.info { background-image: url(../images/help.png); }
             #admin-menu a.server_authentication { background-image: url(../images/server_key.png); }
             #main {background-color:#EEEEEE;}
             #sidebar{ float: right; width: 22%; position: relative; z-index: 9; padding: 0; margin: 0;}
             * html #sidebar{ width: 22%; }
             #sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
             #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
             * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
             #sidebar .contextual { margin-right: 1em; }
             #sidebar ul, ul.flat {margin: 0;  padding: 0;}
             #sidebar ul li, ul.flat li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
             #sidebar div.wiki h3 {font-size:13px; margin-top:0; color:#555;}
             #sidebar div.wiki ul {margin:inherit; padding-left:40px;}
             #sidebar div.wiki ul li {list-style-type:inherit;}
             #content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
             * html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
             html>body #content { min-height: 600px; }
             * html body #content { height: 600px; } /* IE */
             #main.nosidebar #sidebar{ display: none; }
             #main.nosidebar #content{ width: auto; border-right: 0; }
             #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
             #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
             #login-form table td {padding: 6px;}
             #login-form label {font-weight: bold;}
             #login-form input#username, #login-form input#password { width: 300px; }
             div.modal { border-radius:5px; background:#fff; z-index:50; padding:4px;}
             div.modal h3.title {display:none;}
             div.modal p.buttons {text-align:right; margin-bottom:0;}
             div.modal .box p {margin: 0.3em 0;}
             input#openid_url { background: url(../images/openid-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; }
             .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
             .mobile-show {display: none;}
             /***** Links *****/
             a, a:link, a:visited{ color: #169; text-decoration: none; }
             a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
             a img{ border: 0; }
             a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: #999; text-decoration: line-through; }
             a.project.closed, a.project.closed:link, a.project.closed:visited { color: #999; }
             a.user.locked, a.user.locked:link, a.user.locked:visited {color: #999;}
             #sidebar a.selected {line-height:1.7em; padding:1px 3px 2px 2px; margin-left:-2px; background-color:#9DB9D5; color:#fff; border-radius:2px;}
             #sidebar a.selected:hover {text-decoration:none;}
             #admin-menu a {line-height:1.7em;}
             #admin-menu a.selected {padding-left: 20px !important; background-position: 2px 40%;}
             a.collapsible {padding-left: 12px; background: url(../images/arrow_expanded.png) no-repeat -3px 40%;}
             a.collapsible.collapsed {background: url(../images/arrow_collapsed.png) no-repeat -5px 40%;}
             a#toggle-completed-versions {color:#999;}
             a.toggle-checkboxes { margin-left: 5px; padding-left: 12px; background: url(../images/toggle_check.png) no-repeat 0% 50%; }
             /***** Tables *****/
-            table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
+            table.list, .table-list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
-            table.list th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
+            table.list th, .table-list-header { background-color:#EEEEEE; padding: 4px; white-space:nowrap; font-weight:bold; }
             table.list td {text-align:center; vertical-align:top; padding-right:10px;}
             table.list td.id { width: 2%; text-align: center;}
             table.list td.name, table.list td.description, table.list td.subject, table.list td.comments, table.list td.roles {text-align: left;}
             table.list td.tick {width:15%}
             table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
             table.list td.checkbox input {padding:0px;}
-            table.list td.buttons { width: 15%; white-space:nowrap; text-align: right; }
+            table.list td.buttons, div.buttons { width: 15%; white-space:nowrap; text-align: right; }
-            table.list td.buttons a { margin-right: 0.6em; }
+            table.list td.buttons a, div.buttons a { margin-right: 0.6em; }
-            table.list td.buttons img {vertical-align:middle;}
+            table.list td.buttons img, div.buttons img {vertical-align:middle;}
             table.list td.reorder {width:15%; white-space:nowrap; text-align:center; }
             table.list table.progress td {padding-right:0px;}
             table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
+            .table-list-cell {display: table-cell; vertical-align: top; padding:2px; }
             tr.project td.name a { white-space:nowrap; }
             tr.project.closed, tr.project.archived { color: #aaa; }
             tr.project.closed a, tr.project.archived a { color: #aaa; }
             tr.project.idnt td.name span {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
             tr.project.idnt-1 td.name {padding-left: 0.5em;}
             tr.project.idnt-2 td.name {padding-left: 2em;}
             tr.project.idnt-3 td.name {padding-left: 3.5em;}
             tr.project.idnt-4 td.name {padding-left: 5em;}
             tr.project.idnt-5 td.name {padding-left: 6.5em;}
             tr.project.idnt-6 td.name {padding-left: 8em;}
             tr.project.idnt-7 td.name {padding-left: 9.5em;}
             tr.project.idnt-8 td.name {padding-left: 11em;}
             tr.project.idnt-9 td.name {padding-left: 12.5em;}
             tr.issue { text-align: center; white-space: nowrap; }
             tr.issue td.subject, tr.issue td.category, td.assigned_to, tr.issue td.string, tr.issue td.text, tr.issue td.relations, tr.issue td.parent { white-space: normal; }
             tr.issue td.relations { text-align: left; }
             tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
             tr.issue td.relations span {white-space: nowrap;}
             table.issues td.description {color:#777; font-size:90%; padding:4px 4px 4px 24px; text-align:left; white-space:normal;}
             table.issues td.description pre {white-space:normal;}
             tr.issue.idnt td.subject a {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
             tr.issue.idnt-1 td.subject {padding-left: 0.5em;}
             tr.issue.idnt-2 td.subject {padding-left: 2em;}
             tr.issue.idnt-3 td.subject {padding-left: 3.5em;}
             tr.issue.idnt-4 td.subject {padding-left: 5em;}
             tr.issue.idnt-5 td.subject {padding-left: 6.5em;}
             tr.issue.idnt-6 td.subject {padding-left: 8em;}
             tr.issue.idnt-7 td.subject {padding-left: 9.5em;}
             tr.issue.idnt-8 td.subject {padding-left: 11em;}
             tr.issue.idnt-9 td.subject {padding-left: 12.5em;}
             table.issue-report {table-layout:fixed;}
             tr.entry { border: 1px solid #f8f8f8; }
             tr.entry td { white-space: nowrap; }
             tr.entry td.filename {width:30%; text-align:left;}
             tr.entry td.filename_no_report {width:70%; text-align:left;}
             tr.entry td.size { text-align: right; font-size: 90%; }
             tr.entry td.revision, tr.entry td.author { text-align: center; }
             tr.entry td.age { text-align: right; }
             tr.entry.file td.filename a { margin-left: 16px; }
             tr.entry.file td.filename_no_report a { margin-left: 16px; }
             tr span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
             tr.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
             tr.changeset { height: 20px }
             tr.changeset ul, ol { margin-top: 0px; margin-bottom: 0px; }
             tr.changeset td.revision_graph { width: 15%; background-color: #fffffb; }
             tr.changeset td.author { text-align: center; width: 15%; white-space:nowrap;}
             tr.changeset td.committed_on { text-align: center; width: 15%; white-space:nowrap;}
             table.files tbody th {text-align:left;}
             table.files tr.file td.filename { text-align: left; padding-left: 24px; }
             table.files tr.file td.digest { font-size: 80%; }
             table.members td.roles, table.memberships td.roles { width: 45%; }
             tr.message { height: 2.6em; }
             tr.message td.subject { padding-left: 20px; }
             tr.message td.created_on { white-space: nowrap; }
             tr.message td.last_message { font-size: 80%; white-space: nowrap; }
             tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
             tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
             tr.version.closed, tr.version.closed a { color: #999; }
             tr.version td.name { padding-left: 20px; }
             tr.version.shared td.name { background: url(../images/link.png) no-repeat 0% 70%; }
             tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
             tr.user td {width:13%;white-space: nowrap;}
             td.username, td.firstname, td.lastname, td.email {text-align:left !important;}
             tr.user td.email { width:18%; }
             tr.user.locked, tr.user.registered { color: #aaa; }
             tr.user.locked a, tr.user.registered a { color: #aaa; }
             table.permissions td.role {color:#999;font-size:90%;font-weight:normal !important;text-align:center;vertical-align:bottom;}
             tr.wiki-page-version td.updated_on, tr.wiki-page-version td.author {text-align:center;}
             tr.time-entry { text-align: center; white-space: nowrap; }
             tr.time-entry td.issue, tr.time-entry td.comments, tr.time-entry td.subject, tr.time-entry td.activity { text-align: left; white-space: normal; }
             td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
             td.hours .hours-dec { font-size: 0.9em; }
             table.plugins td { vertical-align: middle; }
             table.plugins td.configure { text-align: right; padding-right: 1em; }
             table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
             table.plugins span.description { display: block; font-size: 0.9em; }
             table.plugins span.url { display: block; font-size: 0.9em; }
             tr.group td { padding: 0.8em 0 0.5em 0.3em; border-bottom: 1px solid #ccc; text-align:left; }
             tr.group span.name {font-weight:bold;}
             tr.group span.count {font-weight:bold; position:relative; top:-1px; color:#fff; font-size:10px; background:#9DB9D5; padding:0px 6px 1px 6px; border-radius:3px; margin-left:4px;}
             tr.group span.totals {color: #aaa; font-size: 80%;}
             tr.group span.totals .value {font-weight:bold; color:#777;}
             tr.group a.toggle-all { color: #aaa; font-size: 80%; display:none; float:right; margin-right:4px;}
             tr.group:hover a.toggle-all { display:inline;}
             a.toggle-all:hover {text-decoration:none;}
             table.list tbody tr:hover { background-color:#ffffdd; }
             table.list tbody tr.group:hover { background-color:inherit; }
             table td {padding:2px;}
             table p {margin:0;}
             .odd {background-color:#f6f7f8;}
             .even {background-color: #fff;}
             tr.builtin td.name {font-style:italic;}
             a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
             a.sort.asc  { background-image: url(../images/sort_asc.png); }
             a.sort.desc { background-image: url(../images/sort_desc.png); }
             table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
             table.boards td.last-message {text-align:left;font-size:80%;}
+            div.table-list.boards .table-list-cell.name {width: 30%;}
             table.messages td.last_message {text-align:left;}
             #query_form_content {font-size:90%;}
             .query_sort_criteria_count {
               display: inline-block;
               min-width: 1em;
             }
             table.query-columns {
               border-collapse: collapse;
               border: 0;
             }
             table.query-columns td.buttons {
               vertical-align: middle;
               text-align: center;
             }
             table.query-columns td.buttons input[type=button] {width:35px;}
             .query-totals {text-align:right; margin-top:-2.3em;}
             .query-totals>span {margin-left:0.6em;}
             .query-totals .value {font-weight:bold;}
             td.center {text-align:center;}
             h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }
             div.issues h3 { background: url(../images/ticket.png) no-repeat 0% 50%; padding-left: 20px; }
             div.members h3 { background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; }
             div.news h3 { background: url(../images/news.png) no-repeat 0% 50%; padding-left: 20px; }
             div.projects h3 { background: url(../images/projects.png) no-repeat 0% 50%; padding-left: 20px; }
             #watchers select {width: 95%; display: block;}
             #watchers a.delete {opacity: 0.4; margin-left: 5px;}
             #watchers a.delete:hover {opacity: 1;}
             #watchers img.gravatar {margin: 0 4px 2px 0;}
             span#watchers_inputs {overflow:auto; display:block;}
             span.search_for_watchers {display:block;}
             span.search_for_watchers, span.add_attachment {font-size:80%; line-height:2.5em;}
             span.search_for_watchers a, span.add_attachment a {padding-left:16px; background: url(../images/bullet_add.png) no-repeat 0 50%; }
             .highlight { background-color: #FCFD8D;}
             .highlight.token-1 { background-color: #faa;}
             .highlight.token-2 { background-color: #afa;}
             .highlight.token-3 { background-color: #aaf;}
             .box{
               padding:6px;
               margin-bottom: 10px;
               background-color:#f6f6f6;
               color:#505050;
               line-height:1.5em;
               border: 1px solid #e4e4e4;
               word-wrap: break-word;
               border-radius: 3px;
             }
             .pagination .per-page span.selected {
               font-weight: bold;
             }
             div.square {
               border: 1px solid #999;
               float: left;
               margin: .3em .4em 0 .4em;
               overflow: hidden;
               width: .6em; height: .6em;
             }
             .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
             .contextual input, .contextual select {font-size:0.9em;}
             .message .contextual { margin-top: 0; }
             .splitcontent {overflow:auto;}
             .splitcontentleft{float:left; width:49%;}
             .splitcontentright{float:right; width:49%;}
             form {display: inline;}
             input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
             fieldset {border: 1px solid #e4e4e4; margin:0;}
             legend {color: #333;}
             hr { width: 100%; height: 1px; background: #ccc; border: 0;}
             blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
             blockquote blockquote { margin-left: 0;}
             abbr, span.field-description[title] { border-bottom: 1px dotted #aaa; cursor: help; }
             textarea.wiki-edit {width:99%; resize:vertical;}
             li p {margin-top: 0;}
             div.issue {background:#ffffdd; padding:6px; margin-bottom:6px; border: 1px solid #d7d7d7; border-radius:3px;}
             p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
             p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
             p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
             .ltr {direction:ltr !important; unicode-bidi:bidi-override;}
             .rtl {direction:rtl !important; unicode-bidi:bidi-override;}
             div.issue div.subject div div { padding-left: 16px; }
             div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
             div.issue div.subject>div>p { margin-top: 0.5em; }
             div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
             div.issue span.private, div.journal span.private { position:relative; bottom: 2px; text-transform: uppercase; background: #d22; color: #fff; font-weight:bold; padding: 0px 2px 0px 2px; font-size: 60%; margin-right: 2px; border-radius: 2px;}
             div.issue .next-prev-links {color:#999;}
             div.issue .attributes {margin-top: 2em;}
             div.issue .attribute {padding-left:180px; clear:left; min-height: 1.8em;}
             div.issue .attribute .label {width: 170px; margin-left:-180px; font-weight:bold; float:left;}
             div.issue.overdue .due-date .value { color: #c22; }
             #issue_tree table.issues, #relations table.issues { border: 0; }
             #issue_tree td.checkbox, #relations td.checkbox {display:none;}
             #relations td.buttons {padding:0;}
             fieldset.collapsible {border-width: 1px 0 0 0;}
             fieldset.collapsible>legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
             fieldset.collapsible.collapsed>legend { background-image: url(../images/arrow_collapsed.png); }
             fieldset#date-range p { margin: 2px 0 2px 0; }
             fieldset#filters table { border-collapse: collapse; }
             fieldset#filters table td { padding: 0; vertical-align: middle; }
             fieldset#filters tr.filter { height: 2.1em; }
             fieldset#filters td.field { width:230px; }
             fieldset#filters td.operator { width:180px; }
             fieldset#filters td.operator select {max-width:170px;}
             fieldset#filters td.values { white-space:nowrap; }
             fieldset#filters td.values select {min-width:130px;}
             fieldset#filters td.values input {height:1em;}
             #filters-table {width:60%; float:left;}
             .add-filter {width:35%; float:right; text-align: right; vertical-align: top;}
             #issue_is_private_wrap {float:right; margin-right:1em;}
             .toggle-multiselect {background: url(../images/bullet_toggle_plus.png) no-repeat 0% 40%; padding-left:16px; margin-left:0; margin-right:5px; cursor:pointer;}
             .buttons { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }
             div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
             div#issue-changesets div.changeset { padding: 4px;}
             div#issue-changesets div.changeset { border-bottom: 1px solid #ddd; }
             div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
             .journal ul.details img {margin:0 0 -3px 4px;}
             div.journal {overflow:auto;}
             div.journal.private-notes {border-left:2px solid #d22; padding-left:4px; margin-left:-6px;}
             div.journal ul.details {color:#959595; margin-bottom: 1.5em;}
             div.journal ul.details a {color:#70A7CD;}
             div.journal ul.details a:hover {color:#D14848;}
             div#activity dl, #search-results { margin-left: 2em; }
             div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
             div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
             div#activity dt.me .time { border-bottom: 1px solid #999; }
             div#activity dt .time { color: #777; font-size: 80%; }
             div#activity dd .description, #search-results dd .description { font-style: italic; }
             div#activity span.project:after, #search-results span.project:after { content: " -"; }
             div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
             div#activity dt.grouped {margin-left:5em;}
             div#activity dd.grouped {margin-left:9em;}
             #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
             div#search-results-counts {float:right;}
             div#search-results-counts ul { margin-top: 0.5em; }
             div#search-results-counts  li { list-style-type:none; float: left; margin-left: 1em; }
             dt.issue { background-image: url(../images/ticket.png); }
             dt.issue-edit { background-image: url(../images/ticket_edit.png); }
             dt.issue-closed { background-image: url(../images/ticket_checked.png); }
             dt.issue-note { background-image: url(../images/ticket_note.png); }
             dt.changeset { background-image: url(../images/changeset.png); }
             dt.news { background-image: url(../images/news.png); }
             dt.message { background-image: url(../images/message.png); }
             dt.reply { background-image: url(../images/comments.png); }
             dt.wiki-page { background-image: url(../images/wiki_edit.png); }
             dt.attachment { background-image: url(../images/attachment.png); }
             dt.document { background-image: url(../images/document.png); }
             dt.project { background-image: url(../images/projects.png); }
             dt.time-entry { background-image: url(../images/time.png); }
             #search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
             div#roadmap .related-issues { margin-bottom: 1em; }
             div#roadmap .related-issues td.checkbox { display: none; }
             div#roadmap .wiki h1:first-child { display: none; }
             div#roadmap .wiki h1 { font-size: 120%; }
             div#roadmap .wiki h2 { font-size: 110%; }
             body.controller-versions.action-show div#roadmap .related-issues {width:70%;}
             div#version-summary { float:right; width:28%; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
             div#version-summary fieldset { margin-bottom: 1em; }
             div#version-summary fieldset.time-tracking table { width:100%; }
             div#version-summary th, div#version-summary td.total-hours { text-align: right; }
             table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
             table#time-report tbody tr.subtotal { font-style: italic; color:#777;}
             table#time-report tbody tr.subtotal td.hours { color:#b0b0b0; }
             table#time-report tbody tr.total { font-weight: bold; background-color:#EEEEEE; border-top:1px solid #e4e4e4;}
             table#time-report .hours-dec { font-size: 0.9em; }
             div.wiki-page .contextual a {opacity: 0.4}
             div.wiki-page .contextual a:hover {opacity: 1}
             form .attributes select { width: 60%; }
             form .attributes select + a.icon-only { vertical-align: middle; margin-left: 4px; }
             input#issue_subject, input#document_title { width: 99%; }
             select#issue_done_ratio { width: 95px; }
             ul.projects {margin:0; padding-left:1em;}
             ul.projects ul {padding-left:1.6em;}
             ul.projects.root {margin:0; padding:0;}
             ul.projects li {list-style-type:none;}
             #projects-index ul.projects ul.projects { border-left: 3px solid #e0e0e0; padding-left:1em;}
             #projects-index ul.projects li.root {margin-bottom: 1em;}
             #projects-index ul.projects li.child {margin-top: 1em;}
             #projects-index ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
             .my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
             #notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {max-height:250px; overflow-y:auto;}
             #related-issues li img {vertical-align:middle;}
             ul.properties {padding:0; font-size: 0.9em; color: #777;}
             ul.properties li {list-style-type:none;}
             ul.properties li span {font-style:italic;}
             .total-hours { font-size: 110%; font-weight: bold; }
             .total-hours span.hours-int { font-size: 120%; }
             .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em; position: relative;}
             #user_login, #user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url { width: 90%; }
             #workflow_copy_form select { width: 200px; }
             table.transitions td.enabled {background: #bfb;}
             #workflow_form table select {font-size:90%; max-width:100px;}
             table.fields_permissions td.readonly {background:#ddd;}
             table.fields_permissions td.required {background:#d88;}
             select.expandable {vertical-align:top;}
             textarea#custom_field_possible_values {width: 95%; resize:vertical}
             textarea#custom_field_default_value {width: 95%; resize:vertical}
             .sort-handle {display:inline-block; vertical-align:middle;}
             input#content_comments {width: 99%}
             span.pagination {margin-left:3px; color:#888;}
             .pagination ul.pages {
               margin: 0 5px 0 0;
               padding: 0;
               display: inline;
             }
             .pagination ul.pages li {
               display: inline-block;
               padding: 0;
               border: 1px solid #ccc;
               margin-left: -1px;
               line-height: 2em;
               margin-bottom: 1em;
               white-space: nowrap;
               text-align: center;
             }
             .pagination ul.pages li a,
             .pagination ul.pages li span {
               padding: 3px 8px;
             }
             .pagination ul.pages li:first-child {
               border-top-left-radius: 4px;
               border-bottom-left-radius: 4px;
             }
             .pagination ul.pages li:last-child {
               border-top-right-radius: 4px;
               border-bottom-right-radius: 4px;
             }
             .pagination ul.pages li.current {
               color: white;
               background-color: #628DB6;
               border-color: #628DB6;
             }
             .pagination ul.pages li.page:hover {
               background-color: #EEE;
             }
             .pagination ul.pages li.page a:hover,
             .pagination ul.pages li.page a:active {
               color: inherit;
               text-decoration: inherit;
             }
             span.pagination>span {white-space:nowrap;}
             #search-form fieldset p {margin:0.2em 0;}
             /***** Tabular forms ******/
             .tabular p{
               margin: 0;
               padding: 3px 0 3px 0;
               padding-left: 180px; /* width of left column containing the label elements */
               min-height: 1.8em;
               clear:left;
             }
             html>body .tabular p {overflow:hidden;}
             .tabular input, .tabular select {max-width:95%}
             .tabular textarea {width:95%; resize:vertical;}
             .tabular label{
               font-weight: bold;
               float: left;
               text-align: right;
               /* width of left column */
               margin-left: -180px;
               /* width of labels. Should be smaller than left column to create some right margin */
               width: 175px;
             }
             .tabular label.floating{
               font-weight: normal;
               margin-left: 0px;
               text-align: left;
               width: 270px;
             }
             .tabular label.block{
               font-weight: normal;
               margin-left: 0px !important;
               text-align: left;
               float: none;
               display: block;
               width: auto !important;
             }
             .tabular label.inline{
               font-weight: normal;
               float:none;
               margin-left: 5px !important;
               width: auto;
             }
             label.no-css {
               font-weight: inherit;
               float:none;
               text-align:left;
               margin-left:0px;
               width:auto;
             }
             input#time_entry_comments { width: 90%;}
             #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
             .tabular.settings p{ padding-left: 300px; }
             .tabular.settings label{ margin-left: -300px; width: 295px; }
             .tabular.settings textarea { width: 99%; }
             .settings.enabled_scm table {width:100%}
             .settings.enabled_scm td.scm_name{ font-weight: bold; }
             fieldset.settings label { display: block; }
             fieldset#notified_events .parent { padding-left: 20px; }
             span.required {color: #bb0000;}
             .summary {font-style: italic;}
             .check_box_group {
               display:block;
               width:95%;
               max-height:300px;
               overflow-y:auto;
               padding:2px 4px 4px 2px;
               background:#fff;
               border:1px solid #9EB1C2;
               border-radius:2px
             }
             .check_box_group label {
               font-weight: normal;
               margin-left: 0px !important;
               text-align: left;
               float: none;
               display: block;
               width: auto;
             }
             .check_box_group.bool_cf {border:0; background:inherit;}
             .check_box_group.bool_cf label {display: inline;}
             #attachments_fields input.description {margin-left:4px; width:340px;}
             #attachments_fields span {display:block; white-space:nowrap;}
             #attachments_fields input.filename {border:0; height:1.8em; width:250px; color:#555; background-color:inherit; background:url(../images/attachment.png) no-repeat 1px 50%; padding-left:18px;}
             #attachments_fields .ajax-waiting input.filename {background:url(../images/hourglass.png) no-repeat 0px 50%;}
             #attachments_fields .ajax-loading input.filename {background:url(../images/loading.gif) no-repeat 0px 50%;}
             #attachments_fields div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; }
             a.remove-upload {background: url(../images/delete.png) no-repeat 1px 50%; width:1px; display:inline-block; padding-left:16px;}
             a.remove-upload:hover {text-decoration:none !important;}
             div.fileover { background-color: lavender; }
             div.attachments { margin-top: 12px; }
             div.attachments p { margin:4px 0 2px 0; }
             div.attachments img { vertical-align: middle; }
             div.attachments span.author { font-size: 0.9em; color: #888; }
             div.thumbnails {margin-top:0.6em;}
             div.thumbnails div {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
             div.thumbnails img {margin: 3px; vertical-align: middle;}
             #history div.thumbnails {margin-left: 2em;}
             p.other-formats { text-align: right; font-size:0.9em; color: #666; }
             .other-formats span + span:before { content: "| "; }
             a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
             em.info {font-style:normal;font-size:90%;color:#888;display:block;}
             em.info.error {padding-left:20px; background:url(../images/exclamation.png) no-repeat 0 50%;}
             textarea.text_cf {width:95%; resize:vertical;}
             input.string_cf, input.link_cf {width:95%;}
             select.bool_cf {width:auto !important;}
             #tab-content-modules fieldset p {margin:3px 0 4px 0;}
             #tab-content-users .splitcontentleft {width: 64%;}
             #tab-content-users .splitcontentright {width: 34%;}
             #tab-content-users fieldset {padding:1em; margin-bottom: 1em;}
             #tab-content-users fieldset legend {font-weight: bold;}
             #tab-content-users fieldset label {display: block;}
             #tab-content-users #principals {max-height: 400px; overflow: auto;}
             #users_for_watcher {height: 200px; overflow:auto;}
             #users_for_watcher label {display: block;}
             table.members td.name {padding-left: 20px;}
             table.members td.group, table.members td.groupnonmember, table.members td.groupanonymous {background: url(../images/group.png) no-repeat 0% 1px;}
             input#principal_search, input#user_search {width:90%}
             .roles-selection label {display:inline-block; width:210px;}
             input.autocomplete {
               background: #fff url(../images/magnifier.png) no-repeat 2px 50%; padding-left:20px !important;
               border:1px solid #9EB1C2; border-radius:2px; height:1.5em;
             }
             input.autocomplete.ajax-loading {
               background-image: url(../images/loading.gif);
             }
             .role-visibility {padding-left:2em;}
             .objects-selection {
               height: 300px;
               overflow: auto;
               margin-bottom: 1em;
             }
             .objects-selection label {
               display: block;
             }
             .objects-selection>div {
               column-count: auto;
               column-width: 200px;
               -webkit-column-count: auto;
               -webkit-column-width: 200px;
               -webkit-column-gap : 0.5rem;
               -webkit-column-rule: 1px solid #ccc;
               -moz-column-count: auto;
               -moz-column-width: 200px;
               -moz-column-gap : 0.5rem;
               -moz-column-rule: 1px solid #ccc;
             }
             /***** Flash & error messages ****/
             #errorExplanation, div.flash, .nodata, .warning, .conflict {
               padding: 4px 4px 4px 30px;
               margin-bottom: 12px;
               font-size: 1.1em;
               border: 2px solid;
               border-radius: 3px;
             }
             div.flash {margin-top: 8px;}
             div.flash.error, #errorExplanation {
               background: url(../images/exclamation.png) 8px 50% no-repeat;
               background-color: #ffe3e3;
               border-color: #dd0000;
               color: #880000;
             }
             div.flash.notice {
               background: url(../images/true.png) 8px 5px no-repeat;
               background-color: #dfffdf;
               border-color: #9fcf9f;
               color: #005f00;
             }
             div.flash.warning, .conflict {
               background: url(../images/warning.png) 8px 5px no-repeat;
               background-color: #FFEBC1;
               border-color: #FDBF3B;
               color: #A6750C;
               text-align: left;
             }
             .nodata, .warning {
               text-align: center;
               background-color: #FFEBC1;
               border-color: #FDBF3B;
               color: #A6750C;
             }
             #errorExplanation ul { font-size: 0.9em;}
             #errorExplanation h2, #errorExplanation p { display: none; }
             .conflict-details {font-size:80%;}
             /***** Ajax indicator ******/
             #ajax-indicator {
             position: absolute; /* fixed not supported by IE */
             background-color:#eee;
             border: 1px solid #bbb;
             top:35%;
             left:40%;
             width:20%;
             font-weight:bold;
             text-align:center;
             padding:0.6em;
             z-index:100;
             opacity: 0.5;
             }
             html>body #ajax-indicator { position: fixed; }
             #ajax-indicator span {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             background-image: url(../images/loading.gif);
             padding-left: 26px;
             vertical-align: bottom;
             }
             /***** Calendar *****/
             table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
             table.cal thead th {width: 14%; background-color:#EEEEEE; padding: 4px; }
             table.cal thead th.week-number {width: auto;}
             table.cal tbody tr {height: 100px;}
             table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
             table.cal td.week-number { background-color:#EEEEEE; padding: 4px; border:none; font-size: 1em;}
             table.cal td p.day-num {font-size: 1.1em; text-align:right;}
             table.cal td.odd p.day-num {color: #bbb;}
             table.cal td.today {background:#ffffdd;}
             table.cal td.today p.day-num {font-weight: bold;}
             table.cal .starting a, p.cal.legend .starting {background: url(../images/bullet_go.png) no-repeat -1px -2px; padding-left:16px;}
             table.cal .ending a, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
             table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
             p.cal.legend span {display:block;}
             /***** Tooltips ******/
             .tooltip{position:relative;z-index:24;}
             .tooltip:hover{z-index:25;color:#000;}
             .tooltip span.tip{display: none; text-align:left;}
             div.tooltip:hover span.tip{
             display:block;
             position:absolute;
             top:12px; width:270px;
             border:1px solid #555;
             background-color:#fff;
             padding: 4px;
             font-size: 0.8em;
             color:#505050;
             }
             img.ui-datepicker-trigger {
               cursor: pointer;
               vertical-align: middle;
               margin-left: 4px;
             }
             /***** Progress bar *****/
             table.progress {
               border-collapse: collapse;
               border-spacing: 0pt;
               empty-cells: show;
               text-align: center;
               float:left;
               margin: 1px 6px 1px 0px;
             }
             table.progress {width:80px;}
             table.progress td { height: 1em; }
             table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
             table.progress td.done { background: #D3EDD3 none repeat scroll 0%; }
             table.progress td.todo { background: #eee none repeat scroll 0%; }
             p.percent {font-size: 80%; margin:0;}
             p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
             .version-overview table.progress {width:40em;}
             .version-overview table.progress td { height: 1.2em; }
             /***** Tabs *****/
             #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
             #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
             #content .tabs ul li {
               float:left;
               list-style-type:none;
               white-space:nowrap;
               margin-right:4px;
               background:#fff;
               position:relative;
               margin-bottom:-1px;
             }
             #content .tabs ul li a{
               display:block;
               font-size: 0.9em;
               text-decoration:none;
               line-height:1.3em;
               padding:4px 6px 4px 6px;
               border: 1px solid #ccc;
               border-bottom: 1px solid #bbbbbb;
               background-color: #f6f6f6;
               color:#999;
               font-weight:bold;
               border-top-left-radius:3px;
               border-top-right-radius:3px;
             }
             #content .tabs ul li a:hover {
               background-color: #ffffdd;
               text-decoration:none;
             }
             #content .tabs ul li a.selected {
               background-color: #fff;
               border: 1px solid #bbbbbb;
               border-bottom: 1px solid #fff;
               color:#444;
             }
             #content .tabs ul li a.selected:hover {background-color: #fff;}
             div.tabs-buttons { position:absolute; right: 0; width: 54px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
             button.tab-left, button.tab-right {
               font-size: 0.9em;
               cursor: pointer;
               height:24px;
               border: 1px solid #ccc;
               border-bottom: 1px solid #bbbbbb;
               position:absolute;
               padding:4px;
               width: 20px;
               bottom: -1px;
             }
             button.tab-left:hover, button.tab-right:hover {
               background-color: #f5f5f5;
             }
             button.tab-left:focus, button.tab-right:focus {
               outline: 0;
             }
             button.tab-left {
               right: 20px;
               background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
               border-top-left-radius:3px;
             }
             button.tab-right {
               right: 0;
               background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
               border-top-right-radius:3px;
             }
             button.tab-left.disabled, button.tab-right.disabled {
               background-color: #ccc;
               cursor: unset;
             }
             /***** Diff *****/
             .diff_out { background: #fcc; }
             .diff_out span { background: #faa; }
             .diff_in { background: #cfc; }
             .diff_in span { background: #afa; }
             .text-diff {
               padding: 1em;
               background-color:#f6f6f6;
               color:#505050;
               border: 1px solid #e4e4e4;
             }
             /***** Wiki *****/
             div.wiki table {
               border-collapse: collapse;
               margin-bottom: 1em;
             }
             div.wiki table, div.wiki td, div.wiki th {
               border: 1px solid #bbb;
               padding: 4px;
             }
             div.wiki .noborder, div.wiki .noborder td, div.wiki .noborder th {border:0;}
             div.wiki .external {
               background-position: 0% 60%;
               background-repeat: no-repeat;
               padding-left: 12px;
               background-image: url(../images/external.png);
             }
             div.wiki a {word-wrap: break-word;}
             div.wiki a.new {color: #b73535;}
             div.wiki ul, div.wiki ol {margin-bottom:1em;}
             div.wiki li>ul, div.wiki li>ol {margin-bottom: 0;}
             div.wiki pre {
               margin: 1em 1em 1em 1.6em;
               padding: 8px;
               background-color: #fafafa;
               border: 1px solid #e2e2e2;
               border-radius: 3px;
               width:auto;
               overflow-x: auto;
               overflow-y: hidden;
             }
             div.wiki ul.toc {
               background-color: #ffffdd;
               border: 1px solid #e4e4e4;
               padding: 4px;
               line-height: 1.2em;
               margin-bottom: 12px;
               margin-right: 12px;
               margin-left: 0;
               display: table
             }
             * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
             div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
             div.wiki ul.toc.left  { float: left; margin-right: 12px; margin-left: 0; width: auto; }
             div.wiki ul.toc ul { margin: 0; padding: 0; }
             div.wiki ul.toc li {list-style-type:none; margin: 0; font-size:12px;}
             div.wiki ul.toc li li {margin-left: 1.5em; font-size:10px;}
             div.wiki ul.toc a {
               font-size: 0.9em;
               font-weight: normal;
               text-decoration: none;
               color: #606060;
             }
             div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
             a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
             a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
             h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
             div.wiki img {vertical-align:middle; max-width:100%;}
             /***** My page layout *****/
             .block-receiver {
               border:1px dashed #c0c0c0;
               margin-bottom: 20px;
               padding: 15px 0 15px 0;
             }
             .mypage-box {
               margin:0 0 20px 0;
               color:#505050;
               line-height:1.5em;
             }
             .handle {cursor: move;}
             a.close-icon {
               display:block;
               margin-top:3px;
               overflow:hidden;
               width:12px;
               height:12px;
               background-repeat: no-repeat;
               cursor:pointer;
               background-image:url('../images/close.png');
             }
             a.close-icon:hover {background-image:url('../images/close_hl.png');}
             /***** Gantt chart *****/
             .gantt_hdr {
               position:absolute;
               top:0;
               height:16px;
               border-top: 1px solid #c0c0c0;
               border-bottom: 1px solid #c0c0c0;
               border-right: 1px solid #c0c0c0;
               text-align: center;
               overflow: hidden;
             }
             .gantt_hdr.nwday {background-color:#f1f1f1; color:#999;}
             .gantt_subjects { font-size: 0.8em; }
             .gantt_subjects div { line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
             .task {
               position: absolute;
               height:8px;
               font-size:0.8em;
               color:#888;
               padding:0;
               margin:0;
               line-height:16px;
               white-space:nowrap;
             }
             .task.label {width:100%;}
             .task.label.project, .task.label.version { font-weight: bold; }
             .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
             .task_done { background:#00c600 url(../images/task_done.png); border: 1px solid #00c600; }
             .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
             .task_todo.parent { background: #888; border: 1px solid #888; height: 3px;}
             .task_late.parent, .task_done.parent { height: 3px;}
             .task.parent.marker.starting  { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; left: 0px; top: -1px;}
             .task.parent.marker.ending { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; right: 0px; top: -1px;}
             .version.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
             .version.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
             .version.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
             .version.marker { background-image:url(../images/version_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
             .project.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
             .project.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
             .project.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
             .project.marker { background-image:url(../images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
             .version-behind-schedule a, .issue-behind-schedule a {color: #f66914;}
             .version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
             /***** Icons *****/
             .icon {
               background-position: 0% 50%;
               background-repeat: no-repeat;
               padding-left: 20px;
               padding-top: 2px;
               padding-bottom: 3px;
             }
             .icon-only {
               background-position: 0% 50%;
               background-repeat: no-repeat;
               padding-left: 16px;
             }
             a.icon-only {
               display: inline-block;
               width: 0;
               height: 16px;
               overflow: hidden;
               padding-top: 0;
               padding-bottom: 0;
               font-size: 8px;
               vertical-align: text-bottom;
             }
             a.icon-only::after {
               content: "&nbsp;";
             }
             .icon-add { background-image: url(../images/add.png); }
             .icon-edit { background-image: url(../images/edit.png); }
             .icon-copy { background-image: url(../images/copy.png); }
             .icon-duplicate { background-image: url(../images/duplicate.png); }
             .icon-del { background-image: url(../images/delete.png); }
             .icon-move { background-image: url(../images/move.png); }
             .icon-save { background-image: url(../images/save.png); }
             .icon-cancel { background-image: url(../images/cancel.png); }
             .icon-multiple { background-image: url(../images/table_multiple.png); }
             .icon-folder { background-image: url(../images/folder.png); }
             .open .icon-folder { background-image: url(../images/folder_open.png); }
             .icon-package { background-image: url(../images/package.png); }
             .icon-user { background-image: url(../images/user.png); }
             .icon-projects { background-image: url(../images/projects.png); }
             .icon-help { background-image: url(../images/help.png); }
             .icon-attachment  { background-image: url(../images/attachment.png); }
             .icon-history  { background-image: url(../images/history.png); }
             .icon-time  { background-image: url(../images/time.png); }
             .icon-time-add  { background-image: url(../images/time_add.png); }
             .icon-stats  { background-image: url(../images/stats.png); }
             .icon-warning  { background-image: url(../images/warning.png); }
             .icon-error { background-image: url(../images/exclamation.png); }
             .icon-fav  { background-image: url(../images/fav.png); }
             .icon-fav-off  { background-image: url(../images/fav_off.png); }
             .icon-reload  { background-image: url(../images/reload.png); }
             .icon-lock  { background-image: url(../images/locked.png); }
             .icon-unlock  { background-image: url(../images/unlock.png); }
             .icon-checked  { background-image: url(../images/toggle_check.png); }
             .icon-details  { background-image: url(../images/zoom_in.png); }
             .icon-report  { background-image: url(../images/report.png); }
             .icon-comment  { background-image: url(../images/comment.png); }
             .icon-summary  { background-image: url(../images/lightning.png); }
             .icon-server-authentication { background-image: url(../images/server_key.png); }
             .icon-issue { background-image: url(../images/ticket.png); }
             .icon-zoom-in { background-image: url(../images/zoom_in.png); }
             .icon-zoom-out { background-image: url(../images/zoom_out.png); }
             .icon-magnifier { background-image: url(../images/magnifier.png); }
             .icon-passwd { background-image: url(../images/textfield_key.png); }
             .icon-test { background-image: url(../images/bullet_go.png); }
             .icon-email { background-image: url(../images/email.png); }
             .icon-email-disabled { background-image: url(../images/email_disabled.png); }
             .icon-email-add { background-image: url(../images/email_add.png); }
             .icon-move-up { background-image: url(../images/1uparrow.png); }
             .icon-move-top { background-image: url(../images/2uparrow.png); }
             .icon-move-down { background-image: url(../images/1downarrow.png); }
             .icon-move-bottom { background-image: url(../images/2downarrow.png); }
             .icon-ok { background-image: url(../images/true.png); }
             .icon-not-ok { background-image: url(../images/false.png); }
             .icon-link-break { background-image: url(../images/link_break.png); }
             .icon-file { background-image: url(../images/files/default.png); }
             .icon-file.text-plain { background-image: url(../images/files/text.png); }
             .icon-file.text-x-c { background-image: url(../images/files/c.png); }
             .icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
             .icon-file.text-x-java { background-image: url(../images/files/java.png); }
             .icon-file.text-x-javascript { background-image: url(../images/files/js.png); }
             .icon-file.text-x-php { background-image: url(../images/files/php.png); }
             .icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
             .icon-file.text-xml { background-image: url(../images/files/xml.png); }
             .icon-file.text-css { background-image: url(../images/files/css.png); }
             .icon-file.text-html { background-image: url(../images/files/html.png); }
             .icon-file.image-gif { background-image: url(../images/files/image.png); }
             .icon-file.image-jpeg { background-image: url(../images/files/image.png); }
             .icon-file.image-png { background-image: url(../images/files/image.png); }
             .icon-file.image-tiff { background-image: url(../images/files/image.png); }
             .icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
             .icon-file.application-zip { background-image: url(../images/files/zip.png); }
             .icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
             .contextual>.icon:not(:first-child), .buttons>.icon:not(:first-child) { margin-left: 5px; }
             img.gravatar {
               padding: 2px;
               border: solid 1px #d5d5d5;
               background: #fff;
               vertical-align: middle;
             }
             div.issue img.gravatar {
               float: left;
               margin: 0 6px 0 0;
               padding: 5px;
             }
             div.issue .attributes img.gravatar {
               height: 14px;
               width: 14px;
               padding: 2px;
               float: left;
               margin: 0 0.5em 0 0;
             }
             h2 img.gravatar {margin: -2px 4px -4px 0;}
             h3 img.gravatar {margin: -4px 4px -4px 0;}
             h4 img.gravatar {margin: -6px 4px -4px 0;}
             td.username img.gravatar {margin: 0 0.5em 0 0; vertical-align: top;}
             #activity dt img.gravatar {float: left; margin: 0 1em 1em 0;}
             /* Used on 12px Gravatar img tags without the icon background */
             .icon-gravatar {float: left; margin-right: 4px;}
             #activity dt, .journal {clear: left;}
             .journal-link {float: right;}
             h2 img { vertical-align:middle; }
             .hascontextmenu { cursor: context-menu; }
             .sample-data {border:1px solid #ccc; border-collapse:collapse; background-color:#fff; margin:0.5em;}
             .sample-data td {border:1px solid #ccc; padding: 2px 4px; font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
             .sample-data tr:first-child td {font-weight:bold; text-align:center;}
             .ui-progressbar {position: relative;}
             #progress-label {
             position: absolute; left: 50%; top: 4px;
             font-weight: bold;
             color: #555; text-shadow: 1px 1px 0 #fff;
             }
             /* Custom JQuery styles */
             .ui-datepicker-title select {width:70px !important; margin-top:-2px !important; margin-right:4px !important;}
             /************* CodeRay styles *************/
             .syntaxhl div {display: inline;}
             .syntaxhl .code pre { overflow: auto }
             .syntaxhl .annotation { color:#007 }
             .syntaxhl .attribute-name { color:#b48 }
             .syntaxhl .attribute-value { color:#700 }
             .syntaxhl .binary { color:#549 }
             .syntaxhl .binary .char { color:#325 }
             .syntaxhl .binary .delimiter { color:#325 }
             .syntaxhl .char { color:#D20 }
             .syntaxhl .char .content { color:#D20 }
             .syntaxhl .char .delimiter { color:#710 }
             .syntaxhl .class { color:#258; font-weight:bold }
             .syntaxhl .class-variable { color:#369 }
             .syntaxhl .color { color:#0A0 }
             .syntaxhl .comment { color:#385 }
             .syntaxhl .comment .char { color:#385 }
             .syntaxhl .comment .delimiter { color:#385 }
             .syntaxhl .constant { color:#258; font-weight:bold }
             .syntaxhl .decorator { color:#B0B }
             .syntaxhl .definition { color:#099; font-weight:bold }
             .syntaxhl .delimiter { color:black }
             .syntaxhl .directive { color:#088; font-weight:bold }
             .syntaxhl .docstring { color:#D42; }
             .syntaxhl .doctype { color:#34b }
             .syntaxhl .done { text-decoration: line-through; color: gray }
             .syntaxhl .entity { color:#800; font-weight:bold }
             .syntaxhl .error { color:#F00; background-color:#FAA }
             .syntaxhl .escape  { color:#666 }
             .syntaxhl .exception { color:#C00; font-weight:bold }
             .syntaxhl .float { color:#06D }
             .syntaxhl .function { color:#06B; font-weight:bold }
             .syntaxhl .function .delimiter { color:#024; font-weight:bold }
             .syntaxhl .global-variable { color:#d70 }
             .syntaxhl .hex { color:#02b }
             .syntaxhl .id { color:#33D; font-weight:bold }
             .syntaxhl .include { color:#B44; font-weight:bold }
             .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
             .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
             .syntaxhl .instance-variable { color:#33B }
             .syntaxhl .integer  { color:#06D }
             .syntaxhl .imaginary { color:#f00 }
             .syntaxhl .important { color:#D00 }
             .syntaxhl .key { color: #606 }
             .syntaxhl .key .char { color: #60f }
             .syntaxhl .key .delimiter { color: #404 }
             .syntaxhl .keyword { color:#939; font-weight:bold }
             .syntaxhl .label { color:#970; font-weight:bold }
             .syntaxhl .local-variable { color:#950 }
             .syntaxhl .map .content { color:#808 }
             .syntaxhl .map .delimiter { color:#40A}
             .syntaxhl .map { background-color:hsla(200,100%,50%,0.06); }
             .syntaxhl .namespace { color:#707; font-weight:bold }
             .syntaxhl .octal { color:#40E }
             .syntaxhl .operator { }
             .syntaxhl .predefined { color:#369; font-weight:bold }
             .syntaxhl .predefined-constant { color:#069 }
             .syntaxhl .predefined-type { color:#0a8; font-weight:bold }
             .syntaxhl .preprocessor { color:#579 }
             .syntaxhl .pseudo-class { color:#00C; font-weight:bold }
             .syntaxhl .regexp { background-color:hsla(300,100%,50%,0.06); }
             .syntaxhl .regexp .content { color:#808 }
             .syntaxhl .regexp .delimiter { color:#404 }
             .syntaxhl .regexp .modifier { color:#C2C }
             .syntaxhl .reserved { color:#080; font-weight:bold }
             .syntaxhl .shell { background-color:hsla(120,100%,50%,0.06); }
             .syntaxhl .shell .content { color:#2B2 }
             .syntaxhl .shell .delimiter { color:#161 }
             .syntaxhl .string .char { color: #46a }
             .syntaxhl .string .content { color: #46a }
             .syntaxhl .string .delimiter { color: #46a }
             .syntaxhl .string .modifier { color: #46a }
             .syntaxhl .symbol { color:#d33 }
             .syntaxhl .symbol .content { color:#d33 }
             .syntaxhl .symbol .delimiter { color:#d33 }
             .syntaxhl .tag { color:#070; font-weight:bold }
             .syntaxhl .type { color:#339; font-weight:bold }
             .syntaxhl .value { color: #088 }
             .syntaxhl .variable { color:#037 }
             .syntaxhl .insert { background: hsla(120,100%,50%,0.12) }
             .syntaxhl .delete { background: hsla(0,100%,50%,0.12) }
             .syntaxhl .change { color: #bbf; background: #007 }
             .syntaxhl .head { color: #f8f; background: #505 }
             .syntaxhl .head .filename { color: white; }
             .syntaxhl .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
             .syntaxhl .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
             .syntaxhl .insert .insert { color: #0c0; background:transparent; font-weight:bold }
             .syntaxhl .delete .delete { color: #c00; background:transparent; font-weight:bold }
             .syntaxhl .change .change { color: #88f }
             .syntaxhl .head .head { color: #f4f }
             /***** Media print specific styles *****/
             @media print {
               #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
               #main { background: #fff; }
               #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
               #wiki_add_attachment { display:none; }
               .hide-when-print { display: none; }
               .autoscroll {overflow-x: visible;}
               table.list {margin-top:0.5em;}
               table.list th, table.list td {border: 1px solid #aaa;}
             }
             /* Accessibility specific styles */
             .hidden-for-sighted {
               position:absolute;
               left:-10000px;
               top:auto;
               width:1px;
               height:1px;
               overflow:hidden;
             }

test/functional/boards_controller_test.rb +1 -1

             # Redmine - project management software
             # Copyright (C) 2006-2016  Jean-Philippe Lang
             #
             # This program is free software; you can redistribute it and/or
             # modify it under the terms of the GNU General Public License
             # as published by the Free Software Foundation; either version 2
             # of the License, or (at your option) any later version.
             #
             # This program is distributed in the hope that it will be useful,
             # but WITHOUT ANY WARRANTY; without even the implied warranty of
             # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
             # GNU General Public License for more details.
             #
             # You should have received a copy of the GNU General Public License
             # along with this program; if not, write to the Free Software
             # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             require File.expand_path('../../test_helper', __FILE__)
             class BoardsControllerTest < ActionController::TestCase
               fixtures :projects, :users, :members, :member_roles, :roles, :boards, :messages, :enabled_modules
               def setup
                 User.current = nil
               end
               def test_index
                 get :index, :project_id => 1
                 assert_response :success
                 assert_template 'index'
                 assert_not_nil assigns(:boards)
                 assert_not_nil assigns(:project)
               end
               def test_index_not_found
                 get :index, :project_id => 97
                 assert_response 404
               end
               def test_index_should_show_messages_if_only_one_board
                 Project.find(1).boards.slice(1..-1).each(&:destroy)
                 get :index, :project_id => 1
                 assert_response :success
                 assert_template 'show'
                 assert_not_nil assigns(:topics)
               end
               def test_show
                 get :show, :project_id => 1, :id => 1
                 assert_response :success
                 assert_template 'show'
                 assert_not_nil assigns(:board)
                 assert_not_nil assigns(:project)
                 assert_not_nil assigns(:topics)
               end
               def test_show_should_display_sticky_messages_first
                 Message.update_all(:sticky => 0)
                 Message.where({:id => 1}).update_all({:sticky => 1})
                 get :show, :project_id => 1, :id => 1
                 assert_response :success
                 topics = assigns(:topics)
                 assert_not_nil topics
                 assert topics.size > 1, "topics size was #{topics.size}"
                 assert topics.first.sticky?
                 assert topics.first.updated_on < topics.second.updated_on
               end
               def test_show_should_display_message_with_last_reply_first
                 Message.update_all(:sticky => 0)
                 # Reply to an old topic
                 old_topic = Message.where(:board_id => 1, :parent_id => nil).order('created_on ASC').first
                 reply = Message.new(:board_id => 1, :subject => 'New reply', :content => 'New reply', :author_id => 2)
                 old_topic.children << reply
                 get :show, :project_id => 1, :id => 1
                 assert_response :success
                 topics = assigns(:topics)
                 assert_not_nil topics
                 assert_equal old_topic, topics.first
               end
               def test_show_with_permission_should_display_the_new_message_form
                 @request.session[:user_id] = 2
                 get :show, :project_id => 1, :id => 1
                 assert_response :success
                 assert_template 'show'
                 assert_select 'form#message-form' do
                   assert_select 'input[name=?]', 'message[subject]'
                 end
               end
               def test_show_atom
                 get :show, :project_id => 1, :id => 1, :format => 'atom'
                 assert_response :success
                 assert_template 'common/feed'
                 assert_not_nil assigns(:board)
                 assert_not_nil assigns(:project)
                 assert_not_nil assigns(:messages)
               end
               def test_show_not_found
                 get :index, :project_id => 1, :id => 97
                 assert_response 404
               end
               def test_new
                 @request.session[:user_id] = 2
                 get :new, :project_id => 1
                 assert_response :success
                 assert_template 'new'
                 assert_select 'select[name=?]', 'board[parent_id]' do
                   assert_select 'option', (Project.find(1).boards.size + 1)
                   assert_select 'option[value=""]'
                   assert_select 'option[value="1"]', :text => 'Help'
                 end
                 # &nbsp; replaced by nokogiri, not easy to test in DOM assertions
                 assert_not_include '<option value=""></option>', response.body
                 assert_include '<option value="">&nbsp;</option>', response.body
               end
               def test_new_without_project_boards
                 Project.find(1).boards.delete_all
                 @request.session[:user_id] = 2
                 get :new, :project_id => 1
                 assert_response :success
                 assert_template 'new'
                 assert_select 'select[name=?]', 'board[parent_id]', 0
               end
               def test_create
                 @request.session[:user_id] = 2
                 assert_difference 'Board.count' do
                   post :create, :project_id => 1, :board => { :name => 'Testing', :description => 'Testing board creation'}
                 end
                 assert_redirected_to '/projects/ecookbook/settings/boards'
                 board = Board.order('id DESC').first
                 assert_equal 'Testing', board.name
                 assert_equal 'Testing board creation', board.description
               end
               def test_create_with_parent
                 @request.session[:user_id] = 2
                 assert_difference 'Board.count' do
                   post :create, :project_id => 1, :board => { :name => 'Testing', :description => 'Testing', :parent_id => 2}
                 end
                 assert_redirected_to '/projects/ecookbook/settings/boards'
                 board = Board.order('id DESC').first
                 assert_equal Board.find(2), board.parent
               end
               def test_create_with_failure
                 @request.session[:user_id] = 2
                 assert_no_difference 'Board.count' do
                   post :create, :project_id => 1, :board => { :name => '', :description => 'Testing board creation'}
                 end
                 assert_response :success
                 assert_template 'new'
               end
               def test_edit
                 @request.session[:user_id] = 2
                 get :edit, :project_id => 1, :id => 2
                 assert_response :success
                 assert_template 'edit'
               end
               def test_edit_with_parent
                 board = Board.generate!(:project_id => 1, :parent_id => 2)
                 @request.session[:user_id] = 2
                 get :edit, :project_id => 1, :id => board.id
                 assert_response :success
                 assert_template 'edit'
                 assert_select 'select[name=?]', 'board[parent_id]' do
                   assert_select 'option[value="2"][selected=selected]'
                 end
               end
               def test_update
                 @request.session[:user_id] = 2
                 assert_no_difference 'Board.count' do
                   put :update, :project_id => 1, :id => 2, :board => { :name => 'Testing', :description => 'Testing board update'}
                 end
                 assert_redirected_to '/projects/ecookbook/settings/boards'
                 assert_equal 'Testing', Board.find(2).name
               end
               def test_update_position
                 @request.session[:user_id] = 2
-                put :update, :project_id => 1, :id => 2, :board => { :move_to => 'highest'}
+                put :update, :project_id => 1, :id => 2, :board => { :position => 1}
                 assert_redirected_to '/projects/ecookbook/settings/boards'
                 board = Board.find(2)
                 assert_equal 1, board.position
               end
               def test_update_with_failure
                 @request.session[:user_id] = 2
                 put :update, :project_id => 1, :id => 2, :board => { :name => '', :description => 'Testing board update'}
                 assert_response :success
                 assert_template 'edit'
               end
               def test_destroy
                 @request.session[:user_id] = 2
                 assert_difference 'Board.count', -1 do
                   delete :destroy, :project_id => 1, :id => 2
                 end
                 assert_redirected_to '/projects/ecookbook/settings/boards'
                 assert_nil Board.find_by_id(2)
               end
             end

General Comments 0

Write
Preview

You need to be logged in to leave comments. Login now

No TODOs yet

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages