<div id="mapkey">
- <h3><%= t "site.key.table.heading", :zoom_level => params[:zoom] %></h3>
- <table class="mapkey-table">
- <% YAML.load_file("#{RAILS_ROOT}/config/key.yml").each do |name,data| %>
- <% if params[:layer] == name %>
- <% data.each do |entry| %>
- <% if params[:zoom].to_i >= entry['min_zoom'] && params[:zoom].to_i <= entry['max_zoom'] %>
- <tr>
- <td class="mapkey-table-key" align="center">
- <%= image_tag "key/#{name}/#{entry['image']}" %>
- </td>
- <td class="mapkey-table-value">
- <%= t "site.key.table.entry.#{entry['name']}" %>
- </td>
- </tr>
- <% end %>
- <% end %>
+ <table class="table table-sm table-borderless mapkey-table">
+ <% YAML.load_file(Rails.root.join("config/key.yml")).each do |name,data| %>
+ <% data.each do |entry| %>
+ <tr class="mapkey-table-entry" data-layer="<%= name %>" data-zoom-min="<%= entry["min_zoom"] %>" data-zoom-max="<%= entry["max_zoom"] %>">
+ <td class="mapkey-table-key align-middle">
+ <%= image_tag "key/#{name}/#{entry['image']}" %>
+ </td>
+ <td class="mapkey-table-value">
+ <%= [*t(".table.entry.#{entry['name']}")].to_sentence %>
+ </td>
+ </tr>
<% end %>
<% end %>
</table>