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

View File

@@ -10,13 +10,18 @@
ballot: @ballot ballot: @ballot
} %> } %>
<div class="tabs-content" data-tabs-content="investments-tabs" role="tablist"> <div class="row">
<%= render "budgets/investments/filter_subnav" %> <div class="small-12 column">
<%= render "budgets/investments/milestones" %> <%= 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, <%= render partial: '/comments/comment_tree', locals: { comment_tree: @comment_tree,
comment_flags: @comment_flags, comment_flags: @comment_flags,
display_comments_count: false } %> display_comments_count: false } %>
</div> </div>
<%= render "budgets/investments/milestones" %>
</div> </div>