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