Updates tabs component for budget investments

This commit is contained in:
decabeza
2018-04-09 19:25:59 +02:00
parent 18f8e35df3
commit 7ea85ec2ab
3 changed files with 35 additions and 27 deletions

View File

@@ -1,22 +1,25 @@
<div class="row">
<div class="small-12 column">
<ul class="tabs" data-tabs id="investments-tabs">
<li class="tabs-title is-active">
<%= link_to "#tab-comments" do %>
<h3>
<%= t("budgets.investments.show.comments_tab") %>
<span class="js-comments-count">(<%= @investment.comments_count %>)</span>
</h3>
<% end %>
</li>
<li class="tabs-title">
<%= link_to "#tab-milestones" do %>
<h3>
<%= t("budgets.investments.show.milestones_tab") %>
(<%= @investment.milestones.count %>)
</h3>
<% end %>
</li>
</ul>
</div>
</div>
<ul class="tabs"
id="investments_tabs"
role="tablist"
data-deep-link="true"
data-update-history="true"
data-deep-link-smudge="true"
data-deep-link-smudge="500"
data-tabs>
<li class="tabs-title is-active">
<%= link_to "#tab-comments" do %>
<h3>
<%= t("budgets.investments.show.comments_tab") %>
<span class="js-comments-count">(<%= @investment.comments_count %>)</span>
</h3>
<% end %>
</li>
<li class="tabs-title">
<%= link_to "#tab-milestones" do %>
<h3>
<%= t("budgets.investments.show.milestones_tab") %>
(<%= @investment.milestones.count %>)
</h3>
<% end %>
</li>
</ul>

View File

@@ -1,4 +1,4 @@
<div class="tabs-panel tab-milestones" id="tab-milestones">
<div class="tabs-panel tab-milestones" id="tab-milestones" role="tab">
<div class="row">
<div class="small-12 column">
<% if @investment.milestones.blank? %>

View File

@@ -10,13 +10,18 @@
ballot: @ballot
} %>
<div class="tabs-content" data-tabs-content="investments-tabs" role="tablist">
<%= render "budgets/investments/filter_subnav" %>
<%= render "budgets/investments/milestones" %>
<div class="row">
<div class="small-12 column">
<%= render "budgets/investments/filter_subnav" %>
</div>
</div>
<div class="tabs-panel is-active" id="tab-comments">
<div class="tabs-content" data-tabs-content="investments_tabs">
<div class="tabs-panel is-active" id="tab-comments" role="tab">
<%= render partial: '/comments/comment_tree', locals: { comment_tree: @comment_tree,
comment_flags: @comment_flags,
display_comments_count: false } %>
</div>
<%= render "budgets/investments/milestones" %>
</div>