Redmine/body_tracking
Archived
1
0
Fork 0
Code Releases Activity

Togglable quantities in table header

Browse Source
This commit is contained in:
cryptogopher 2021-01-21 10:28:49 +01:00
parent 53e8db20d1
commit a29eba9861
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/views/targets/_index.html.erb
View File

@ -21,14 +21,26 @@
<% row.each do |q, span| %> <% row.each do |q, span| %>
<% row_classes = [] %> <% row_classes = [] %>
<% row_classes << 'quantity' if (i < header.length-1) && (span >= 0) %> <% row_classes << 'interim' if (i < header.length-1) && (span >= 0) %>
<% row_classes << 'empty' if span == 0 %> <% row_classes << (span == 0 ? 'empty' : 'closable ellipsible') %>
<th <%= raw "class=\"#{row_classes.join(' ')}\"" unless row_classes.empty? %> <th <%= raw "class=\"#{row_classes.join(' ')}\"" unless row_classes.empty? %>
<%= "colspan=#{span}" if span > 0 %> <%= "colspan=#{span}" if span > 0 %>
<%= "rowspan=#{-span}" if span < 0 %> <%= "rowspan=#{-span}" if span < 0 %>
style="width: <%= [span, 1].max * 100/total_width %>%;" style="width: <%= [span, 1].max * 100/total_width %>%;"
title="<%= q.description %>"> title="<%= q.description %>">
<%= q.name unless span == 0 %> <% unless span == 0 %>
<div style="float:right;position:relative;">
<% button_classes = 'icon' %>
<% if (i == header.length-1) || header[i+1].has_key?(q) || (span < -1) %>
<% button_classes += ' icon-close' %>
<% else %>
<% button_classes += ' icon-bullet-closed' %>
<% end %>
<%= link_to '', toggle_exposure_goal_path(@goal, quantity_id: q.id),
{class: button_classes, method: :post, remote: true} %>
</div>
<%= q.name %>
<% end %>
</th> </th>
<% end %> <% end %>

4
assets/stylesheets/body_tracking.css
View File

@ -6,10 +6,10 @@ table.list .date,
table.list .name, table.list .name,
table.list td.quantity {text-align: left;} table.list td.quantity {text-align: left;}
/* TODO: merge with .closable and/or remove .closable */ /* TODO: merge with .closable and/or remove .closable */
/* TODO: replace .quantityhead(empty) with th.quantity/.empty */ /* TODO: replace .quantity(head)(empty) with th.interim/.empty */
table.list .quantityhead {border-bottom: none;} table.list .quantityhead {border-bottom: none;}
table.list .quantityheadempty {border-top: none; border-bottom: none;} table.list .quantityheadempty {border-top: none; border-bottom: none;}
table.list th.quantity {border-bottom: none;} table.list th.interim {border-bottom: none;}
table.list th.empty {border-top: none;} table.list th.empty {border-top: none;}
table.list .action, table.list .action,