.pagination{ 'ng-show' => 'enterprises[exchange.enterprise_id].last_page_loaded < enterprises[exchange.enterprise_id].num_of_pages && !productsLoading()'}
  .button{ 'ng-click' => 'loadMoreExchangeProducts(exchange)' }
    {{ 'js.admin.panels.exchange_products.load_more_variants' | t }}
  .button{ 'ng-click' => 'loadAllExchangeProducts(exchange)' }
    {{ 'js.admin.panels.exchange_products.load_all_variants' | t }}

.sixteen.columns.alpha#loading{ 'ng-show' => 'productsLoading()' }
  %br
  {{ = render partial: "components/loading" }}
  %h1
    {{ 'js.admin.panels.exchange_products.loading_variants' | t }}

.pagination{ 'ng-show' => 'enterprises[exchange.enterprise_id].last_page_loaded < enterprises[exchange.enterprise_id].num_of_pages && !productsLoading()'}
  .button{ 'ng-click' => 'loadMoreExchangeProducts(exchange)' }
    {{ 'js.admin.panels.exchange_products.load_more_variants' | t }}
  .button{ 'ng-click' => 'loadAllExchangeProducts(exchange)' }
    {{ 'js.admin.panels.exchange_products.load_all_variants' | t }}

.sixteen.columns.alpha#loading{ 'ng-show' => 'productsLoading()' }
  %br
  %img.spinner{ src: "/assets/spinning-circles.svg" }
  %h1
    {{ 'js.admin.panels.exchange_products.loading_variants' | t }}

Revert "replace code by reusable component"
Revert "replace code by reusable component"

This reverts commit 4d953abbe921ed2a7949de7c787497ea613af802.
