src/components/map/map.html

   1 <div id="map"></div>
   2
   3 <div id="divModal" role="dialog">
   4     <div 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)="drillUp()">drill up</button>
  18                 <button type="button" class="btn btn-default" (click)="seeDetails()">See details</button>
  19                 <button type="button" class="btn btn-default" (click)="drillDown()">Drill down</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)="drillUp()">Drill up</button>
  28                     <button type="button" class="btn btn-default" (click)="seeDetails()">See details</button>
  29                 </div>
  30             </div>
  31
  32         </div>
  33     </div>
  34 </div>