consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Regroup all carousels on 1 partial. Rename partial

Browse Source
This commit is contained in:
taitus
2017-07-22 12:44:03 +02:00
parent 56511a154a
commit 522c4e2cfc
3 changed files with 57 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/helpers/welcome_helper.rb
View File

@@ -7,5 +7,22 @@ module WelcomeHelper
def slide_display(index)
"display: none;" if index > 0
end
def recommended_path(recommended)
case recommended.class
when Debate
debates_path(recommended)
when Proposal
proposals_path(recommended)
when Budget::Investment
budget_investments_path(recommended)
else
'#'
end
end
def title_key(key)
key.gsub("-", "_")
end
end

35
app/views/welcome/_recommended_carousel.html.erb Normal file
View File

@@ -0,0 +1,35 @@
<div class="small-12 medium-4 column text-center <%= key %>">
<div class="card small-centered <%= key %>-inner">
<h4><%= t("welcome.recommended.#{title_key(key)}.title") %></h4>
<div class="orbit" role="region" data-orbit data-use-m-u-i="false">
<div class="orbit-wrapper">
<ul class="orbit-container no-bullet" tabindex="0" >
<% recommendeds.each_with_index do |recommended, index| %>
<li class="orbit-slide <%= active_class(index) %>" data-slide="<%= index %>" style="position: relative; <%= slide_display(index) %>" aria-live="polite">
<div class="card">
<div class="card-section">
<%= link_to recommended_path(recommended) do %>
<h5 class="truncate-horizontal-text"><%= recommended.title %></h5>
<% end %>
<p><%= recommended.description %></p>
</div>
</div>
</li>
<% end %>
</ul>
<div class="truncate"></div>
</div>
<nav class="orbit-bullets">
<% recommendeds.each_with_index do |recommended, index| %>
<button data-slide="<%= index %>" class="<%= active_class(index) %>">
<span class="show-for-sr">Second slide details.</span>
</button>
<% end %>
</nav>
</div>
</div>
</div>

105
app/views/welcome/_recommended_no_image.html.erb
View File

@@ -1,108 +1,11 @@
<div class="highlight small-12 column section-recommended">
<div class="row">
<h2 class="text-center"><%= t("welcome.recommended.title") %></h2>
<div class="small-12 medium-4 column text-center debates">
<div class="card small-centered debates-inner">
<%= render "recommended_carousel", recommendeds: recommended_debates, key: "debates" %>
<%= render "recommended_carousel", recommendeds: recommended_proposals, key: "proposals" %>
<%= render "recommended_carousel", recommendeds: recommended_budget_investments, key: "budget-investments" %>
<h4><%= t("welcome.recommended.debates.title") %></h4>
<div class="orbit" role="region" data-orbit data-use-m-u-i="false">
<div class="orbit-wrapper">
<ul class="orbit-container no-bullet" tabindex="0" >
<% recommended_debates.each_with_index do |debate, index| %>
<li class="orbit-slide <%= active_class(index) %>" data-slide="<%= index %>" style="position: relative; <%= slide_display(index) %>" aria-live="polite">
<div class="card">
<div class="card-section">
<%= link_to debate_path(debate) do %>
<h5 class="truncate-horizontal-text"><%= debate.title %></h5>
<% end %>
<p><%= debate.description %></p>
</div>
</div>
</li>
<% end %>
</ul>
<div class="truncate"></div>
</div>
<nav class="orbit-bullets">
<% recommended_debates.each_with_index do |debate, index| %>
<button data-slide="<%= index %>" class="<%= active_class(index) %>">
<span class="show-for-sr">Second slide details.</span>
</button>
<% end %>
</nav>
</div>
</div>
</div>
<div class="small-12 medium-4 column text-center proposals">
<div class="card small-centered proposals-inner">
<h4><%= t("welcome.recommended.proposals.title") %></h4>
<div class="orbit" role="region" data-orbit data-use-m-u-i="false">
<div class="orbit-wrapper">
<ul class="orbit-container no-bullet" tabindex="0" >
<% recommended_proposals.each_with_index do |proposal, index| %>
<li class="orbit-slide <%= active_class(index) %>" data-slide="<%= index %>" style="position: relative; <%= slide_display(index) %>" aria-live="polite">
<div class="card">
<div class="card-section">
<%= link_to proposal_path(proposal) do %>
<h5><%= proposal.title %></h5>
<% end %>
<p><%= proposal.description %></p>
</div>
</div>
</li>
<% end %>
</ul>
<div class="truncate"></div>
</div>
<nav class="orbit-bullets">
<% recommended_proposals.each_with_index do |proposal, index| %>
<button data-slide="<%= index %>" class="<%= active_class(index) %>">
<span class="show-for-sr">Second slide details.</span>
</button>
<% end %>
</nav>
</div>
</div>
</div>
<div class="small-12 medium-4 column text-center budget-investments">
<div class="card small-centered budget-investments-inner">
<h4><%= t("welcome.recommended.budget_investments.title") %></h4>
<div class="orbit" role="region" data-orbit data-use-m-u-i="false">
<div class="orbit-wrapper">
<ul class="orbit-container no-bullet" tabindex="0" >
<% recommended_budget_investments.each_with_index do |budget_investment, index| %>
<li class="orbit-slide <%= active_class(index) %>" data-slide="<%= index %>" style="position: relative; <%= slide_display(index) %>" aria-live="polite">
<div class="card">
<div class="card-section">
<%= link_to budget_path(budget_investment) do %>
<h5><%= budget_investment.title %></h5>
<% end %>
<p><%= budget_investment.description %></p>
</div>
</div>
</li>
<% end %>
</ul>
<div class="truncate"></div>
</div>
<nav class="orbit-bullets">
<% recommended_budget_investments.each_with_index do |budget_investment, index| %>
<button data-slide="<%= index %>" class="<%= active_class(index) %>">
<span class="show-for-sr">Second slide details.</span>
</button>
<% end %>
</nav>
</div>
</div>
</div>
</div>
</div>