chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Experimenting with search column on the left and results on the right

Browse source 
(follows the mockups closer)
This commit is contained in:
Christoph Haas 2013-11-18 00:24:01 +01:00
parent 4abf351391
commit aaa264863b
2 changed files with 58 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/views/packages/_packages_search_results_grid.html.erb
View file

@ -2,7 +2,7 @@
<% if @packages.length>0 %>
<% @packages.each do |package| %>
<div class="col-xs-3">
<div class="col-xs-4">
<div class="thumbnail">
<% if package.screenshots.length>0 %>
<% screenshot = package.screenshots.first %>

30
app/views/packages/index.html.erb
View file

@ -35,26 +35,14 @@
</div>
</nav>
<div class="container">
<% if @packages.any? %>
<ul class="pager">
<li class="previous"><%= link_to_previous_page @packages, raw('&larr; Previous'), :params => params %></li>
<li>Page #<%= params[:page] or 1 %></li>
<li class="next"><%= link_to_next_page @packages, raw('Next &rarr;'), :params => params %></li>
</ul>
<% if params[:display]=='grid' %>
<%= render 'packages_search_results_grid', object: @packages %>
<% else %>
<%= render 'packages_search_results_list', object: @packages %>
<% end %>
<% else %>
<p class="alert alert-warning">
Oh snap… I did not find software packages like that. Try looking for something else.
</p>
<% end %>
</div>
<div class="container">
<div class="row">
<div class="col-xs-3" style="border-right: 1px solid gray">
<form role="form">
<div class="form-group">
@ -97,7 +85,19 @@
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<div class="col-xs-9>">
Rechts
<div class="col-xs-9">
<% if @packages.any? %>
<% if params[:display]=='grid' %>
<%= render 'packages_search_results_grid', object: @packages %>
<% else %>
<%= render 'packages_search_results_list', object: @packages %>
<% end %>
<% else %>
<p class="alert alert-warning col-xs-9">
Oh snap… I did not find software packages like that. Try looking for something else.
</p>
<% end %>
</div>
</div>
</div>