src/templates/reversepage.hbs

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