lib/karafka/web/pro/ui/views/topics/distribution.erb in karafka-web-0.9.1 vs lib/karafka/web/pro/ui/views/topics/distribution.erb in karafka-web-0.10.0.beta1

- old
+ new

@@ -1,47 +1,42 @@ -<%== view_title(@topic.topic_name, hr: false) %> +<% view_title @topic.topic_name %> <%== partial 'topics/tabs' %> -<div class="container"> - <div class="row"> - <div class="col-lg-12"> - <% if @limited %> - <%== partial 'topics/distribution/limited' %> - <% end %> +<% if @limited %> + <%== partial 'topics/distribution/limited' %> +<% end %> - <% if @aggregated.sum.zero? %> - <%== partial 'topics/distribution/empty_partitions' %> - <% else %> - <% if @active_partitions.size >= 2 %> - <%== partial 'topics/distribution/chart' %> - <% end %> +<% if @aggregated.sum.zero? %> + <%== partial 'topics/distribution/empty_partitions' %> +<% else %> + <div class="col-span-12 mb-3"> + <% if @active_partitions.size >= 2 %> + <%== partial 'topics/distribution/chart' %> + <% end %> - <div id="refreshable" class="mt-4"> - <%== partial 'topics/distribution/badges' %> + <div id="refreshable" class="mt-4"> + <%== partial 'topics/distribution/badges' %> - <div class="table-responsive"> - <table class="bg-white table table-hover table-bordered table-striped mt-4 mb-4"> - <thead> - <tr class="align-middle"> - <th><%== sort_link(:partition_id) %></th> - <th><%== sort_link('Estimated count', :count) %></th> - <th><%== sort_link('Total share', :share) %></th> - <th><%== sort_link(:diff) %></th> - </tr> - </thead> - <tbody> - <%== - each_partial( - @distribution, - 'topics/distribution/partition' - ) - %> - </tbody> - </table> - </div> - </div> - <% end %> - + <div class="data-table-wrapper"> + <table class="data-table"> + <thead> + <tr> + <th><%== sort_link(:partition_id) %></th> + <th><%== sort_link('Estimated count', :count) %></th> + <th><%== sort_link('Total share', :share) %></th> + <th><%== sort_link(:diff) %></th> + </tr> + </thead> + <tbody> + <%== + each_partial( + @distribution, + 'topics/distribution/partition' + ) + %> + </tbody> + </table> + </div> </div> </div> -</div> +<% end %>