app/views/translation_center/categories/show.html.haml
%input#category_key{ type: 'hidden', value: @category.id }
%input#current_filter{ type: 'hidden', value: current_filter }
%h1
= @category.name.camelize
%ul.nav.nav-pills
%li{class: "#{current_filter_is?('untranslated') ? 'active' : ''}"}
%a#untranslated.keys_filter{:href => "#"}
= t('.untranslated')
%span#untranslated_keys_count
= "(#{@untranslated_keys_count})"
%li{class: "#{current_filter_is?('pending') ? 'active' : ''}"}
%a#pending.keys_filter{:href => "#"}
= t('.pending')
%span#pending_keys_count
= "(#{@pending_keys_count})"
%li{class: "#{current_filter_is?('translated') ? 'active' : ''}"}
%a#translated.keys_filter{:href => "#"}
= t('.translated')
%span#translated_keys_count
= "(#{@translated_keys_count})"
%li{class: "#{current_filter_is?('all') ? 'active' : ''}"}
%a#all.keys_filter{:href => "#"}
= t('.all')
%span#all_keys_count
= "(#{@all_keys_count})"
%li
#loading
= image_tag 'translation_center/loading.gif'
.span9#category
= render 'translation_center/translation_keys/translation_keys', translation_keys: @keys, category: @category