src/templates/reversepage.hbs

   1
   2 {{#*inline "partial_one_result"}}
   3   <div class="result" data-position="{{iResNum}}">
   4     {{formatMapIcon aResult}}
   5
   6     <span class="name">{{aResult.display_name}}</span>
   7     <span class="type">{{formatLabel aResult}}</span>
   8     <p class="coords">{{aResult.lat}},{{aResult.lon}}</p>
   9
  10     <a class="details btn btn-outline-secondary btn-sm"
  11        href="details.html?osmtype={{shortOSMType aResult.osm_type}}&osmid={{aResult.osm_id}}">details</a>
  12   </div>
  13 {{/inline}}
  14
  15 <div class="top-bar">
  16   <form class="form-inline" role="search" accept-charset="UTF-8" action="">
  17     <div class="form-group">
  18       <input name="format" type="hidden" value="html">
  19       <label>lat</label>
  20       <input name="lat"
  21              type="text"
  22              class="form-control form-control-sm"
  23              placeholder="latitude"
  24              value="{{fLat}}" />
  25       <a id="switch-coords" class="btn btn-outline-secondary btn-sm" title="switch lat and lon">&lt;&gt;</a>
  26       <label>lon</label>
  27       <input name="lon"
  28              type="text"
  29              class="form-control form-control-sm"
  30              placeholder="longitude"
  31              value="{{fLon}}" />
  32       <label>max zoom</label>
  33       <select name="zoom" class="form-control form-control-sm" value="{{iZoom}}">
  34         {{zoomLevels iZoom}}
  35       </select>
  36       <button type="submit" class="btn btn-primary btn-sm mx-1">
  37         Search
  38       </button>
  39     </div>
  40     <div class="search-type-link">
  41       <a href="search.html">forward search</a>
  42     </div>
  43   </form>
  44 </div>
  45
  46 <div id="content">
  47   {{#if aPlace}}
  48     <div id="searchresults" class="sidebar">
  49       {{>partial_one_result iResNum=0 aResult=aPlace env=env}}
  50     </div>
  51   {{else}}
  52     <div id="intro" class="sidebar">
  53       Search for coordinates or click anywhere on the map.
  54     </div>
  55   {{/if}}
  56
  57   <div id="map-wrapper">
  58     <div id="map-position">
  59       <div id="map-position-inner"></div>
  60       <div id="map-position-close"><a href="#">hide</a></div>
  61     </div>
  62     <div id="map"></div>
  63   </div>
  64 </div>