app/views/share_panes/show.html.erb

   1 <div class="share-link p-3 border-bottom border-secondary-subtle">
   2   <h4><%= t ".link" %></h4>
   3   <form>
   4     <div class="form-check mb-3">
   5       <label for="link_marker" class="form-check-label"><%= t ".include_marker" %></label>
   6       <input id="link_marker" type="checkbox" class="form-check-input" />
   7     </div>
   8     <div class="btn-group btn-group-sm mb-2">
   9       <a class="btn btn-primary active" for="long_input" id="long_link"><%= t ".long_link" %></a>
  10       <a class="btn btn-primary" for="short_input" id="short_link"><%= t ".short_link" %></a>
  11       <a class="btn btn-primary" for="embed_html" id="embed_link" data-bs-title="<%= t ".embed_html_disabled" %>" href="#"><%= t ".embed" %></a>
  12     </div>
  13     <div class="share-tab">
  14       <input id="long_input" type="text" class="form-control form-control-sm font-monospace" autocomplete="off" readonly />
  15     </div>
  16     <div class="share-tab" hidden>
  17       <input id="short_input" type="text" class="form-control form-control-sm font-monospace" autocomplete="off" readonly />
  18     </div>
  19     <div class="share-tab" hidden>
  20       <textarea id="embed_html" class="form-control form-control-sm font-monospace" readonly></textarea>
  21       <p class="text-body-secondary"><%= t ".paste_html" %></p>
  22     </div>
  23   </form>
  24 </div>
  25 <div class="share-geo-uri p-3 border-bottom border-secondary-subtle">
  26   <h4><%= t ".geo_uri" %></h4>
  27   <div><a id="geo_uri"></a></div>
  28 </div>
  29 <div class="share-image p-3">
  30   <h4><%= t ".image" %></h4>
  31   <div id="export-warning" class="text-body-secondary">
  32     <%= t ".only_layers_exported_as_image" %>
  33     <ul>
  34       <% @downloadable_layers.each do |layer| %>
  35         <li><%= t "javascripts.map.base.#{layer['nameId']}" %></li>
  36       <% end %>
  37     </ul>
  38   </div>
  39   <form id="export-image" action="/export/finish" method="post">
  40     <div class="row mb-3">
  41       <label for="mapnik_format" class="col-auto col-form-label"><%= t ".format" %></label>
  42       <div class="col-auto">
  43         <select name="mapnik_format" id="mapnik_format" class="form-select w-auto" required>
  44           <option value="png">PNG</option>
  45           <option value="jpeg">JPEG</option>
  46           <option value="webp">WEBP</option>
  47           <option value="svg">SVG</option>
  48           <option value="pdf">PDF</option>
  49         </select>
  50       </div>
  51     </div>
  52     <div class="row mb-3" id="mapnik_scale_row">
  53       <label for="mapnik_scale" class="col-auto col-form-label"><%= t ".scale" %></label>
  54       <div class="col-auto">
  55         <div class="input-group flex-nowrap">
  56           <span class="input-group-text">1 : </span>
  57           <input name="mapnik_scale" id="mapnik_scale" type="text" class="form-control" autocomplete="off" />
  58         </div>
  59       </div>
  60     </div>
  61     <div class="row mb-3">
  62       <div class="col-auto">
  63         <div class="form-check">
  64           <label for="image_filter" class="form-check-label"><%= t ".custom_dimensions" %></label>
  65           <input id="image_filter" type="checkbox" class="form-check-input">
  66         </div>
  67       </div>
  68     </div>
  69     <% %w[minlon minlat maxlon maxlat lat lon].each do |name| %>
  70       <input id="mapnik_<%= name %>" name="<%= name %>" type="hidden" />
  71     <% end %>
  72     <% { :format => "mapnik", :zoom => 0, :width => 0, :height => 0 }.each do |name, value| %>
  73       <input id="map_<%= name %>" name="<%= name %>" type="hidden" value="<%= value %>" />
  74     <% end %>
  75     <input id="csrf_export" type="hidden" />
  76     <p class="text-body-secondary">
  77       <%= t ".image_dimensions_html",
  78             **%w[layer width height]
  79               .to_h { |key| [key.to_sym, content_tag(:span, "", :id => "mapnik_image_#{key}")] } %>
  80     </p>
  81     <input type="submit" class="btn btn-primary" value="<%= t ".download" %>" />
  82   </form>
  83 </div>