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