From a846e2248df0df3a2b9957d2e7e4647a373a8bba Mon Sep 17 00:00:00 2001
From: David Hochbaum <dhochbaum@planning.nyc.gov>
Date: Mon, 21 Oct 2024 15:37:18 -0400
Subject: [PATCH 1/6] Added info modal

---
 client/app/components/info-modal.js           | 16 +++++++
 client/app/styles/app.scss                    |  1 +
 client/app/styles/modules/_m-info-modal.scss  | 42 +++++++++++++++++++
 client/app/templates/application.hbs          |  7 +++-
 .../app/templates/components/info-modal.hbs   | 24 +++++++++++
 5 files changed, 89 insertions(+), 1 deletion(-)
 create mode 100644 client/app/components/info-modal.js
 create mode 100644 client/app/styles/modules/_m-info-modal.scss
 create mode 100644 client/app/templates/components/info-modal.hbs

diff --git a/client/app/components/info-modal.js b/client/app/components/info-modal.js
new file mode 100644
index 00000000..94a6c67f
--- /dev/null
+++ b/client/app/components/info-modal.js
@@ -0,0 +1,16 @@
+import Component from '@ember/component';
+import { action } from '@ember/object';
+
+export default class InfoModalComponent extends Component {
+  open = !window.localStorage.hideMessage;
+
+  dontShowModalAgain = false;
+
+  @action
+  closeModal() {
+    this.set('open', false);
+    if (this.dontShowModalAgain) {
+      window.localStorage.hideMessage = true;
+    }
+  }
+}
diff --git a/client/app/styles/app.scss b/client/app/styles/app.scss
index 48395cbf..0ab8f05f 100644
--- a/client/app/styles/app.scss
+++ b/client/app/styles/app.scss
@@ -65,6 +65,7 @@ $completed-color: #a6cee3;
 @import 'modules/_m-noui';
 @import 'modules/_m-project-filters';
 @import 'modules/_m-reveal-modal';
+@import 'modules/_m-info-modal';
 @import 'modules/_m-search';
 @import 'modules/_m-site-header';
 @import 'modules/_m-statuses';
diff --git a/client/app/styles/modules/_m-info-modal.scss b/client/app/styles/modules/_m-info-modal.scss
new file mode 100644
index 00000000..2714cf18
--- /dev/null
+++ b/client/app/styles/modules/_m-info-modal.scss
@@ -0,0 +1,42 @@
+// --------------------------------------------------
+// Module: Info Modal
+// --------------------------------------------------
+
+#info-modal-container {
+  z-index: 3;
+}
+
+.info-overlay {
+  padding: 1rem;
+
+  @include breakpoint(medium) {
+    padding: 4rem 1rem;
+    position: absolute;
+  }
+}
+
+.info-overlay-target {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.info-modal {
+  border: 3px solid $dcp-orange;
+  border-radius: 10px;
+  box-shadow: 0 0 0 rem-calc(4) rgba(0,0,0,0.1);
+  top: 30%;
+  background-color: $orange-white;
+  height: unset;
+  min-height: unset;
+  @include breakpoint(medium) {
+    height: unset;
+    padding: 4rem;
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
diff --git a/client/app/templates/application.hbs b/client/app/templates/application.hbs
index 370909e9..dfaa08be 100644
--- a/client/app/templates/application.hbs
+++ b/client/app/templates/application.hbs
@@ -56,9 +56,14 @@
   {{/if}}
 </div>
 
-<div id="reveal-modal-container">
+<div id="info-modal-container">
 </div>
 
+{{#ember-wormhole to="info-modal-container"}}
+  {{info-modal}}
+{{/ember-wormhole}}
+
+
 {{#if (string-includes currentRouteName "my-projects")}}
   <script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script><script type="text/javascript">window.Beacon('init', '9a027170-0976-46ac-afba-8d1322ef19d6')</script>
 {{else}}
diff --git a/client/app/templates/components/info-modal.hbs b/client/app/templates/components/info-modal.hbs
new file mode 100644
index 00000000..7b80dd40
--- /dev/null
+++ b/client/app/templates/components/info-modal.hbs
@@ -0,0 +1,24 @@
+{{#if open}}
+  <div class="reveal-overlay" style="display:block;">
+    <div class="reveal-overlay-target" {{action closeModal}}></div>
+    <div
+      class="reveal info-modal"
+      role="dialog"
+      aria-hidden="false"
+      tabindex="-1"
+      style="display:block;"
+      data-test-info-modal
+    >
+      <h1>Subscribe and Get Notified.</h1>
+
+      {{!-- Once the subscribe route exists, uncomment the row below and delete the row below that one --}}
+      {{!-- <h4>Subscribe to <LinkTo @route="subscribe">ZAP Email notifications</LinkTo>. Get updates about community district and citywide projects.</h4> --}}
+      <h4>Subscribe to <LinkTo @route="statuses">ZAP Email notifications</LinkTo>. Get updates about community district and citywide projects.</h4>
+      {{input type="checkbox" checked=this.dontShowModalAgain}}
+      Don't show this message again
+      <button {{action closeModal}} class="close-button" aria-label="Close modal" type="button">
+        <span aria-hidden="true">&times;</span>
+      </button>
+    </div>
+  </div>
+{{/if}}

From dee4a464bdc6accf85eeae5ef1ad7a823f367ace Mon Sep 17 00:00:00 2001
From: David Hochbaum <dhochbaum@planning.nyc.gov>
Date: Tue, 22 Oct 2024 09:35:11 -0400
Subject: [PATCH 2/6] Fix for test failures

---
 client/app/templates/application.hbs           | 4 +++-
 client/app/templates/components/info-modal.hbs | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/app/templates/application.hbs b/client/app/templates/application.hbs
index dfaa08be..58d8cf52 100644
--- a/client/app/templates/application.hbs
+++ b/client/app/templates/application.hbs
@@ -56,9 +56,11 @@
   {{/if}}
 </div>
 
+
 <div id="info-modal-container">
 </div>
-
+<div id="reveal-modal-container">
+</div>
 {{#ember-wormhole to="info-modal-container"}}
   {{info-modal}}
 {{/ember-wormhole}}
diff --git a/client/app/templates/components/info-modal.hbs b/client/app/templates/components/info-modal.hbs
index 7b80dd40..b1dc9438 100644
--- a/client/app/templates/components/info-modal.hbs
+++ b/client/app/templates/components/info-modal.hbs
@@ -13,7 +13,7 @@
 
       {{!-- Once the subscribe route exists, uncomment the row below and delete the row below that one --}}
       {{!-- <h4>Subscribe to <LinkTo @route="subscribe">ZAP Email notifications</LinkTo>. Get updates about community district and citywide projects.</h4> --}}
-      <h4>Subscribe to <LinkTo @route="statuses">ZAP Email notifications</LinkTo>. Get updates about community district and citywide projects.</h4>
+      <h4>Subscribe to <LinkTo @route="show-geography">ZAP Email notifications</LinkTo>. Get updates about community district and citywide projects.</h4>
       {{input type="checkbox" checked=this.dontShowModalAgain}}
       Don't show this message again
       <button {{action closeModal}} class="close-button" aria-label="Close modal" type="button">

From 5cdbf617ab154d866ec68d9c2861b56f60764ce2 Mon Sep 17 00:00:00 2001
From: David Hochbaum <dhochbaum@planning.nyc.gov>
Date: Wed, 30 Oct 2024 13:09:47 -0400
Subject: [PATCH 3/6] Updated colors

---
 client/app/styles/modules/_m-info-modal.scss   | 2 +-
 client/app/templates/components/info-modal.hbs | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/app/styles/modules/_m-info-modal.scss b/client/app/styles/modules/_m-info-modal.scss
index 2714cf18..dad73c6e 100644
--- a/client/app/styles/modules/_m-info-modal.scss
+++ b/client/app/styles/modules/_m-info-modal.scss
@@ -28,7 +28,7 @@
   border-radius: 10px;
   box-shadow: 0 0 0 rem-calc(4) rgba(0,0,0,0.1);
   top: 30%;
-  background-color: $orange-white;
+  background-color: #FBF0E9;
   height: unset;
   min-height: unset;
   @include breakpoint(medium) {
diff --git a/client/app/templates/components/info-modal.hbs b/client/app/templates/components/info-modal.hbs
index b1dc9438..6649a610 100644
--- a/client/app/templates/components/info-modal.hbs
+++ b/client/app/templates/components/info-modal.hbs
@@ -1,5 +1,5 @@
 {{#if open}}
-  <div class="reveal-overlay" style="display:block;">
+  <div class="reveal-overlay" style="display:block; background-color: rgba(241, 242, 244, 0.45)">
     <div class="reveal-overlay-target" {{action closeModal}}></div>
     <div
       class="reveal info-modal"

From 54e12227c8b015768d2c903ba34434fb20c8d1c1 Mon Sep 17 00:00:00 2001
From: David Hochbaum <dhochbaum@planning.nyc.gov>
Date: Wed, 30 Oct 2024 16:17:17 -0400
Subject: [PATCH 4/6] Center modal vertically

---
 client/app/styles/modules/_m-info-modal.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/app/styles/modules/_m-info-modal.scss b/client/app/styles/modules/_m-info-modal.scss
index dad73c6e..c0f7d44f 100644
--- a/client/app/styles/modules/_m-info-modal.scss
+++ b/client/app/styles/modules/_m-info-modal.scss
@@ -27,7 +27,9 @@
   border: 3px solid $dcp-orange;
   border-radius: 10px;
   box-shadow: 0 0 0 rem-calc(4) rgba(0,0,0,0.1);
-  top: 30%;
+  top: 50%;
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
   background-color: #FBF0E9;
   height: unset;
   min-height: unset;

From 7434356420aec8694101eaf906a1075efe797958 Mon Sep 17 00:00:00 2001
From: David Hochbaum <dhochbaum@planning.nyc.gov>
Date: Wed, 30 Oct 2024 16:50:42 -0400
Subject: [PATCH 5/6] Updated box-shadow

---
 client/app/styles/modules/_m-info-modal.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/app/styles/modules/_m-info-modal.scss b/client/app/styles/modules/_m-info-modal.scss
index c0f7d44f..e427c33b 100644
--- a/client/app/styles/modules/_m-info-modal.scss
+++ b/client/app/styles/modules/_m-info-modal.scss
@@ -26,7 +26,7 @@
 .info-modal {
   border: 3px solid $dcp-orange;
   border-radius: 10px;
-  box-shadow: 0 0 0 rem-calc(4) rgba(0,0,0,0.1);
+  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);
   top: 50%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

From 49f4426d2c6f22221136a412ee2f65aea0d3a2a5 Mon Sep 17 00:00:00 2001
From: David Hochbaum <dhochbaum@planning.nyc.gov>
Date: Thu, 31 Oct 2024 15:08:10 -0400
Subject: [PATCH 6/6] Update route

---
 client/app/templates/components/info-modal.hbs | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/client/app/templates/components/info-modal.hbs b/client/app/templates/components/info-modal.hbs
index 6649a610..cc133a25 100644
--- a/client/app/templates/components/info-modal.hbs
+++ b/client/app/templates/components/info-modal.hbs
@@ -11,9 +11,8 @@
     >
       <h1>Subscribe and Get Notified.</h1>
 
-      {{!-- Once the subscribe route exists, uncomment the row below and delete the row below that one --}}
-      {{!-- <h4>Subscribe to <LinkTo @route="subscribe">ZAP Email notifications</LinkTo>. Get updates about community district and citywide projects.</h4> --}}
-      <h4>Subscribe to <LinkTo @route="show-geography">ZAP Email notifications</LinkTo>. Get updates about community district and citywide projects.</h4>
+      <h4>Subscribe to <LinkTo @route="subscribe">ZAP Email notifications</LinkTo>. Get updates about community district and citywide projects.</h4>
+
       {{input type="checkbox" checked=this.dontShowModalAgain}}
       Don't show this message again
       <button {{action closeModal}} class="close-button" aria-label="Close modal" type="button">