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"
  12                  class="form-control input-sm"
  13                  pattern="^[0-9]+$"
  14                  name="place_id"
  15                  placeholder="12345" />
  16           <input type="submit"
  17                  class="btn btn-primary btn-sm"
  18                  value="Show" />
  19         </form>
  20       </div>
  21
  22       <div class="search-form">
  23         <h4>Search by OSM type and OSM id</h4>
  24
  25         <form id="form-by-type-and-id"
  26               class="form-inline"
  27               action="details.html">
  28           <input type="edit"
  29                  class="form-control input-sm"
  30                  pattern="^[NWR][0-9]+$"
  31                  placeholder="N123 or W123 or R123" />
  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 class="search-form">
  39         <h4>Search by openstreetmap.org URL</h4>
  40
  41         <form id="form-by-osm-url"
  42               class="form-inline"
  43               action="details.html">
  44           <input type="edit"
  45                  class="form-control input-sm"
  46                  pattern=".*openstreetmap.*"
  47                  placeholder="https://www.openstreetmap.org/relation/123" />
  48           <input type="hidden" name="osmtype" />
  49           <input type="hidden" name="osmid" />
  50           <input type="submit" class="btn btn-primary btn-sm" value="Show" />
  51         </form>
  52       </div>
  53
  54     </div>
  55   </div>
  56 </div>