src/components/map/map.html

   1 <div id="map"></div>
   2
   3
   4 <div id="divModal" class="modal-dialog modal-sm">
   5     <div class="modal-content">
   6         <div class="modal-header">
   7             <button type="button" class="close" (click)="closeModal()">&times;</button>
   8             <h4 class="modal-title">What do you want ? </h4>
   9         </div>
  10         <div id="topLevel">
  11             <div class="modal-footer">
  12                 <button type="button" class="btn btn-default" (click)="seeDetails()">See details</button>
  13                 <button type="button" class="btn btn-default" (click)="drillDown()">Drill down</button>
  14             </div>
  15         </div>
  16         <div id="middleLevel">
  17             <button type="button" class="btn btn-default" (click)="seeDetails()">See details</button>
  18             <button type="button" class="btn btn-default" (click)="drillDown()">Drill down</button>
  19             <button type="button" class="btn btn-default" (click)="drillUp()">drill up</button>
  20         </div>
  21         <div id="bottomLevel">
  22             <div class="modal-body">
  23                 <p>Do you want to add new a facility or see details?</p>
  24             </div>
  25             <div class="modal-footer">
  26                 <button type="button" class="btn btn-default" (click)="addUnit()">Yes</button>
  27                 <button type="button" class="btn btn-default" (click)="seeDetails()">See details</button>
  28                 <button type="button" class="btn btn-default" (click)="drillUp()">Drill up</button>
  29             </div>
  30         </div>
  31
  32     </div>
  33 </div>