This component was rendered on different pages so there were no conflicts with static id's. Now in the SDG help page we are going to render them all at once, so we convert the static identifiers to dynamic.
29 lines
1.0 KiB
Plaintext
29 lines
1.0 KiB
Plaintext
<section class="sdg-goal-targets">
|
|
<ul class="tabs" id="goal_<%= goal.code %>_targets" data-deep-link="true" data-tabs>
|
|
<% [global_targets, local_targets].each do |targets| %>
|
|
<li class="tabs-title <%= active(targets) %>">
|
|
<%= link_to title(targets), "#goal_#{@goal.code}_tab_#{type(targets)}_targets" %>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
|
|
<div class="tabs-content" data-tabs-content="goal_<%= goal.code %>_targets">
|
|
<% [global_targets, local_targets].each do |targets| %>
|
|
<div class="tabs-panel <%= active(targets) %>" id="goal_<%= goal.code %>_tab_<%= type(targets) %>_targets">
|
|
<% if targets.blank? %>
|
|
<div class="callout primary">
|
|
<%= t("sdg.goals.show.targets.no_local_targets") %>
|
|
</div>
|
|
<% else %>
|
|
<dl>
|
|
<% targets.sort.each do |target| %>
|
|
<dt><%= target.code %><dt>
|
|
<dd><%= target.title %><dd>
|
|
<% end %>
|
|
</dl>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</section>
|