html kode for modal

diff --git a/src/components/map/map.html b/src/components/map/map.html
index ad19e7dab4ca728b69560802763cd034c365a1a8..ec42aeafa9e838408c6a3c683cbe5db58314d2fc 100644 (file)
--- a/src/components/map/map.html
+++ b/src/components/map/map.html
@@ -1 +1,24 @@
 <div id="map"></div>
+
+<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Small Modal</button>
+
+<span [hidden]="!visModal()">
+<div class="modal fade" id="myModal" role="dialog">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal">&times;</button>
+                <h4 class="modal-title">Modal Header</h4>
+            </div>
+            <div class="modal-body">
+                <p>This is a small modal.</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+            </div>
+        </div>
+    </div>
+</div>
+</span>
+
+</div>
\ No newline at end of file

diff --git a/src/components/map/map.ts b/src/components/map/map.ts
index 507ae2cd7f14dfad9873639a633154331753c824..cbdb41084e6a0df72f0bb869d9e1b03bb0d8b537 100644 (file)
--- a/src/components/map/map.ts
+++ b/src/components/map/map.ts
@@ -271,6 +271,10 @@ export class Map {
 
     }
 
+    visModal(){
+            return true;
+    }
+
     addUnit() {
         let parent = this.getParent();
         let pos = this.getcurrentPos();