Project

General

Profile

Feature #35920 » 35920-poc.patch

Takenori TAKAKI, 2021-09-27 07:48

View differences:

app/views/issues/_list.html.erb
7 7
<div class="autoscroll">
8 8
<table class="list issues odd-even <%= query.css_classes %>">
9 9
  <thead>
10
    <% if query.grouped? %>
11
      <tr class="group open">
12
        <th colspan="<%= query.inline_columns.count + 2 %>" class="group_label">
13
          <span class="expander icon icon-expended" onclick="toggleAllGroupedIssues(this);">&nbsp;</span>
14
          <span class="name"><%= l(:field_group_by) %>: <%= query.group_by_column.caption %></span>
15
          <%= link_to_function("#{l(:button_collapse_all)}/#{l(:button_expand_all)}",
16
                               "toggleAllRowGroups(this)", :class => 'toggle-all') %>
17
        </th>
18
      </tr>
19
    <% end %>
10 20
    <tr>
11 21
      <th class="checkbox hide-when-print">
12 22
        <%= check_box_tag 'check_all', '', false, :class => 'toggle-selection',
......
55 65
</table>
56 66
</div>
57 67
<% end -%>
68
<%= javascript_tag do %>
69
function toggleAllGroupedIssues(el){
70
  var tr = $(el).parents('tr').first();
71
  tr.toggleClass('open');
72
  tr.find('.expander').toggleClass('icon-expended icon-collapsed');
73
  var td_tr = $(el).parents('table').children('tbody').children('tr').first();
74
  if (tr.hasClass('open')) {
75
    expandAllRowGroups(td_tr);
76
  } else {
77
    collapseAllRowGroups(td_tr);
78
  }
79
}
80
<% end %>
public/stylesheets/application.css
248 248
/***** Tables *****/
249 249
table.list, .table-list { border: 1px solid #e4e4e4; width: 100%; margin-bottom: 4px; border-radius: 3px; border-spacing: 0; overflow: hidden;}
250 250
table.list th, .table-list-header { background-color:#EEEEEE; padding: 4px; white-space:nowrap; font-weight:bold; }
251
table.list th.group_label { text-align: left }
251 252
table.list td {text-align:center; vertical-align:middle; padding-right:10px;}
252 253
table.list td.id { width: 2%; text-align: center;}
253 254
table.list td.name, table.list td.description, table.list td.subject, table.list td.parent-subject, table.list td.comments, table.list td.roles, table.list td.attachments, table.list td.text,  table.list td.short_description {text-align: left;}
(3-3/3)