From 01ffdea2d76df96bf69c0a86ad51479f82139bac Mon Sep 17 00:00:00 2001
From: Korina Cordero <cordero.korina@gmail.com>
Date: Thu, 24 Oct 2019 06:39:22 +0000
Subject: [PATCH] Add map to Dashboard. #270

---
 templates/home.html.twig | 41 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/templates/home.html.twig b/templates/home.html.twig
index 2907f228..6e41f1ef 100644
--- a/templates/home.html.twig
+++ b/templates/home.html.twig
@@ -25,8 +25,45 @@
     <!-- END: Subheader -->
     <div class="m-content">
         <!--Begin::Section-->
-        <!--End::Section-->
-        <!--Begin::Section-->
+        <div class="row">
+            <div class="col-xl-12">
+                <div class="m-portlet m-portlet--mobile">
+                    <div class="m-portlet__body">
+                        <div class="form-group m-form__group row">
+                            <div class="col-lg-12">
+                                <div id="m_gmap" style="height:600px;"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
         <!--End::Section-->
     </div>
 {% endblock %}
+
+{% block scripts %}
+<script src="//maps.googleapis.com/maps/api/js?key={{ gmaps_api_key }}" type="text/javascript"></script>
+<script src="/assets/vendors/custom/gmaps/gmaps.js" type="text/javascript"></script>
+
+<script>
+// BEGIN google maps stuff
+
+initMap();
+
+function initMap() {
+    var map = new google.maps.Map(document.getElementById('m_gmap'),
+    {
+        center: {
+            lat: {% trans %}default_lat{% endtrans %},
+            lng: {% trans %}default_long{% endtrans %},
+        },
+        mapTypeId: 'roadmap',
+        zoom: 13
+    });
+}
+
+</script>
+
+// END google maps stuff
+{% endblock %}