Updates tabs component for proposals

This commit is contained in:
decabeza
2018-04-09 19:25:24 +02:00
parent 43e2a58907
commit 18f8e35df3
3 changed files with 37 additions and 29 deletions

View File

@@ -1,22 +1,25 @@
<div class="row"> <ul class="tabs"
<div class="small-12 column"> id="proposals_tabs"
<ul class="tabs" data-tabs id="proposals-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("proposals.show.comments_tab") %> data-deep-link-smudge="500"
<span class="js-comments-count">(<%= @proposal.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("proposals.show.comments_tab") %>
<%= link_to "#tab-notifications" do %> <span class="js-comments-count">(<%= @proposal.comments_count %>)</span>
<h3> </h3>
<%= t("proposals.show.notifications_tab") %> <% end %>
(<%= @notifications.count %>) </li>
</h3> <li class="tabs-title">
<% end %> <%= link_to "#tab-notifications" do %>
</li> <h3>
</ul> <%= t("proposals.show.notifications_tab") %>
</div> (<%= @notifications.count %>)
</div> </h3>
<% end %>
</li>
</ul>

View File

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

View File

@@ -206,11 +206,16 @@
</div> </div>
<% end %> <% end %>
<div class="tabs-content" data-tabs-content="proposals-tabs" role="tablist"> <div class="row">
<%= render "proposals/filter_subnav" %> <div class="small-12 column">
<%= render "proposals/notifications" %> <%= render "proposals/filter_subnav" %>
<div class="tabs-panel is-active" id="tab-comments">
<%= render "proposals/comments" %>
</div> </div>
</div> </div>
<div class="tabs-content" data-tabs-content="proposals_tabs">
<div class="tabs-panel is-active" id="tab-comments" role="tab">
<%= render "proposals/comments" %>
</div>
<%= render "proposals/notifications" %>
</div>