src/templates/detailspage-index.hbs

   1 <div class="container" id="details-index-page">
   2     <div class="row">
   3         <div class="col-md-12">
   4
   5             <h1>Show details for place</h1>
   6
   7             <div class="search-form">
   8                 <h4>Search by place id</h4>
   9
  10                 <form class="form-inline" action="details.html">
  11                     <input type="edit" class="form-control input-sm" pattern="^[0-9]+$" name="place_id" placeholder="12345" />
  12                     <input type="submit" class="btn btn-primary btn-sm" value="Show" />
  13                 </form>
  14             </div>
  15
  16             <div class="search-form">
  17                 <h4>Search by OSM type and OSM id</h4>
  18
  19                 <form id="form-by-type-and-id" class="form-inline" action="details.html">
  20                     <input type="edit" class="form-control input-sm" pattern="^[NWR][0-9]+$" placeholder="N123 or W123 or R123" />
  21                     <input type="hidden" name="osmtype" />
  22                     <input type="hidden" name="osmid" />
  23                     <input type="submit" class="btn btn-primary btn-sm" value="Show" />
  24                 </form>
  25             </div>
  26
  27             <div class="search-form">
  28                 <h4>Search by openstreetmap.org URL</h4>
  29
  30                 <form id="form-by-osm-url" class="form-inline" action="details.html">
  31                     <input type="edit" class="form-control input-sm" pattern=".*openstreetmap.*" placeholder="https://www.openstreetmap.org/relation/123" />
  32                     <input type="hidden" name="osmtype" />
  33                     <input type="hidden" name="osmid" />
  34                     <input type="submit" class="btn btn-primary btn-sm" value="Show" />
  35                 </form>
  36             </div>
  37
  38         </div>
  39     </div>
  40 </div>