app/views/layers_panes/show.html.erb

   1 <div class="base-layers d-grid gap-3 p-3 border-bottom border-secondary-subtle">
   2   <% @base_layers.each do |layer| %>
   3     <div class="position-relative">
   4       <div class="position-absolute top-0 start-0 bottom-0 end-0 z-0 bg-body-secondary" data-layer="<%= layer["layerId"] %>"></div>
   5       <input type="radio" class="btn-check" name="layer" id="map-ui-layer-<%= layer["layerId"] %>"></input>
   6       <label class="btn btn-outline-primary border-4 rounded-3 bg-transparent position-absolute p-0 h-100 w-100 overflow-hidden" for="map-ui-layer-<%= layer["layerId"] %>">
   7         <span class="badge position-absolute top-0 start-0 rounded-top-0 rounded-start-0 py-1 px-2 bg-body bg-opacity-75 text-body text-wrap text-start fs-6 lh-base">
   8           <%= t "javascripts.map.base.#{layer['nameId']}" %>
   9         </span>
  10       </label>
  11     </div>
  12   <% end %>
  13 </div>
  14 <% if Settings.status != "api_offline" && Settings.status != "database_offline" %>
  15   <div class="overlay-layers p-3">
  16     <p class="text-body-secondary small mb-2"><%= t "javascripts.map.layers.overlays" %></p>
  17     <% @overlay_layers.each do |layer|
  18          options = { :data => layer, :class => "form-check" }
  19          options[:title] = t(".map_#{layer[:name]}_zoom_in_tooltip") if layer[:max_area] %>
  20       <%= tag.div(**options) do %>
  21         <label id="<%= "label-layers-#{layer[:name]}" %>" class="form-check-label">
  22           <input type="checkbox" class="form-check-input">
  23           <%= t "javascripts.map.layers.#{layer[:name]}" %>
  24         </label>
  25       <% end
  26     end %>
  27   </div>
  28 <% end %>