mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-25 20:46:48 +00:00
c4e8d4318c
I'm not sure what the problem was. It's obviously a hacky fix, but it works for now. We intend to rebuild this screen without Angular anyway.
18 lines
1.4 KiB
Plaintext
18 lines
1.4 KiB
Plaintext
.pagination{style: "clear: both;"}
|
|
%button{'ng-click' => 'changePage(1)', 'ng-class' => "{'disabled': pagination.page == 1}", 'ng-disabled' => "pagination.page == 1"}
|
|
= "«".html_safe
|
|
= t(:first)
|
|
%button{'ng-click' => 'changePage((pagination.page)-1)', 'ng-class' => "{'disabled': pagination.page == 1}", 'ng-disabled' => "pagination.page == 1"}
|
|
= t(:previous)
|
|
%span{'ng-show' => 'pagination.page > 3'}
|
|
= "…".html_safe
|
|
%button{'ng-repeat' => 'i in [].constructor(pagination.pages) track by $index', 'ng-show' =>'($index+1 > pagination.page-3 || (pagination.page > pagination.pages-2 && $index+1 > pagination.pages-5)) && ($index+1 < pagination.page+3 || (pagination.page < 3 && $index+1 < 6))', 'ng-class' => "{'active': pagination.page == $index+1}", 'ng-click' => 'changePage($index+1)', 'ng-disabled' => "pagination.page == $index+1"}
|
|
{{$index+1}}
|
|
%span{'ng-show' => 'pagination.page < pagination.pages-2'}
|
|
= "…".html_safe
|
|
%button{'ng-click' => 'changePage((pagination.page)+1)', 'ng-class' => "{'disabled': pagination.page == pagination.pages}", 'ng-disabled' => "pagination.page == pagination.pages"}
|
|
= t(:next)
|
|
%button{'ng-click' => 'changePage(pagination.pages)', 'ng-class' => "{'disabled': pagination.page == pagination.pages}", 'ng-disabled' => "pagination.page == pagination.pages"}
|
|
= t(:last)
|
|
= "»".html_safe
|