Commit a522ab44595283a0fd4870b9a6b8d15f46eaa66f
1 parent
f3cf61a8
Exists in
master
and in
29 other branches
ActionItem507: allmost done in product listing with category
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@2146 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
8 changed files
with
91 additions
and
12 deletions
Show diff stats
app/views/search/_display_results.rhtml
... | ... | @@ -17,13 +17,17 @@ |
17 | 17 | <%= @names[name] %> |
18 | 18 | </h3> |
19 | 19 | <% end %> |
20 | - <%= link_to _('see all (%d)') % results.total_entries, params.merge(:action => 'index', :find_in => [ name ]), :class => 'see-more' %> | |
20 | + <%= link_to( _('see all (%d)') % results.total_entries, | |
21 | + params.merge(:action => 'index', | |
22 | + :find_in => [ name ]), | |
23 | + :class => 'see-more' ) if @results.size > 1 %> | |
21 | 24 | <% end %> |
22 | 25 | <% partial = partial_for_class results.first.class %> |
23 | 26 | <div class="search-results-innerbox search-results-type-<%= partial %> <%= 'common-profile-list-block' if partial == 'profile' %>"> |
24 | 27 | <ul> |
28 | + <% hit_pos = 0 %> | |
25 | 29 | <% results.each do |hit| %> |
26 | - <%= render :partial => partial, :object => hit %> | |
30 | + <%= render :partial => partial, :object => hit, :locals => { :pos => ( hit_pos += 1 ) } %> | |
27 | 31 | <% end %> |
28 | 32 | </ul> |
29 | 33 | <hr /> | ... | ... |
app/views/search/_product.rhtml
1 | 1 | <%# FIXME add more information %> |
2 | 2 | |
3 | -<li> | |
3 | +<% | |
4 | +product_item_pos = 0 if ! product_item_pos | |
5 | +product_item_pos += 1 | |
6 | +%> | |
7 | + | |
8 | +<li class="product-item <%= ( pos % 2 == 0 ) ? 'odd' : 'even' %>"> | |
4 | 9 | <%= link_to_product product, :class => 'product-pic', :style => 'background-image:url(%s)' % |
5 | 10 | ( product.image ? product.image.public_filename(:minor) : '/images/icons-app/product-default-pic-minor.png' ) %> |
6 | 11 | <strong> | ... | ... |
app/views/search/_product_categories_menu.rhtml
1 | +<% if @product_category %> | |
2 | + <h3 class="current-cat-path"> | |
3 | + <%= @product_category.hierarchy.map {|cat| ((cat == @product_category) ? content_tag('span', cat.name) : link_to((cat.name), params.merge({:product_category => cat.id}))) }.join(' → ') %> | |
4 | + </h3> | |
5 | +<% end %> | |
6 | + | |
1 | 7 | <% if product_categories_menu %> |
2 | 8 | |
3 | 9 | <div id="product-categories-menu"> |
... | ... | @@ -44,7 +50,7 @@ function prodCatMenuOver( li ) { |
44 | 50 | li.opening = true; |
45 | 51 | li.className = "cat-parent sub-opening"; |
46 | 52 | li.subMenu.className = "opening"; |
47 | - li.e = Effect.BlindDown(li.subMenu); | |
53 | + li.e = Effect.BlindDown(li.subMenu, { duration: 0.33 }); | |
48 | 54 | li.e._finish = li.e.finish; |
49 | 55 | li.e.finish = function(){ |
50 | 56 | this._finish(); |
... | ... | @@ -68,7 +74,7 @@ function prodCatMenuOut( li ) { |
68 | 74 | this.closeing = true; |
69 | 75 | this.className = "cat-parent sub-closeing"; |
70 | 76 | this.subMenu.className = "closeing"; |
71 | - this.e = Effect.BlindUp(this.subMenu); | |
77 | + this.e = Effect.BlindUp(this.subMenu, { duration: 0.5 }); | |
72 | 78 | this.e._finish = this.e.finish; |
73 | 79 | this.e.finish = function(){ |
74 | 80 | this._finish(); | ... | ... |
app/views/search/enterprises.rhtml
... | ... | @@ -12,10 +12,18 @@ |
12 | 12 | |
13 | 13 | <%= render :partial => 'search_form', :locals => { :form_title => _("Refine your search"), :simple_search => true } %> |
14 | 14 | |
15 | +<% if @categories_menu %> | |
16 | +<div class="has_cat_list"> | |
17 | +<% end %> | |
18 | + | |
15 | 19 | <%= render :partial => 'product_categories_menu', :object => @categories_menu %> |
16 | 20 | |
17 | 21 | <%= display_results %> |
18 | 22 | |
23 | +<% if @categories_menu %> | |
24 | +</div><!-- class="has_cat_list" --> | |
25 | +<% end %> | |
26 | + | |
19 | 27 | <%= pagination_links @results[:enterprises] %> |
20 | 28 | |
21 | 29 | <br style="clear:both" /> | ... | ... |
app/views/search/products.rhtml
... | ... | @@ -10,12 +10,6 @@ |
10 | 10 | <h2><%=h (_('Within %s km from %s') % [@radius, @region.name]) %><h2> |
11 | 11 | <% end %> |
12 | 12 | |
13 | -<% if @product_category %> | |
14 | - <h3> | |
15 | - <%= @product_category.hierarchy.map {|cat| ((cat == @product_category) ? cat.name : link_to((cat.name), params.merge({:product_category => cat.id}))) }.join(' → ') %> | |
16 | - </h3> | |
17 | -<% end %> | |
18 | - | |
19 | 13 | <%= render :partial => 'search_form', :locals => { :form_title => _("Refine your search"), :simple_search => true } %> |
20 | 14 | |
21 | 15 | <% if @categories_menu %> | ... | ... |
config/web2.0.yml.dist
public/designs/themes/ecosol/stylesheets/controller_search.css
... | ... | @@ -225,3 +225,20 @@ body.category4 .category-innerbox { |
225 | 225 | font-weight: bold; |
226 | 226 | } |
227 | 227 | |
228 | + | |
229 | +/* * * Pagination * * * * * * * * * * * */ | |
230 | + | |
231 | +.pagination * { | |
232 | + padding: 0px 3px 2px 3px; | |
233 | + -moz-border-radius: 5px; | |
234 | +} | |
235 | + | |
236 | +.pagination a { | |
237 | + text-decoration: none; | |
238 | +} | |
239 | + | |
240 | +.pagination a:hover { | |
241 | + color: #FFF; | |
242 | + background: #729FCF; | |
243 | +} | |
244 | + | ... | ... |
public/stylesheets/controller_search.css
... | ... | @@ -2,6 +2,18 @@ |
2 | 2 | position: relative; /* to the text appear on MSIE 6 */ |
3 | 3 | } |
4 | 4 | |
5 | +#content .map-toggle-button { | |
6 | + float: right; | |
7 | + margin-top: -35px; | |
8 | +} | |
9 | + | |
10 | +.current-cat-path { | |
11 | + padding-left: 25px; | |
12 | +} | |
13 | +.current-cat-path * { | |
14 | + white-space: nowrap; | |
15 | +} | |
16 | + | |
5 | 17 | #search-results { |
6 | 18 | margin-top: 10px; |
7 | 19 | /* none by default, but... Who knows the future? :-) */ |
... | ... | @@ -195,6 +207,14 @@ |
195 | 207 | line-height: 12px; |
196 | 208 | } |
197 | 209 | |
210 | +#content .only-one-result-box .search-results-type-product .product-item { | |
211 | + width: 50%; | |
212 | + height: 80px; | |
213 | + max-height: 70px; | |
214 | + overflow: hidden; | |
215 | + float: left; | |
216 | +} | |
217 | + | |
198 | 218 | .product-pic { |
199 | 219 | display: block; |
200 | 220 | float: left; |
... | ... | @@ -225,3 +245,27 @@ |
225 | 245 | .profile-info { |
226 | 246 | text-align: left; |
227 | 247 | } |
248 | + | |
249 | + | |
250 | +/* * * Pagination * * * * * * * * * * * */ | |
251 | + | |
252 | +.pagination { | |
253 | + text-align: center; | |
254 | +} | |
255 | + | |
256 | +.pagination .disabled { | |
257 | + color: #888; | |
258 | +} | |
259 | + | |
260 | +.pagination .current { | |
261 | + font-weight: bold; | |
262 | +} | |
263 | + | |
264 | +.pagination a { | |
265 | + text-decoration: none; | |
266 | +} | |
267 | + | |
268 | +.pagination a:hover { | |
269 | + color: #026; | |
270 | +} | |
271 | + | ... | ... |