add touchpoints poll

_assets/js/main.js

@@ -10,6 +10,7 @@ import search from "./search";
 import sidenav from "./expand-sidenav";
 import mobileCarousel from "./carousel";
 import setCookies from "./feature-flag";
+import tryToSetPageAnswer from "./touchpoints-page-helpful";
 
 modal();
 redirectModal();
@@ -19,6 +20,7 @@ search();
 sidenav();
 mobileCarousel();
 setCookies();
+tryToSetPageAnswer();
 
 const lawsAndRegsFlag = document.cookie
   .split("; ")

_assets/js/touchpoints-page-helpful.js

@@ -0,0 +1,11 @@
+export default function tryToSetPageAnswer() {
+    if (!document.querySelector('#touchpoints-yes-no-form')) return;
+
+    const pageAnswer = document.querySelector('#touchpoints-yes-no-form #answer_02');
+    if (!pageAnswer) {
+      setTimeout(tryToSetPageAnswer, 500);
+      return;
+    }
+
+    pageAnswer.value = window.location.href;
+  }

_assets/sass/custom/_touchpoints.scss

@@ -64,7 +64,7 @@
   }
 
   .usa-alert {
-    padding-top: 0px !important;
+    padding-top: 0px;
   }
 
   .usa-alert::before {
@@ -76,3 +76,43 @@
   }
 
 }
+
+#touchpoints-yes-no-form {
+  padding: 1.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+
+  .usa-alert--success {
+    padding: 1.25rem;
+
+    .usa-alert__body {
+      padding-left: 1.25rem;
+    }
+  }
+
+  .fba-modal-title {
+    font-size: 1.34rem;
+    margin-bottom: 0;
+  }
+
+  #touchpoints-yes-no-form {
+    .question.white-bg {
+      background-color: #d9e8f6;
+    }
+
+    .questions label {
+      display: none;
+    }
+  }
+
+  .usa-button{
+    background-color: color($theme-color-primary-darker);
+    &:hover {
+      background-color: color($theme-link-hover-color) !important;
+    }
+    &:focus {
+      background-color: color($theme-link-hover-color) !important;
+    }
+  }
+
+}

_includes/scripts.html

@@ -33,6 +33,9 @@
 <script src="https://touchpoints.app.cloud.gov/touchpoints/73c5715c.js" async></script>
 {% endif %}
 
+<!-- Was this useful [yes/no] feedback -->
+<script src="https://touchpoints.app.cloud.gov/touchpoints/a09c8a7c.js" async></script>
+
 {% if page.title == 'Guidance & Resource Materials'%}
 {% asset dist/taResources-compiled.js %}
 {% endif %}

_includes/touchpoints-page-helpful.html

@@ -0,0 +1 @@
+<div class="form-wrapper" id="touchpoints-yes-no-form"></div>

_layouts/default.html

@@ -9,6 +9,9 @@
     {% include notice.html %}
     {{ content }}
   </main>
+  {% if page.page-helpful != false and page.subnavigation != true %}
+    {% include touchpoints-page-helpful.html %}
+  {% endif %}
   {% include footer.html %}
   {% unless page.back-to-top == nil or page.back-to-top == false  %}
   {% include back-to-top.html %}

_layouts/page.html

@@ -21,6 +21,9 @@ <h4 class="usa-accordion__heading desktop:display-none">
           </button>
         </h4>
       {% include sidenav.html collection=page.subnav %}
+      {% if page.page-helpful != false %}
+        {% include touchpoints-page-helpful.html %}
+      {% endif %}
       </div>
       {% endif %}
     </div>

_pages/404.md

@@ -3,6 +3,7 @@ permalink: /404.html
 title: Page not found
 sitemap: false
 sidenav: false
+page-helpful: false
 common-alert:
   redirect: true
   type: info

_pages/feedback.md

@@ -6,4 +6,5 @@ lead: |-
     Please tell us how we can make this site better. Thank you.
 lang: "en"
 sidenav: false
+page-helpful: false
 ---

_pages/site_map.md

@@ -3,6 +3,7 @@ permalink: /site_map/
 title: Sitemap
 sitemap: false
 sidenav: false
+page-helpful: false
 ---
 
 {% include sitemap-pages.html %}