html kode for modal
authorRoza Moustafa <roza.92m@hotmail.com>
Thu, 3 Dec 2015 09:35:21 +0000 (10:35 +0100)
committerRoza Moustafa <roza.92m@hotmail.com>
Thu, 3 Dec 2015 09:35:21 +0000 (10:35 +0100)
src/components/map/map.html
src/components/map/map.ts

index ad19e7d..ec42aea 100644 (file)
@@ -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
index 507ae2c..cbdb410 100644 (file)
@@ -271,6 +271,10 @@ export class Map {
 
     }
 
+    visModal(){
+            return true;
+    }
+
     addUnit() {
         let parent = this.getParent();
         let pos = this.getcurrentPos();