From 7f8e0321e7a47d9484d3711b1792047d3dde8862 Mon Sep 17 00:00:00 2001
From: Eric Bremner <ebremner@uwaterloo.ca>
Date: Thu, 4 Aug 2022 10:29:35 -0400
Subject: [PATCH] ISTWCMS-5724: adding google maps
---
src/patterns/04-components/_index.scss | 1 +
src/patterns/04-components/google_maps/_google_maps.scss | 9 +++++++++
src/patterns/04-components/google_maps/google_maps.twig | 4 ++++
src/patterns/04-components/google_maps/google_maps.yml | 3 +++
4 files changed, 17 insertions(+)
create mode 100644 src/patterns/04-components/google_maps/_google_maps.scss
create mode 100644 src/patterns/04-components/google_maps/google_maps.twig
create mode 100644 src/patterns/04-components/google_maps/google_maps.yml
diff --git a/src/patterns/04-components/_index.scss b/src/patterns/04-components/_index.scss
index a8ba1a6f..a4b1fbd8 100644
--- a/src/patterns/04-components/_index.scss
+++ b/src/patterns/04-components/_index.scss
@@ -18,6 +18,7 @@
@forward 'facebook/facebook';
@forward 'facts-and-figures/facts-and-figures';
@forward 'filters/filters';
+@forward 'google_maps/google_maps';
@forward 'icon/icon';
@forward 'icon/icon--button/icon--button';
@forward 'image/image';
diff --git a/src/patterns/04-components/google_maps/_google_maps.scss b/src/patterns/04-components/google_maps/_google_maps.scss
new file mode 100644
index 00000000..e92a7505
--- /dev/null
+++ b/src/patterns/04-components/google_maps/_google_maps.scss
@@ -0,0 +1,9 @@
+.uw-google-maps > iframe {
+ width: 100%;
+}
+
+.js .uw-google-maps {
+ &__message {
+ display: none;
+ }
+}
diff --git a/src/patterns/04-components/google_maps/google_maps.twig b/src/patterns/04-components/google_maps/google_maps.twig
new file mode 100644
index 00000000..a7d1369d
--- /dev/null
+++ b/src/patterns/04-components/google_maps/google_maps.twig
@@ -0,0 +1,4 @@
+<div class="uw-google-maps">
+ <div class="uw-google-maps__message">Enable JavaScript to view map.</div>
+ <iframe src="{{ url }}" height="{{ height }}" allowfullscreen loading="lazy"></iframe>
+</div>
diff --git a/src/patterns/04-components/google_maps/google_maps.yml b/src/patterns/04-components/google_maps/google_maps.yml
new file mode 100644
index 00000000..12b85e2d
--- /dev/null
+++ b/src/patterns/04-components/google_maps/google_maps.yml
@@ -0,0 +1,3 @@
+type: 'Google Maps'
+url: 'https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2895.384940217044!2d-80.5453043!3d43.4734364!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882bf6ad02edccff%3A0xdd9df23996268e17!2sUniversity%20of%20Waterloo!5e0!3m2!1sen!2sca!4v1616442681100!5m2!1sen!2sca'
+height: 400
--
GitLab